<!--

html,body {
  height:100%;  
}

body {
  margin:0;
  padding:0;
  min-width:1000;
  font-family:arial,sans-serif;
  font-size:12px;
  text-align:center;
  background: #c2c2c2 url(body_bg.jpg) left top repeat-x;
}

a{
  color: #2259a0;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}


#stranka {
  width:990px; /* -- pro sirku 1024 */
  height:100%;
  min-height:100%;
  position:relative;  
  margin:0 auto;
  text-align:left;
  background: #fff;
  margin-bottom: 10px;
}

body>#stranka {
  height:auto;
}

#top{
  width:100%;
  height: 213px;
  /*border: 1px solid black;*/
  /*background: #3c587e;*/
  position:relative; 
  z-index:3 
}

#top_zenska{
  position:absolute;
  top:0;
  left:-7px;
  background: url(top_zenska.jpg) left top no-repeat;
  width: 161px;
  height: 100%;
  z-index:4;
}

#top_chlap{
  position:absolute;
  top:0;
  right:-14px;
  background: url(top_chlap.jpg) right top no-repeat;
  width: 192px;
  height: 100%;
  z-index:4;
  /*border:1px solid black;*/
}

#top_obsah{
  margin: 0px 178px 0 154px;
  /*border:1px solid red;*/
  padding: 37px 0 0 0; 
  /*height: 139px;*/ 
  position:relative;
  z-index:5; 
}

#horni_menu{
  height: 46px;
  background: url(horni_menu_bg.jpg) left top repeat-x;
  overflow: hidden;  
}

#horni_menu span.oddelovac{
  float:left;
  height:46px;
  width:4px;
  background: url(horni_menu_oddelovac.jpg) left top no-repeat;
}

#horni_menu a{
  float:left;
  height:46px;
  width:auto;
  padding: 0 16px;
  text-align:center;
  color: white;
  font-weight: bold;
  line-height: 46px;
  text-decoration: none;
}

#horni_menu a:hover{
  text-decoration: underline;
}

#logo{
  margin:0;
  padding:0;
  height: 65px;
  background: #0a2b5a url(logo_bg.jpg) right top no-repeat;
}

#logo a{
  float:left;
  height: 65px;
  margin:0;
  padding:0;
  width: 268px;
  background: url(logo_nadpis.jpg) left top no-repeat;
}

#logo a span{
  display: none;
}

#top_spodek{
  height:65px;
  _float:left;
  /*overflow:hidden;*/
  /*border:1px solid red;*/
  position:relative;
  z-index:6;
}

#box_hledani{
  float:left;
  margin:0;
  padding: 13px 15px 10px 64px;
  width: 197px;
  /*_width:276px;*/
  height:42px;
  /*_height:65px;*/
  background: url(search_bg.jpg) left top no-repeat;
  vertical-align: top;
  /*border:1px solid red; */
  position: relative; 
  
}

#box_hledani form{
  height: 20px;
  margin:0;
  padding:0;
  
}

#box_hledani #search{
  padding: 2px 8px;
  width: 151px;
  
  height:14px;
  line-height:16px;
  border:1px solid #c5cacb;
  background: #fff;
  color: #a8a8a8;
  float:left;
  
}

#box_hledani input.search-submit{ 
  width: 20px;
  height:20px;
  line-height:16px;  
  background: #c5430f url(submit_button_search.jpg) left top no-repeat;
  border:0;
  float: left;  
  margin-left: 4px;
}

#box_hledani a{
  color:white;
  text-decoration:underline;
  font-weight: normal;
}

#box_hledani a:hover{
  text-decoration: none;
}

#napoveda {
  position: absolute;
  left: 63px;
  top:35px;
  z-index:100;
  margin:0;
  padding:0;
  display:hidden;
}

#napoveda li {
  display:block;
  background:#fff;
  color:#000;
  width:200px; 
  padding: 0 5px;
}

#napoveda li.hover {
  background-color: #ccc;
}

#top_spodek .menu-kosik-vypis{
  float:left;
  width: 292px;
  height: 55px;
  padding: 0px 20px 10px 70px;
  margin:0;
  background: #3172c0 url(kosik_list_bg.jpg) left top no-repeat;
  color: white;
  overflow:hidden;
  position:relative;  
}

#top_spodek .menu-kosik-vypis h2{
  margin:3px 0 10px 0;
  padding:0;
  font-size: 16px;
}

#top_spodek .menu-kosik-vypis a.zobrazit_kosik{ 
  position:absolute;
  bottom:0;
  right:20px;
  color: white;
  margin: 5px 0;
  text-decoration: underline; 
  font-weight:bold;
}

#top_spodek .menu-kosik-vypis a.zobrazit_kosik:hover{  
  text-decoration: none;
}

#top_spodek .menu-kosik-vypis span.zvyraznit{
  font-weight: bold;
  
  color: white;
  padding: 0px 10px; 
}

#stred{
  position:relative;  
  z-index:1;
}

#leve_menu{
  float:left;
  _display:inline;
  width:174px;  
  position:relative;  
  padding:0;
  margin: 0 0px 0 0;
  z-index:2;
  /*border: 1px solid black;*/
}
#leve_menu h3{
  color: white;
  font-size: 16px;
}
/*#leve_menu .stred{
  border: 1px solid #e3e3e3;
	padding: 5px;
	text-align: left;
}*/

#hlavni_menu h3{
  height: 20px;
  background: url(hlavni_menu_nadpis.jpg) left top no-repeat;
  margin:0;
  padding: 100px 5px 0 10px;
  line-height: 20px;
  color: white;
}

#hlavni_menu .stred{
  margin:0;
  padding:0;
}

#hlavni_menu strong{
  display: none;
}

#hlavni_menu .kategorie{
  display: block;
  margin: 0;
  padding:0;
  list-style-type: none;
  font-size: 12px;
  background: #fff;
  line-height: 30px;
  
}

#hlavni_menu .kategorie li{
  display: block;
  min-height: 30px;
  _height: 30px;
  border-bottom: 1px solid white;
  line-height: 30px;
  margin:0;
  padding:0;
  &margin-bottom:-3px;   
}

#hlavni_menu .kategorie li a{
  display: block;
  margin:0;
  padding:0;
  background: #10376c url(hlavni_menu_kategorie.jpg) 10px 4px no-repeat;
  padding-left: 40px;
  line-height: 30px;  
  color: white;
  text-decoration:none;
}
#hlavni_menu .kategorie li a:hover{
  text-decoration:underline;
}

#hlavni_menu .kategorie li a:hover, #hlavni_menu .kategorie li #kategorie-aktivni{
  background: #10376c url(hlavni_menu_kategorie_aktiv.jpg) 10px 4px no-repeat;
}

#hlavni_menu .podkategorie{
  display: block;
  margin: 0;  
  padding:0;
  list-style-type: none;
  padding-left: 19px;
  background: #4298ff;
  _border-top: 1px solid white;   
}

#hlavni_menu .podkategorie li{
  display: block;
  min-height: 30px;
  _height: 30px;
  border-bottom: 1px solid white;
  margin:0;
  padding:0;   
}

#hlavni_menu .podkategorie li a{
  display: block;
  margin:0;
  padding:0;
  background: #4298ff url(hlavni_menu_podkategorie.jpg) 0px 6px no-repeat;
  padding-left: 30px;
  line-height: 30px;
  
  color: white;
  text-decoration:none;
}

#hlavni_menu .podkategorie li a:hover, #hlavni_menu .podkategorie li #podkategorie-aktivni{
  background: #4298ff url(hlavni_menu_podkategorie_aktiv.jpg) 0px 6px no-repeat;
}

#leve_menu #navstivte h3{
  margin: 20px 0 20px 0;
  height: 27px;
  line-height: 27px;
  padding: 2px 30px 2px 10px;
  background: #4f6684 url(navstivte_nadpis.jpg) left top no-repeat; 
}

#leve_menu #navstivte .stred a{
  display:block;
  /*border: 1px solid black;*/
  text-align: center;
  margin-bottom: 20px;
}

#leve_menu #navstivte .stred a img{
  border:0;
}

#prave_menu {
	float:right;
	_display:inline;
	width:162px;
	/*border: 1px solid black;*/
	margin: 0 5px 0 0px;
	position:relative;
	background: #FFFFFF;
	z-index:2;
	padding:0;
}

#prave_menu h3{  
  margin: 0;
  padding:0;  
  color: white;
  font-size: 16px;
}

#prave_menu #menu_chlap{
  position: absolute;
  top:0;
  right: -18px;
  /*border: 1px solid black;*/
  width: 181px;
  height:67px;
  background: url(prave_menu_bg.jpg) left top no-repeat;
}
#prave_menu #prihlaseni h3{
  height: 17px;  
  background: url(prihlaseni_nadpis.jpg) left top no-repeat;
  margin:0;
  padding: 25px 0 0px 10px;
  /*border: 1px solid black;*/  
  color: white;
  margin-top: 67px;
  vertical-align: bottom;
  line-height:17px;
}

#prave_menu #prihlaseni .stred{
  padding: 10px;
  background: #4297fe url(prihlaseni_bg.jpg) left top repeat-x;
  min-height: 135px;
  _height: 135px;
  margin: 0 0 20px 0; 
  color: white;
  position:relative;
}

#prihlaseni .stred .reg_input{
  width: 130px;
  height:16px;
  padding: 0px 5px;
  border: 1px solid #bdc3c4;
  color: #a8a8a8;
  line-height: 16px;
  margin-bottom: 8px;
}

#prihlaseni .stred .prihlasit-se{
  width: 65px;
  height: 20px;
  padding: 2px 7px;
  border: 0;
  color: white;
  display:block;
  background: #ca4713 url(submit_button_maly.jpg) left top no-repeat;
  margin-left: 77px;
}

#prihlaseni .stred a{
  color:white;
  display: block;
  text-decoration: underline;
}

#prihlaseni .stred a:hover{
  text-decoration:none;
}

#newsletter{
  background: #4297fe url(newsletter_bg.jpg) left top repeat-x;
  min-height: 120px;
  _height: 120px;
  
}

#newsletter h3{
  margin: 0;
  padding: 20px 10px 0px 10px;
}

#newsletter .stred{
  padding: 10px;
  color: white;
}

#newsletter .stred .reg_input{
  width: 130px;
  height:16px;
  padding: 0px 5px;
  border: 1px solid #bdc3c4;
  color: #a8a8a8;
  line-height: 16px;
  margin-bottom: 8px;
}

#newsletter .stred .prihlasit-se{
  width: 65px;
  height: 20px;
  padding: 2px 7px;
  border: 0;
  color: white;
  display:block;
  background: #ca4713 url(submit_button_maly.jpg) left top no-repeat;
  margin-left: 77px;
}

#obsah{
  margin: 0 168px 0 174px;
  /*border: 1px solid black;*/
  padding: 5px;
  background: #fff url(obsah_bg.jpg) right top no-repeat;
  position:relative;
  z-index:2;
  
  
}

#filtr_krokovani{
  height: 53px;
  /*background: #e3e3e3;  */
  background: #FFF;
  width: 585px;
  margin: 0 auto;
}


/******************** modul clanku a novinek na uvodni strane ******************************/
#novinky{
  float:right;
  _display: inline;
  _position: relative;
  width: 275px;
  height: 450px;
  
  margin: 0px 26px 10px 0px;
  
  background: #e3e3e3;
  overflow: hidden;
}

#novinky h2{
  height:25px;
  overflow:hidden;
  border-bottom:4px solid #3e97d0;
  margin:0 0 10px 0;
  padding:0;
  background: white;
}

#novinky h2 span {
  /* -- stejne jako nasledujici #prDetail h2 */
 color:#3C3C3C;
 font-size:15px;
 float:left;
 text-align:center;
 width:125px;
 height:25px;
 line-height:25px;
 background:#cbdcee;
 margin:0;padding:0; 
}

#novinky .novinka{
  padding:0 5px;
  min-height: 100px;
  _height: 100px;
}

#novinky .novinka .foto{
  float:left;
  width: 100px;
  position:relative;
  margin: 0px 5px 5px 0;
  overflow:hidden;
  _overflow:visible;
  _position:relative;
  text-align:center;
  
}

#novinky .novinka .foto img, #clanek_detail .foto a img{
  border:0;
}

#novinky .novinka .foto a{
  text-decoration:none;
}

#novinky .novinka p{
  margin:0;
  padding:0;
}

.novinka_oddelovac{
  height: 1px;
  font-size:0;
  line-height:0;    
  margin: 10px 0px;
  text-align: center;  
  width: 100%;
  _width: 99%;  
}

.novinka_oddelovac p{
  height: 0px;
  font-size:0;
  border-bottom: 1px dotted #3e97d0;
  margin: 0 auto;
  width: 265px;
}

#modul_clanky{
  margin-top:10px;
  margin-left: 5px;
  line-height: 15px;
}

#modul_clanky img{
  border:0;
}

#modul_clanky h2{
  height:25px;
  overflow:hidden;
  border-bottom:4px solid #3e97d0;
  margin:0;
  padding:0;
  background: white;
  margin-right:10px;
  margin-bottom:10px;
  
}

#modul_clanky h2 span {
  /* -- stejne jako nasledujici #prDetail h2 */
 color:#3C3C3C;
 font-size:15px;
 float:left;
 text-align:center;
 width:250px;
 height:25px;
 line-height:25px;
 background:#cbdcee;
 margin:0;padding:0; 
}

#clanek_detail{
  
}


#clanek_detail .foto{
  float:left;
  width: 200px;
  min-height:170px;
  _height:170px;
  margin: 0px 10px 10px 0;
  overflow:hidden;
  _position:relative;
  text-align:center;
  
}

#clanek_detail .foto img, #clanek_detail .foto a img{
  border:0;
}

#clanek_detail .foto a{
  text-decoration:none;
}

#clanek_detail h4{
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
}

#clanek_detail .clanek_info{
  margin-bottom:10px;
}
#clanek_detail .autor{
  font-weight: bold;
  padding: 0 20px 0px 0px;
  font-size: 15px;
}

#clanek_detail .datum{  
  padding: 0 0px 0px 20px;
  font-size: 15px;
}

#clanek_detail .zpet{
  display:block;
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

#clanky_obal{
  background: #FFF url(clanky_obal_bg.gif) left top repeat-y;
}

#clanky_obal h2{
  width:325px;
}
#clanky_obal h2 span{
  width:125px;
}
.clanek_zvyrazni{
  border: 1px solid #3e97d0;
  margin-right: 5px;
  padding:7px;
  width: 309px;
  /*overflow:hidden;*/
  min-height: 195px !important;
  _height: 195px !important;
}

.clanek_zvyrazni .autor, .clanek_zvyrazni .datum{
  display:block;
}

.clanek_zvyrazni .strucny_popis{
  font-weight: bold;  
}

.clanek{
  min-height: 110px;
  _height: 110px;
}

.clanek .foto{
  float:left;
  width: 100px;
  min-height:50px;
  _height: 50px;
  margin: 0px 10px 10px 0;
  overflow:hidden;
  _overflow:visible;
  text-align:center;
  
}

.clanek .foto img, #clanek_detail .foto a img{
  border:0;
}

.clanek .foto a{
  text-decoration:none;
}

.clanek h4{
  margin: 0 0 5px 0;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  color: black;
}

.clanek h4 a{  
  color: black;
  text-decoration: none;
}

.clanek h4 a:hover{
  text-decoration: underline;
}

.clanek .clanek_info{
  margin-bottom:10px;
}
.clanek .autor{
  font-weight: bold;
  padding: 0 10px 0px 0px;
  font-size: 15px;
}

.clanek .datum{  
  padding: 0 0px 0px 10px;
  font-size: 13px;
}
.clanek .strucny_popis{
  text-align:justify;
}
.clanek .detail{
  width: 100px;
  font-weight: bold;
}

.clanek_oddelovac{
  height: 1px;
  font-size:0;  
  margin: 10px 0px;
  text-align: center;
  line-height:0;  
  width: 100%;
  _width: 99%;  
}

.clanek_oddelovac p{
  height: 0px;
  font-size:0;
  border-bottom: 1px dotted #3e97d0;
  margin: 0 auto;
  width: 100%;
}

.clanek_oddelovac_zvyrazni{  
  width: 325px;
  _width: 324px;
}
/****************** KONEC modul clanku a novinek na uvodni strane ***********************/


#prepinac-tabulka-podrobne  {
  float:left;
  position:relative;
  height:25px;
  padding:0;
  margin:0;
  padding-top:10px;
  &padding-top:2px;
  &margin-left:3px;  
  text-align:left;
  
  line-height:25px;
  
  font-weight:bold;
  color:#494852;
  
  
 }
 
 #prepinac-tabulka-podrobne a {
  color: #2259a0;  
 }
 
 #strankovaci_odkazy {
  /*background: transparent url('search_grad.jpg') repeat-x;*/
  text-align: right;
  font-weight: bold;
  padding:0;
   margin:0;
  padding-top:10px;
  &padding-top:2px;
  &margin-right:3px;
  position:relative;  
  height:25px;
  float:right;
 }
 
 #strankovaci_odkazy a {
   padding: 0 3px 0 3px;
   vertical-align: bottom;
   color: #333;
 }
 
 #strankovaci_odkazy img { 
   border:0;
 }
 
 #strankovaci_odkazy .img {
  padding: 0 1px 0 1px;
  position:relative;
  top:5px;
  
 }
 
 #strankovaci_odkazy .akt {
  background: #555;
  color: #EEE;
  vertical-align: bottom;
  padding: 3px 3px 2px 3px;
 }
 
 #strankovaci_odkazy .tecky, #strankovaci_odkazy2 .tecky {
  vertical-align: bottom;
 }
 
 #strankovaci_odkazy form {
  display: inline;
 }

  #strankovaci_odkazy2 {
  /*background: url('search_grad_inv.jpg') bottom left repeat-x;*/
  text-align: right;
  font-weight: bold;
  height:25px;
  width:100%;
  _width:99%;
  float:left;
  border:0px solid black;
  margin-top:10px;
  position:relative;
 }
 
 #strankovaci_odkazy2 a {
   padding: 0 3px 0 3px;
   vertical-align: bottom;
   color: #333;
 }
 
 #strankovaci_odkazy2 img { 
   border:0;
 }
 
 #strankovaci_odkazy2 .img {
  padding: 0 1px;
  position:relative;
  top:5px; 
  border:0px solid black;
 }
 
 
 #strankovaci_odkazy2 .akt {
  background: #555;
  color: #EEE;
  vertical-align: bottom;
  padding: 3px 3px 2px 3px;  
 }

#vycpavka-des{
  width:100%;
  height: 1px;
  /*border:1px solid red;*/
  clear:both;  
}

#patka{
  height: 17px;
  background: #484848 url(patka_bg.jpg) left top no-repeat;
  overflow: hidden;
  color: white;
  text-align: right;
  padding: 2px 15px;
  clear:both;
}

#patka p{
  margin: 0;
  padding:0;
}

#patka a{
  color: white;
  text-decoration: none;
}

#patka a:hover{
  text-decoration: underline;
}

.generovany-seznam-kategorii{
  /*border: 1px solid black;*/
  overflow:auto;
  position:relative;
}
.generovany-seznam-kategorie{
  width: 200px;
  height: 170px;
  float: left;
  _display: inline;
  text-align: center;
  margin: 5px;
  position:relative;
}

.generovany-seznam-kategorie img{
  border:0;
}


-->