/*
taaak a vsechno bude pekne v originalnich prestizkovskych barvach takze potom sem:
inu prvni nastrel: 
klasiky: 
 - vlnka na boku 
   svetla 7d95b1   86b3b6   b3c0c9    819db5   c5d2da   -pr 98b1bf
   tmava 212d53    224980   365574    2f5191   646c90   -pr 354e7b
 - podrazka 3d6296                    487aab            -pr 616ea0
cerne:
 - vlnka na boku
   svetla e0dfdb   dcdddf   cbc6c0    ffffff
   tmava a6a4a9    9796a4   837e7a    d2d9df
 - podrazka dad6d3

*/

h1 {
	font-size: 1.6em;
}

h2 {
  font-size: 1.3em;
}

a {
  color: #354e7b; /* xxx */
}

a:hover {
  color: black; /* xxx */
}

img { 
  border: none;
  display: block;
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size: 0.9em;
 _font-size: 0.86em; /* fuj IE */
 font-family: Verdana, Arial, lucida, sans-serif; 
 background-color: #98b1bf;  
} 

.formadd label
{
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit  
{
margin-left: 7.5em;
}

/* CLASS */
.plov_r {
  float: right;
}
.plov_l {
  float: left;
}

.clear {clear: both;}


.thumb {
  margin: 10px 2px;
  padding: 2px;
  width: 345px;
  height: 260px;
  border: 1px silver dotted;
  float: left;
  vertical-align: middle;
  background-color: #fffbf8; 
  position: relative;
  overflow: hidden; 
}
/*.thumb img {
  float: left;  
}
*/
.thumb li {
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;
  _word-wrap: break-word;
  overflow: hidden;
}
.thobr {
  width:204px;
  height:205px;
  float: left;
}

.slabe {
  color: silver;
}

.vlozeno {
  position: absolute;
  bottom:1px;
  right: 2px;
  
}

.error {
  color: red;
  font-weight: bold;
}

.smaller {
  font-size: x-small; 
}

/* *** Float containers fix: */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/* ID */ 
#stranka{ 
 width:770px;
 _width:769px;  
 margin: 0 auto;    
 text-align:left;
 background-color: #F4F4F4;
 border: 2px #354e7b solid 
} 
  
#lista{
 position:relative; 
 height:150px; 
 width:100%;
 background: url(banner/banner.jpg) no-repeat white;
 border-bottom: black solid 2px;
}
#lista h1 {
 /*margin: 2.8em 0.5em;*/
/* padding-right: 2px;
 font-family: Tahoma, Arial, serif;
 font-size: 27px;
 font-weight: bold;*/
/* float: right; /* vyresilo problem s horni mezerou v FF*/
/* text-align: right;	
 line-height: 130px;*/
line-height: 0px;

 visibility: hidden;
}

#menu {
 position:relative; 
 height:40px; 
 /*width:100%;*/  
 /*line-height: 30px;*/
 float: left;
   
 margin: 0px 5px;
 padding: 0px;
}
#menu ul {margin: 0px; padding: 0px;}
#menu li {
 list-style: none;  
 float: left;
 margin: 0px;
 padding: 0px;
 
 _word-wrap: break-word;
 overflow: hidden;
}
#menu a {
 text-decoration: none;  
 margin: 0 2px;
 width: 100px;
 height: 20px;
 display: block;
 text-align: center;
 border: 1px solid gray;
 color: #000;
 background: #fff; 
}

#menu a:hover {
 background: #d2d9df;/*ccc*/
 border: 1px solid gray; 
}
#menu a:active {
 background: gray;
 border: 1px solid gray; 
 color: #fff;
}


#formik {
  position: relative;
  float: right;
  /*top: -30px;*/
  margin-right: 3px;
  margin-bottom: 5px;
  /*display: inline;*/
  width: 313px;
  /*height: 30px;*/
}

#formik p {
  display: inline;
  /*float: right;*/
  padding: 0px;
  margin: 0px;  
}
#formik label {font-size: 0.95em;}


#levanec {
 width:30px; 
 float:left; 
 position:relative; 
 
 color: silver; /* xxx */
 font-variant: small-caps;
 }
#motto {
 
 color: white; /*xxx*/ 
 font-size: 0.8em; 
 text-align: center;
 line-height: 20px; 
 background-color: #354e7b; /*xxx*/
}
 
#hlavnak {   
 float: right; 
 display:inline; 
 position: relative; 
 width:712px; /*620*/ 
 margin: 0px 5px 5px 5px;
 padding-left: 5px; 
 background-color: white; 
}
 
#zapati {
 width: 770px;
 height:30px;
 clear:both;
 color: white; /*xxx*/ 
 font-size: 0.75em; 
 text-align: right;
 line-height: 20px; 
 background-color: #354e7b; /*xxx*/
 }
#zapati a {
 color: #e0dfdb; /* xxx */
 text-decoration: none;
 font-weight: bold;
}

#zapati a:hover {
  color: white; /*xxx*/
} 

#prohlizeckaobr {
 margin: auto;
 text-align: center;  
}


#fotoinfo { display:block;
	   /*border:1px solid black;*/
	width:550px;
  
}


#fotoinfo p { display:inline;

}

#fotoinfo .legenda { 
}


#fotoinfo span {position: relative;
                text-align:left;
		left: 7.5em;
		top: -1.21em;
}
		
#komentare {
	
}


/* HODNOCENI*/
#hodnoceni {float: right; position: relative; top:-30px; _top:-20px; }
/*to sem oblsleh to si nemysli to je ten obrazek u hodnoceni*/
/*#hodnoceni p {float: left; padding-right: 40px;}*/

ul#rating {
width: 170px;
height: 50px;
list-style: none;
position: relative;
overflow:visible;
background:url(images/rate.jpg) 40px 0px no-repeat;
_background:url(images/rate.jpg) 0px 0px no-repeat;
}

ul#rating li {
position: absolute;
display: block;
height: 50px;
line-height: 12px;
font-size: 115%;
font-weight:bold;
}

ul#rating li a {
display: block;
height: 50px;
width: 100%;
text-decoration:none;
padding: 0;

}

ul#rating li#r1{ width: 17px;z-index: 200;}
ul#rating li#r2{ width: 34px;z-index: 190;}
ul#rating li#r3 { width: 51px;z-index: 180;}
ul#rating li#r4 { width: 68px;z-index: 170;}
ul#rating li#r5 { width: 85px;z-index: 160;}
ul#rating li#r6 { width: 102px;z-index: 150;}
ul#rating li#r7 { width: 119px;z-index: 140;}
ul#rating li#r8 { width: 136px;z-index: 130;}
ul#rating li#r9 { width: 153px;z-index: 120;}
ul#rating li#r10 { width: 170px;z-index: 110;}

ul#rating li a:hover{background:url(images/rate.jpg) 0px -50px;}

ul#rating li a span{ display: none; }

ul#rating li a:hover span{
display: block;
text-indent: 0;
color: #000;
font-weight: bold;
position: absolute;
top: 44px; /*55*/
margin: 0;
padding: 4px;
width: 170px;
text-align:center;
}

.komentar {position : relative;
	  /* float:left;*/
	   width:690px;
	   border: 1px silver dotted;
	   padding: 4px;
	   margin-bottom: 5px;
	   
}

.komentar img {display :inline;
                                        
}


.obalnasmajlaky {display:block;
	         margin-left: 7.5em;
}

.obalnasmajlaky img {display :inline;}

.policko { left:100px;
}

.smejac { border: 0px;
}

.komentar .jmeno {display:block;
	          position:absolute;
		  left:5px;
		 top:5px;
		 padding:2px;
		 border: 1px silver solid;
		 color:#354e7b;
		 text-transform:capitalize;
		 letter-spacing:2px;
		 font-weight:bold;
}

.komentar .email {color: silver;
	          display:block;
		  position:absolute;
		  left:200px;
}

.komentar .datum {display:block;
	         position:absolute;
		 right:5px;
		 top:5px;
		 color: silver;
		 
}

.komentar .textik {display: block;
	           padding-top:30px;
		   
		
}

.navigace {display:block;
	         margin-left: 15em;
                 color:#354e7b;
		 font-size:125%;
		 font-weight:bold;

}

.navigace img {display :inline;
}

.navigace2 {display:block;
	         /*margin-left: 15em;*/
                 color:#354e7b;
		 font-size:125%;
		 font-weight:bold;
		 padding:4px 0px 0px 0px;

}

.navigace2 img {display :inline;
}


#strankovani
{
clear: both;
font-weight: bold;
font-size: 2.4em;
text-align: right;

}

.ramecekdebil {border: 1px silver solid;
	  
}

.ramecekdebil2 {border: 1px silver solid;
	  padding:4px 4px 4px 4px;
}