html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	color: #2A2A2A;
	background: white url(../images/bg.jpg) repeat-x center -16px;
}
#page {

}
#all {
	position: relative;
	text-align: center;
}
.container {
	max-width: 960px;
	margin: 0px auto;
	text-align: left !important;
	overflow: visible;
	width: 100%;
}
.cleaner {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
a img {
	border: none;
}
a {
	color: #2A2A2A;
}
a:hover {
	text-decoration:none;
}
#logo {
	margin: 15px 0;
}
#nav {
	background: url(../images/bgMenu.jpg) center top;
	text-align: center;
	margin: 0;
	padding: 0;
}
#nav li {
	display: inline;
	position:relative;
	z-index: 100;
}
#nav li a {
	text-decoration: none;
	color: white;
	line-height: 40px;
	font-weight: bold;
	padding: 0 10px;
	font-size: 14px;
}
#nav li a:hover {
	color: yellow;
}
#banner {
	background: url(../images/banner.png) no-repeat center top;
	height: 469px;
	width: 960px;
	position: relative;
}
#maskot {
	background: url(../images/maskot.png) no-repeat center top;
	height: 319px;
	width: 244px;
	position: absolute;
	top: -25px;
	left: 35px;
}
#nemociUvod {
	position: relative;
	top: 180px;
	float: right;
	margin-right: 45px;
	height: 60px;
	width: 532px;
	background: White;
	opacity:0.6;
filter:alpha(opacity=40);
padding: 5px;
}
#nemociUvod,#nemociUvod a {
	color:#2A2A2A;
	text-decoration: none;
	font-size: 12px;
	line-height: 19px;
}
#nemociUvod a:hover {
	text-decoration: underline;
}

#uvodInfo {
	width: 940px !important;
	height: 147px;
	top: 215px;
	position: relative;
	margin: 0px auto;
	text-align: center;
	clear: both;
}
#ai,#ci {
	height: 147px;
	width: 50%;
	float: left;
	position: relative;
	color: white;
}
.titleUvod {
	font-size: 18px;
}
.tel {
	color: Yellow;
	font-size: 25px;
}
.obj {
	font-size: 14px;
	text-decoration: none;
	display: block !important;
	background: url(../images/bgObj.png) repeat-x center top;
	border-top: 1px solid #EB7C7B;
	border-bottom: 1px solid #EB7C7B;
	padding: 5px 12px;
	width: 160px;
	font-weight: bold;
	margin: 0 auto;
	color: white;
	text-align:center;
	cursor: pointer;
}
select {
	border: 1px solid #29568A;
}
.obj:hover {
	color: yellow;
}


#cL {
	float: left;
	width: 300px;
}
#cR {
	float: right;
	width: 600px;
}
.liC {
	vertical-align: middle;
	margin: 3px 5px;
}
.licb {
	color: #0A88D7;
}
#infoCL {
	background: url(../images/info.png) no-repeat center top;
	width: 320px;
}
#infoCLin {
	background: #383431;
	min-height: 150px;
	_height: 150px;
	width: 277px;
	float: right;
	color: white;
	font-size: 12px;
	padding: 10px ;
}
#text {
	text-align: right;
	color: White;
	padding: 50px 15px 25px 0;
	font-size: 15px;
	display: block;
}


#footer {
	background: url(../images/footer.png) no-repeat center top;
	padding:30px 0px;
	font-size: 11px;
	margin-top: 40px;
}
#fL {
	float: left;
	width: 70%;
}
#fR {
	float: right;
	width: 30%;
	text-align: right;
}
#content2 {
	background: url(../images/footer.png) no-repeat center top;
	padding-top: 20px;
}
#content2in {
	background: white;
}
#cInL {
	float: left;
	width: 230px;
}
#cInR {
	float: right;
	width: 680px;
	padding: 20px;
	background: white url(../images/bigInj.png) no-repeat center 100px;
	min-height: 550px;
	_height: 550px;
	text-align: left !important;
}
#lMenu {
	background: #0291DD url(../images/leftMenu.jpg) repeat-x bottom center;
}
#menuLeft {
	margin: 0;
	padding: 0;
}
#menuLeft li {
	list-style: none;
	
}
#menuLeft li a {
	color: White;
	text-decoration: none;
	font-size: 13px;
	display: block;
	background: url(../images/lib.png) no-repeat bottom center;
	padding: 12px 20px;
} 
#menuLeft li a:hover {
	color: yellow;
} 
.lastLm {
	background: none !important;
}
.leftPi {
	margin: 0;
	padding: 10px 5px;
	color: white;
	font-weight: bold;
	font-size: 12px;
}

#lInfo {
	background: #C1C1C1 url(../images/leftInfo.jpg) repeat-x bottom center;
	padding: 15px;
}
#objR {
	float: right;
	width: 235px;
	margin: 0 0 20px 20px;
}
h1 {
	color: #EB7D7C;
	margin: 0 0 15px 0;
	font-size: 22px;
}
.subM {
	color: white;
	padding: 15px 15px 0 15px;
	min-height: 200px;
	_height: 200px;
	text-align: center;
	font-size: 15px;
}
.subM a {
	color: white;
	fo
}



	
	
	
	
.formField{
	border: 1px solid rgb(41,86,138);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: white;
	color: rgb(41,86,138);
	padding: 1px;
}
.formBtn:hover {
	color: yellow;
}
.formBtn {
	cursor: pointer;
	font-size: 13px;
	border: none;
	background: url(../images/bgBtn.png) repeat-x center top;
	border-top: 1px solid #EB7C7B;
	color: white;
	border-bottom: 1px solid #EB7C7B;
}
/* REPORTS */
.reportImage {
	padding-right: 10px;
	vertical-align: middle;
}
.reportBox {
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	width: 380px;
	margin: 0px auto;
	color: Black;
}
#ok {
	border: 1px dashed green;
	background-color: #D7FFD8;
}
#err {
	border: 1px dashed red;
	background-color: #FFD7D7;
}


.gal {
    display: table;
    float: left;
    height: 170px;
    width: 180px;
}
#galerie {
    text-align: center;
    width: 100%;
}
.galItem {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.galItem img {
	    border: 1px solid #BB2E7D;
    box-shadow: 0 8px 6px -6px black;
    padding: 2px;
}
.kz {
	display: list-item;
	float: left;
	width: 300px;
	margin-left: 15px;
	line-height: 20px;
}
#cenaT {
	float: right;
	font-size: 15px;
	font-weight: bold;
	padding:10px;
	border: 1px solid gray;
}

h2 {
	font-size: 17px;
	color:#4449AF;
}
h3 {
	font-size: 16px;
	color: #363636;
	margin-left: 15px;
}
h4 {
	font-size: 15px;
	color: #363636;
	margin-left: 5px;
}
.nem a {
	font-size: 15px;
	font-weight: bold;
}
.nem {
	margin-top: 40px;
	padding-left: 10px;
}
.nemVak {
	border-bottom: 1px solid #E3E3E3;
	padding: 5px 5px 5px 20px;
	margin-bottom: 25px;
}

#menuResponsive {
	display: none !important;
}
#menuResponsive a img {
	vertical-align: middle;
}


@media screen and (max-width: 959px) {
	#fR {
		float: none;
		width: 100%;
		text-align: center;
	}
	#fL {
		float: none;
		width: 100%;
		text-align: center;
	}
	#logo {
		display: block;
		margin: 0 auto;
	}
	#cR, #cInR {
		width: 100%;
		float: none;
		padding: 0;
	}
	#cL, #cInL {
		max-width: 320px;
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#infoCL {
		width: 100%;
	}
	#infoCLin{
		width: calc(100% - 43px);
	}
	h1 {
		float: none !important;
	}
	#nav {
		background: #0093DD;
	}
	#nav li a {
		display: inline-block;
	}
	#cIN {
		padding: 5px;
	}
	#banner {
		width: 100%;
		height: 469px;
		background: rgba(0, 0, 0, 0) url("../images/banner.png") no-repeat scroll center top;
		background-size: cover;
	}
	#nemociUvod {
		height: auto;
		margin-right: 10px;
		width: 60%;
	}
	#nemociUvod a {
		font-size: 11px;
	}
	#uvodInfo {
		width: 100% !important;
	}
	#maskot {
		background-size: cover;
		top: 50px;
		width: 150px;
		height: 200px;
		left: 10px;
	}
	.titleUvod {
		font-size: 16px;
	}
}
@media screen and (max-width: 620px) {
	#cR {
		width: 100%;
	}
	h1 {
		font-size: 17px;
	}
	.menuItemResp {
		display: none !important;
	}
	.menuItemRespOn{
		display: block !important;
	}
	#menuResponsive {
		display: block !important;
	}
	#menuResponsive a {
		font-size: 17px !important;
	}
}

@media screen and (max-width: 500px) {
	h1 {
		font-size: 15px;
	}
	#infoCL #text {
		display: none;
	}
	#infoCLin{
		float: none;
	}
	#infoCL {
		background: none;
	}
	#logo {
		max-width: 90%;
		margin-top: 5px;
	}
	.titleUvod {
		font-size: 12px;
	}
	#uvodInfo {
		bottom: 20px;
	}
	#nemociUvod {
		height: auto;
		margin-right: 0px;
		width: 95%;
	}
	.tel {
		font-size: 15px;
	}
	#ci .formField {
		width: 75%;
	}
	.obj {
		width: 70%;
		font-size: 10px;
	}
	#cInR img {
		display:block;
		float: none;
		max-width: 100%;
	}
}