/* CSS Document */
  html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; 
  }
  body {
  font-size: 62.5%; 
  background:#F4F2EB;
  }
  #container {
  width:900px;
  padding:98px 10px 0 17px;
  margin:0 auto;
  background:#443F3C url(/style/bg_body.jpg) 0 0 repeat-y;
  color:#333; position:relative;
  }
  ul#logo {
  height:220px;
  width:100%; 
  position:relative; overflow:hidden;
  background: url(/style/bg_head.jpg) 0 0 no-repeat;
  z-index:2;
  }
  #main {
  width: 550px;  padding:0 30px;
  float: left;
  position: relative; overflow:hidden;
  background: url(/style/bg_main-top.jpg) 0 0 no-repeat;
  left: 0;
  margin-bottom: 20px;
  }
  #side {
  width: 290px;
  float: right;
  margin-bottom: 20px;
  position: relative; right:0; overflow:hidden;
  }
  ul#menicko {
  width:900px;
  position:absolute;  top:0px; left:17px;
  height:89px;
  border-bottom:9px solid #433E3B;
  background:#57524E url(/style/bg_top.jpg) 0 0 no-repeat;
  overflow:hidden;
  } 
  #footer {
  width: 100%; height:108px;
  background:url(/style/bg_foot.jpg) 0 0 no-repeat;
  color:#7D6A5E;
  }
  .homepage {
  padding:0 20px;
  }
  #placka {
    position:absolute; top:330px; left:-15px; z-index:2;
    margin:0; padding:0;
    height:133px; width:0; padding-left:133px;
    overflow:hidden;
    background:url(/style/placka.gif) 0 0 no-repeat;    
  }
  
/* Doplnky layoutu */
#logo li.logos {
	display: block;
	overflow: hidden;
	width: 210px;
	height: 60px;
}
#logo li.logos a {
	display: block;
	overflow: hidden;
	width: 0;
	padding-left:210px;
	height: 60px;
	position: absolute;
	top: 80px;
	left: 45px;
}
#logo li.menujump {
	position: absolute; top:-300px;
	width: 0;
	height: 0;
	padding:0;
	overflow: hidden;
}
ul#menicko li {display:inline;  font-size:130%;}
ul#menicko li a {color:white; display:block; float:left; height:30px; line-height:30px; padding:0 5px; margin:0 23px; text-decoration:none; margin-top:30px; }
ul#menicko li a:hover, ul#menicko li a:focus,  ul#menicko li a:active {text-decoration:underline;}

/*Doplnky side*/
#side h3 {padding:0; margin:0;}
#side h3.materialy a {display:block; overflow:hidden; height:70px;  padding-left:290px; background:url(/style/h-materialy.gif) 0 0 no-repeat;}
#side h3.udrzba a {display:block; overflow:hidden; height:85px; padding-left:290px; overflow:hidden; background:url(/style/h-udrzba.gif) 0 0 no-repeat; }
#side h3.ostatni a {display:block; overflow:hidden; height:85px; width:0; padding:0; margin:0; padding-left:290px; overflow:hidden; background:url(/style/h-ostatni.gif) 0 0 no-repeat;}
#side h3.anketa {display:block; overflow:hidden; height:85px; width:0; padding-left:290px; overflow:hidden; background:url(/style/h-anketa.gif) 0 0 no-repeat;}

#side h3.clanky {display:block; overflow:hidden; height:85px; width:0; padding-left:290px; overflow:hidden; background:url(/style/h-clanky.gif) 0 0 no-repeat;}
#side h3.nabidka {display:block; overflow:hidden; height:85px; width:0; padding-left:290px; overflow:hidden; background:url(/style/h-nabidka.gif) 0 0 no-repeat;}

#side ul {margin:15px 0 30px 50px;}
#side li {color:#FFFFFF; font-size:140%; margin:7px 20px 7px 0; padding-left:14px; background:url(/style/sipecky.gif) 0 7px no-repeat; zoom:1;}
#side li a {color:#FFFFFF; text-decoration:none;}
#side li a:hover, #side li a:active, #side li a:focus {text-decoration:underline;}

/*Anketa*/
#side div.anketa {margin:10px 20px 10px 50px; padding:0; color:#FFF; font-size:12px;}
#side div.anketa h4 {font-size:120%; padding:0; color:#FFF; font-weight:normal;}
#side div.anketa input.submit {margin:8px 0;}
#side div.clsGraph {margin-bottom:10px;}

#side form {color:#FFF; margin:0; padding:0;}
#side form a {margin:}
#side p {color:#FFF;}



/*Hlavni­ blok*/
#main p {
	font-size: 140%;
	padding: 0.7em 0;
	line-height: 1.4em;
	color:black;
}
#main ul, #main ol {
	margin: 0.7em 0;
}
#main ul li, #main ol li {
	margin:4px 30px;
	font-size: 140%;
	color:black;
        list-style-type:disc;
}
#main li p {font-size:100%; margin:0; padding:0;}

#main table {
  margin: 15px 0;
	width: 100%;
	font-size: 120%;
	border-collapse: collapse;
}
#main table td {
  padding:5px;
}
#main table th, #main table td {
	vertical-align: middle;
}
#main table thead th {
	text-align: center;
}
#main table .second {
	text-align: right;
}
#main table th + td {
	text-align: right;
}
#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}

#main p.bannery {padding-top:20px;}
#main p.bannery img {
   border:0 none;
}

/*Paticka*/
 #flash_top {position:absolute; top:98px; left:17px; display:block; width:900px; height:220px; z-index:11;}


#footer p {
  font-size:110%; padding:0; margin:65px 0 0 20px; width:600px; float:left;
}
#footer p.ivorius { width: auto;}
#footer a {
  text-decoration:none; color:#7D6A5E; text-decoration:underline;
}
#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration:none;
}



/* Obecne */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 1.4em 0 0.3em 0;
	color:#BE0B0B;
}
h1 {
	font-size: 260%;
	font-style:italic;
	margin: 1.7em 10px 0.3em 50px;
	text-align:center;
	}
h2 {
	font-size: 240%;
}

h3 {
	font-size: 180%; font-weight:normal;
}

h4 {
	font-size: 160%;
}
form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
form {
	font-size: 110%;
}
fieldset legend {
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
fieldset fieldset legend {
	font-size: 130%;
}
form label {
  text-align: right;
}

a {
	text-decoration: underline;
	color:#b22923;
}
a:hover, a:focus, a:active {	text-decoration: none; }
a img {	border: none;}
input {}


/* Specificke */
.podtrzeni {
  border-bottom:1px dashed #c6c6c6; 
}
.hidden {
	display: none;
}
.skrt {
	text-decoration: line-through;
}
.cistic {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}
.cistic hr {
	display: none;
}
.oddelovac { 
clear:both;
border-width:0;
border-bottom:1px dashed #c6c6c6;
height:1px;
}

.floatright {float:right;}
.floatleft {float:left;}
img.floatleft {margin-right:10px;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.bold {font-weight:bold;}

#main p .red {color:red;}
#main p .green {color:green;}

label.overlabel {color:#E3A668; position:absolute; 	top:3px;	left:5px; }
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#7a7a7a; 
}
	


/* články */
#main h2.clanek-top, #main h1.clanek-top {
  margin-bottom:0; padding-bottom:30px;
  text-align:center; 
  font-weight:normal; font-style:italic; 
  background:url(/style/bg_clanky-top.gif) 0 100% no-repeat; 
  z-index:2;
  position:relative;
}
#main h1.clanek-top { font-weight:bold; margin-top:1em; margin-left:0; margin-right:0; text-transform:uppercase; }

#main h2.clanek-top {margin-top:20px;}

#main .clanky {
  width:470px;
  padding:1px 40px 30px 40px;
  background:#FFF url(/style/bg_clanky-bot.gif) 0 100% no-repeat;
  margin-top:-20px;
}
#main .clanky h3 {margin-bottom:0.2em; clear:both;}
#main .clanky h3 a {color:#dc6422;}
#main .clanky h3 a:hover, #main .clanky h3 a:active, #main .clanky h3 a:focus {color:#FF5A00;}
#main .clanky img {margin:4px 10px 10px 0; border:5px solid #E5E0CD;}
img.no {border:0 !important;}

/* detail */
#main img {margin:5px;  border:5px solid #E5E0CD;}
#main img.noimg {margin:0; border:0 none;}


.zobrazovac {cursor: pointer; cursor: hand; text-decoration: underline}
.skryvany {display: none}



.carousel {
  position:relative;
  width:510px; border:5px solid #BFBDB3;
  height:260px;
  position:relative;
  margin: 0 -5px;
  margin-bottom:30px;
  background: #000;
}
.carousel-control {position:absolute; top:120px; cursor:pointer; z-index:3; display:block; }
.carousel-next {right:-10px; position:absolute; z-index:3;}
.carousel-previous {margin-left:-9px;}
.carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
.carousel .disabled, .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}

.carousel ul {margin:0 !important; padding:0  !important; overflow:hidden; height:260px;}
.carousel li {position:relative; height:260px; width:510px; padding:0; margin:0 !important; display:block; overflow:hidden; float:left; }
.carousel h3, .carousel h4 {font-size:1em; font-weight:bold; margin:0 0 5px 0;}
.carousel img {border:0 none !important; margin:0  auto !important; padding:0 !important; display:block;}
.carousel div.descrip {position:absolute; bottom:0; left:0; z-index:2; background:#000; -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60); width:450px; padding:10px 30px 20px 30px; }
.carousel div.descrip p {font-size:80% !important;}
.carousel div.descrip p, .carousel div.descrip h3 {color:#fff !important;}
.carousel ul li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:block;}

.carousel-pagination {margin:0; position:absolute; bottom:0; right:0; width:100%; height:40px;  line-height:40px; background:url(archiv_bg.png) 100% 100% no-repeat; overflow:hidden; font-size:11px; text-align:right;}
.carousel-pagination p {margin:0; padding:0; line-height:40px; font-size:11px; overflow:hidden;}
.carousel-pagination a {color:#FFF; padding:0; width:96px; background:url(predel.gif) 0 0 no-repeat; display:block; float:left; text-align:center; height:40px; text-decoration:underline; cursor:pointer; }
.carousel-pagination a:hover {color:#fff; text-decoration:none; }
.carousel-pagination a.active {background:white; color:#000;}
.carousel-pagination a.active:hover {background:white; color:#000;}


.carousel.detail, .carousel.detail ul, .carousel.detail ul li {height:500px;}

#side .side_carousel {width:290px; height:190px; margin:15px auto; border:0; position:relative; }
#side .side_carousel ul {margin:0; padding:0;}
#side .side_carousel li {width:290px; height:190px; margin:0; padding:0; list-style-type:none; background:#1F1A19; overflow:hidden; float:left; position:relative; }
#side .side_carousel img {border:0 none !important; margin:0  auto !important; padding:0 !important; display:block;}
#side .side_carousel div.descrip { width:280px; padding:10px 20px; position:absolute; bottom:0; left:0; z-index:2; background:#000; -moz-opacity:.6;opacity:0.60;filter:alpha(opacity=60);}
#side .side_carousel div.descrip p {font-size:80% !important;}
#side .side_carousel div.descrip p, #side .side_carousel div.descrip h4 {color:#fff !important;}
#side .side_carousel h4 {font-size:1em; font-weight:bold; margin:0 0 5px 0;}
#side .side_carousel ul li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:block;}