/*  #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;
}
h1 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 17px;
	line-height: 20px;
}

#container {
	width:320px;
	position:relative;
}

#slider, #sliderWrapper {
	width:320px;
	height:auto;
}

#menuWrapper {
	height:45px;
}


#socialBox {
	position:absolute;
	top:6px;
	left:5px;
	right:auto;
	z-index:1000;
}
#mainMenu li a {
	font-size: 15px;
	padding: 6px 9px 7px;
}

#mainInfos {
	text-align:center;
}

#mainInfos .mainInfoBox {
	margin:0  auto 20px;
	display:inline;
	float:none;
}

#mainInfos .mainInfoBox img {
	margin:0  10px 20px;
}

.karuzela {
    margin-left: 15%;
    width: 70%;
}
.carouselBox {width:100% }
.carouselPic img {width:100% }
.carouselBox .carouselDesc a { font-size: 15px; }


#contactRow .col {
    margin: 8px 0 8px 20px !important;
	font-size:13px;
	text-align:left;
	float:left;
}
#copyright .col {
    text-align:left !important;
	font-size:11px;
}

}