/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 100px) and (max-width: 767px)  {
body {
	font-size:14px;
	line-height:20px;
	background:#e3e3e3;
}

h1 { 
	font-size:16px;
}

#container {
	width: 320px;
	font-size:13px;
	line-height:20px;
}

#topmap {
	width:320px;
	height:170px;
	background-size:650px auto;
	background-position:-20px 0
}

#mainMenu {
	width:320px;
	height:51px;
}

#mainMenu li a {
    font-size: 16px;
    font-weight: bold;
    padding: 16px 12px 14px;
}

#content {
	width:300px;
	min-height:483px;
	padding:25px 10px 0px 10px;
}

#left {
	display:inline;
	float:left;
	width:100%;
}

#left img { max-width:300px; height:auto }

#right {
	width:100%;
	display:inline;
	position:relative;
	float:left;
	right:auto;
	padding-bottom:30px
}

.mainTable td { font-size:12px !important }
.mainTable td img { display:none }


#right img { max-width:300px; margin:0 10px 15px !important }

.txt { width:300px; padding:0 }

.txt img {max-width:100%; height:auto }

#newsletterInput {
	padding-top:4px;
	padding-left:3px;
	height:25px;
	width:170px;
	float:left;
	display:inline; 
}

input#buttonAdd {display:inline; float:left; margin-top:0; margin-left:20px; margin-right:0}


#footer {
    background-size:465px auto;
    height: 85px;
	background-repeat:no-repeat;
    width: 320px;
}
}