html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
body {
	font:0.75em Arial, sans-serif;
	color: #FFF;
	background:#1FA5BB url(bg_head.png) 0 0  repeat-x;
}

html, body, #container {height:100%;}
body > #container {height: auto; min-height: 100%;}

#container {
	width:1000px; margin: 0 auto; 
	position:relative;
}
#head {
  height:182px; width:100%;
  background: url(bg_header.png) 100% 0 no-repeat;
  line-height:1.5em;
}

#main {
	padding:0 0 120px 0;
} 

#content {
	width:620px; float:left;
	margin: 0;
	padding:0 30px 20px 0;
	color:#FFF;
	position:relative; left:0;
}
#side {
	width:330px; float:right;
	background: url(mansci.png) 0 0 no-repeat;
	margin: 0;
	padding: 193px 0 0 20px;
	color:#FFF;
	position:relative; right:0;
}

#footer {
	
	margin-top: -120px; /* vytáhnutí zpoza okna */
	height: 120px;
	clear:both;
 	background:url(bg_footer.gif) 0 100% repeat-x;
}
#foot {
	position: relative;
	width:1000px;
	margin:0 auto;
} 


/*********** DOPLNKY LAYOUTU ***********/
/* head */
#logo{height:110px; width:200px; float:left; position:relative; margin-top:17px;}
#logo a {display:block; overflow:hidden; width:0; height:110px; padding-left:200px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:0; left:0; }

ul.menu {margin:50px 0 0 50px; float:left;}
ul.menu li{display:inline; font-size:140%; margin:0 1em;}
ul.menu a{text-decoration:none; color:#1fa5bb;}
ul.menu a:hover {text-decoration:underline;}

/* side */
#side table {width:100%;}
#side table td {background: #29aac0; color:#bfe6ec;}

/* foto */
#foto {
  width:1000px; padding:30px 0 50px 0;
  position:relative;
  overflow:hidden;
  border-top:1px solid #4cb7c9;
  border-bottom:1px solid #4cb7c9;
}
#foto ul {width:3900px; margin:0; padding:0;}
#foto ul li {
   display:block; float:left; margin:0 20px; padding:0; color:#000; border:6px solid white; background:#fff; overflow:hidden; vertical-align:middle;
}


/* footer*/
#footer p{font-size:110%;  padding:30px 0 0 0; margin:0;}
#footer a{color:#FFF;}
#footer p.copy {float:left; margin-right:100px;}
#footer p.ivorius {float:left; color: #a3dde6; }
#footer p.ivorius a {color: #a3dde6; }
#footer p.up {margin:0; padding:0; width:55px; height:60px; position:absolute; top:31px; right:30px; }
#footer p.up a {dipslay:block; width:0; padding-left:55px; overflow:hidden; position:absolute; left:0; top:0; height:60px; background:url(up.png) 0 0 no-repeat;  }


/* main */
#main p{font-size:120%; margin:1em 0; line-height:1.6em; }

#main table{font-size:100%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }


/********* STRANKY *********/

/* Homepage*/

/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; padding:1.3em 0 0.2em 0; color:#FFF; }
h1{margin:0 0 10px 0; font-size:220%;  }
h2{font-size:150%;}
h3{font-size:130%;}
h4{font-size:110%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; }
fieldset{margin:0.5em 0; }
fieldset legend {font-size:120%; font-weight:bold; color:#FFF; }
fieldset fieldset legend{font-size:100%; }
ol, ul {margin:1em 0; }
li {margin-left:2em; font-size:100%; }
ul li  {list-style-type:dics;}
ol li {list-style-type:decimal;}

table {margin: 1em 0; font-size:120%;}
td, th {padding:4px 8px;}

a{text-decoration:underline; color:#FFF; }
a:hover{text-decoration:none;}
a img {border:none; }
#main a img {border:none; }

/*******  SPECIFICKE **************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}

.doprava {float:right;}
.doleva {float:left;}
img.doprava {margin:5px 0 5px 15px;}
img.doleva {margin:5px 15px 5px 0;}

#content img.doleva, #content img.doprava {border:4px solid #26BBCF;}


#content p.fotogalerie {float:left; margin:4px 5px;}
#content .fotogalerie a {margin:0 10px;}
#content .fotogalerie a img {border:4px solid #26BBCF;}




/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }