html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }
html {
  background:#000000 url(bg.jpg) 0 0 repeat-x;
  color: #FFF;
}
body {
	font:0.75em Arial, sans-serif;
  width:880px;
  margin:0 auto;
  position:relative;
}

#head {
  width:100%; height:257px;
  background:url(bg_head.jpg) 0 100% no-repeat;
}

#main {
	width: 620px;
	float: left;
	position: relative;
	left: 0; top:0;
	margin: 0;
}

#side {
	width: 225px;
	float: right;
	position: relative;
	right: 0; top:0;
	overflow: hidden;
	margin: 0;
}

#footer {
	clear: both;
	margin-top:15px; padding:20px;
	background: #0a0a0a url(bg_footer.gif) 0 0 no-repeat;
	color:#fff;
}

/*********** DOPLNKY LAYOUTU ***********/

/* head */
p#logo {width:100%; height:168px; margin:0; background:#90b018 url(bg_top.jpg) 0 0 no-repeat; position:relative;}
#logo a {display:block; overflow:hidden; width:0; height:100px; padding-left:180px; background:url(logo.png) 0 0 no-repeat; position:absolute; top:35px; left:153px; }


ul#menu {background:#b7c93d; height:52px; width:860px; padding:0 10px; background:#a3b224 url(bg_menu.jpg) 0 0 no-repeat;}
ul#menu li{float:left; font-size:140%; background:url(menu-li.gif) 100% 0 no-repeat;}
ul#menu a{display:block; color:#FFF; line-height:52px; text-decoration:none; padding:0 15px; }
.nav li a:hover, #menu li:hover a,#menu li.sfHover a {color:#000;}

/*Druhy level*/
#menu li:hover ul a,#menu li.sfHover ul a{background:#565656;  color:#FFF;  text-decoration:none;}
#menu li:hover ul a:hover,#menu li.sfHover ul a:hover{background:#ECE7C7;  color:#000;  text-decoration:none;}
#menu ul{background:#464646;  border-bottom:1px solid #000;  list-style:none;  margin:0;  width:140px;  position:absolute;  top:-999em;  left:5px;}
#menu li:hover ul, #menu li.sfHover ul{top:auto;}
#menu ul li{border:0; margin:0; padding:0;   float:none;  font-size:80%;  width:100%;}
#menu ul a{display:block; width:130px; padding:2px 5px;  margin:0;  border:1px solid #333;  border-bottom:0;}






/* side */
#side h3 {padding:0; margin:10px 0 0 0; color:#abd31d; font-size:110%; font-weight:bold;  line-height:1.4em;}
#side p {margin:0 0 10px 0; padding:0;}

/* footer*/
#footer p{font-size:90%;  margin:0; padding:0;}
#footer p.ivorius {float:right;}
#footer a{color:#fff;}

/* main */

#main ul,#main ol{margin:1em 0; }
#main ul li,#main ol li{margin-left:2em; font-size:110%; }
#main ul li {list-style-type:circle;}
#main p.nahoru {float:right; margin-top:25px;}
#main p.nahoru a {display:block; height:35px; width:0; padding-left:62px; overflow:hidden; background:url(nahoru.jpg) 0 0 no-repeat; }
#main table{font-size:110%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }
#main table caption{caption-side:bottom; font-style:italic; text-align:left; }
#main a img {border:none; }

/********* STRANKY *********/
#main .item {width:50%; float:left; display:inline /*fix IE bug*/; text-align:center;}
#main .item a:hover {text-decoration:none;}

.galerie span {display:inline; width:140px; height:110px; overflow:hidden; float:left; margin:7px; text-align:center; }


/* Homepage*/
.pics {width:100%; height:450px; overflow:hidden; margin-bottom:15px;}

/* Videa */
.videa {margin-top:20px; text-align:center;}

/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; padding:0 0 0.2em 0; color:#e22d74;}
h1{margin:0 0 10px 0; font-size:150%; }
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}
h3.nadpisek {margin-top:25px;}
p {font-size:110%; margin:1.3em 0; line-height:1.4em; }

form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%;}
fieldset{margin: 0.5em 0;	padding:0.5em 1em; border:1px solid #AFAFAF;}
fieldset legend{font-size:110%; font-weight:bold;  }
fieldset fieldset legend{font-size:130%; }



a{text-decoration:underline; color:#abd31d; }
a:hover{text-decoration:none;}
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;}

img.hlavni {border:8px solid #fff;}
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%; }
