/*
// -----------------------základní prvky---------------------------------------
*/

body {
 text-align: center;
 margin: 0px;
 padding:0px;
 padding-bottom:20px;
 background:#fff;
 }
hr{
 height:10px;
 border:0px;
 }
.reklama {
 display: none;
 }
#bottom{

 }
#around {

 }
.main {
 width: 868px;
 padding: 0px;
 text-align: left;
 margin-left:auto;
 margin-right:auto;
 margin-top:12px;
 }
#stred{
 margin:0 12;
 }
.head {
 background: url('/images/head.jpg') bottom center no-repeat;
 margin: 0px;
 padding: 0px;
 overflow:hidden;
 text-align:center;
 height:230px;
 }
.head h1{
 text-align:left;
 margin:0;
 margin-top:10;
 margin-left:20;
 padding: 0px;
 font-family:Verdana;
 font-size:2px;
 float:left;
 width:264px;
 height:80px;
 }
.head img{
 display:none;
 }
.head hr,
.head h1 span{
 display:none;
 }
.head h1 a{
 color:#f1f1f1;
 height:100%;
 display:block;
 text-decoration:none;
 }
.head form{
 float:right;
 margin-top:10px;
 }
.head form div input{
 vertical-align:bottom;
 }
.head form div{
 display:table-cell;
 }
#login{
 font:11px Arial;
 color:#333;
 text-align:right;
 margin-right:30px;
 margin-top:15px;
 }
#login p,
#login form{
 margin:0;
 padding:0;
 }
input.pol{
 background:#f1f1f1;
 border:1px solid #ccc;
 width:80;
 }
#login a{
 color:#fff;
 }
#login a:hover{
 text-decoration:none;
 }
input.sub{
 margin-top:4px;
 margin-right:0px;
 }
#navibar{
 clear:both;
 font:bold 12px Arial;
 color:#555;
 text-align:left;
 margin:50 0 0 24;
 }

.head h2{
 display:none;
 }
hr.es,
hr.divend,
br.divend{
 margin:0px;
 clear:both;
 visibility:hidden;
 }
.topbar{
 margin-top:18px;
 clear:both;
 }
.topbar ul{
 margin:0;
 padding:0;
 list-style-type:none;
 font:11px Arial; /*"Lucida Grande", Georgia, "Times New Roman", Times, serif;*/
 height:28px;
 }
.topbar li{
 float: right;
 text-align:center;
 display:block;
 margin:1px 2px 0px 0px;
 border:0;
 line-height:120%;
 width:75px;
 height:100%;
 background:url('/images/tbli.gif') 0 -1px no-repeat;
 }
.topbar a{
 color:#333;
 text-decoration:none;
 display:block;
 height:100%;
 padding:5px;
 color:#b00000;
 }
.topbar a:hover{
 text-decoration:underline;

 }
.topbar a span{
 padding-top:4px;
 display:block;
 }
/*
****************  LEFTSIDE
*/
.leftside{
 width:264px;
 float: right;
 padding: 0px;
 margin: 0px;
 margin-right:20px;
 background:url('/images/mleft.gif') top left no-repeat;
 }
.leftside hr{
 display:none;
 }
.leftside img{
 margin-bottom:4px;
 }
.ppico img{
 margin:0 2 4 2;
 }
.leftside a{
 color:#006699;
 }
.leftside h4,
.leftside h3{
 margin:15 0 0 0;
 padding:8 0 8 34;
 color:#333;
 font-family: Arial;
 background: url('/images/h3seo.gif') center left no-repeat;
 border-bottom:2px solid #0066CC;
 }
.leftside table td a{
 color: #0066CC;
 text-decoration: underline;
 }
.leftside table td a:hover{
 text-decoration:none;
 }
.mainmenu {
 font:bold 12px Trebuchet MS;
 }
.mainmenu a:hover {
text-decoration: none;
 }
.menu ul{
 margin:0;
 margin-left:2px;
 padding:0;
 list-style-type:none;
 width:150px;
 }
.menu li {
 margin:1px 0px 0px 0px;
 height: 18px;
 border:0;
 font: bold 1em Arial;
 padding-left:20px;
 background: url('/images/li.gif') no-repeat 10px 6px;

 }
.menu li a{
 color:#990000;
 font:normal 0.8em Verdana;
 text-decoration:none;
 }
.menu li a:hover {
 background:transparent;
 text-decoration:underline;
 }
.menu div{
 position:absolute;
 visibility:hidden;
 border:1px solid #333;
 border-top:5px solid #333;
 background:#f1f1f1;
 width:150px;
 overflow: hidden;
 z-index:1;
 }
.menu img{
 margin-bottom:10px;
 border:1px solid #cccccc;
 width:190px;
 }
.menu img.odkaz{
 height:38px;
 }
.menu form{
 margin-top:10px;
 margin-bottom:15px;
 }
.menu input{
 border:1px solid #666666;
 font-size:10px;
 font-family:Verdana;
 }
.menu form p{
 margin:0px;
 margin-top:5px;
 font-size:11px;
 line-height:100%;
 }
.menu form a{
 font-size:1.2em;
 }
.menu form p input{
 margin:0px;
 border:0px;
 width:13px;
 height:13px;
 }
img.user{
 display:none;
 }
#mods a:visited{
 color:black;
 }
/*
****************  MIDDLE
*/
#print{
 border:0;
 float:right;
 }
.viewfoto a,
.middle a {
 color:#006699;
 text-decoration: underline;
 }
.viewfoto a:hover,
.middle a:hover {
 text-decoration: none;
 }
.middle{
 float: left;
 width: 32em;
 margin: 10 0 0 0;
 padding-bottom: 20px;
 }
.middle h1{
 font: 1.5em Trebuchet MS;
 padding:5 0 5 15;
 margin:0;
 font-weight:bold;
 text-align:left;
 color:#333;
 }
.middle h2,.kontakty h2{
 font:bold 1.3em Trebuchet MS;
 padding:0px;
 margin-bottom:0px;
 margin-left:15px;
 color:#333;
 border-bottom:1px solid #ccc;
 }
.middle h3,
.viewfoto h3{
 font:bold 1.1em Arial;
 margin-left:15px;
 margin-bottom:5px;
 color:#333;
 }
h3#comments{
 border-top:1px dashed #cccccc;
 padding-top:8px;
 margin-top: 30px;
 }
.viewfoto h3#comments{
 margin-right:10px;
 }
.middle p{
 font-family:Arial;
 line-height:140%;
 font-size:0.8em;
 text-align:justify;
 margin:5 0 10 15;
 text-indent:3px;
 }
#index p{
 font-size:0.75em;
 }
.middle ul,
.middle ol{
 margin:0;
 padding:0;
 line-height:150%;
 list-style-type:none;
 font: 0.8em Arial;
 }
.middle ul li{
 margin-left:34px;
 padding-left:10px;
 background:url('/images/li2.gif') 0 6px no-repeat;
 }
fieldset legend{
 color:#333;
 font-family:Arial;
 }
fieldset input,
fieldset textarea{
 background:#f4f4f4;
 }
.viewfoto table td,
.viewfoto table th,
.middle table td,
.middle table th {
 font-family:Verdana;
 font-size:10px;
 margin: 0px;
 padding:2px;
 text-align:left;
 margin-left:15px;
 }
.kontakty table{
 margin-left:20px;
 }
.viewfoto table input,
.viewfoto table textarea,
.middle table input,
.middle table textarea{
 border:1px solid #CCCCCC;
 }
.viewfoto form,
.middle form{
 margin:0px;
 }
fieldset{
 margin:0 0 20 18;
 border:1px solid #ccc;
 border-top:3px double #ccc;
 }
fieldset legend{
 color:#333;
 padding:5 2 3 5;
 font:0.9em Arial;
 }
fieldset input,
fieldset textarea{
 border:1px solid #B48545;
 }
fieldset textarea{
 height:200px;
 }
fieldset table{
 width:100%;
 }
table.seznam{
 margin: 5px;
 background-color:#CCCCCC;
 width: 515px;
 margin-left:15px;
 }
fieldset table.seznam{
 width: 96%;
 margin-left:auto;
 margin-right:auto;
 }
table.seznam th{
 text-align:left;
 background-color:#f1f1f1;
 }
table.seznam td{
 background-color:#f9f9f9;
 }
table.seznam th span{
 float:left;
 }
table.seznam th img{
 float:right;
 margin:0px;
 filter:alpha(opacity=40);
 }
table.seznam td b{
 color:red;
 font-size:8px;
 }

table.foto{
 margin-left: 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 width: 96%;
 border:1px solid #CCCCCC;
 background-color:white;
 padding:0px;
 height:300px;
 }
table.foto td{
 height:110px;
 }
table.foto td b{
 color:red;
 font-size:8px;
 }
table tr.su2 td,table tr.su2 th{
	background:#e1e1e1;
	}
b.stats{
 clear:both;
 display:block;
 font-weight:normal;
 border-top:1px dashed #cccccc;
 background:#e1e1e1;
 margin:2 0 0 15;
 padding:5px;
 font:11px Arial;
 color:#333;
 }
b.stats span{
 color:#8E1B06;
 }
b.stats img{
 border:0;
 }
.foto a {
 color: #0066CC;
 text-decoration: none;
 }
.foto a:hover {
 color: black;
 text-decoration: underline;
 }

.bhead {
 margin:5 0 0 15;
 padding: 0px;
 _width: 100%;
 background-color:#ddd;
 height: 2.4em;
 }
.bhead h2{
 margin:3 0 0 4	;
 padding:0px;
 font-weight:bold;
 color:#222;
 float:left;
 font-size:1em;
 }
.bhead strong{
 float:right;
 text-align:right;
 margin:4 8 8 0;
 padding:0 25 0 0;
 font:normal 10px Tahoma;
 color:#222;
 background:url('../images/kalendarik.gif') right center no-repeat;
 width:150px;
 }

.body {
 _width: 100%;
 border: 0px;
 text-align: center;
 margin:0 0 0 15;
 padding:5 0 5 0;
 background-color:#e6e6e6;
 }
.body p{
 margin: 0px;
 padding: 0px;
 padding-left: 8px;
 padding-right: 8px;
 text-align:justify;
 font-size:0.9em;
 }
.body img{
 margin-bottom:10px;
 text-align:center;
 border:1px solid #cccccc;
 }
.bpata {
 _width: 100%;
 height: 20px;
 margin:0 0 5 15;
 background-color:#e6e6e6;
 }
.bpata p{
 float:right;
 margin:0px;
 padding: 3px;
 padding-left: 0px;
 font-size: 10px;
 font-family:"Verdana";
 text-align: right;
 }
.bpata img{
 float:left;
 border:0px;
 margin:0px;
 margin-left:2px;
 margin-right:0px;
 clear:none;
 }
#tagcloud,
#bestart{
 text-align:left;
 font-family:Arial;
 margin:0 10px;
 }
#tagcloud h2,
#bestart h2{
 color:#333;
 margin:0 10;
 text-align:left;
 }
#tagcloud p,
#bestart #bestart_cont{
 border:1px solid #7BA64F;
 margin:0 10;
 padding:8px;
 }
#tagcloud p a{
 color:#336600;
 }
#tagcloud p a:hover{
 text-decoration:none;
 }
.bestart_clanek{
 width:290px;
 float:left;
 margin-right:8px;
 }
.bestart_clanek img{
 width:90px;
 float:left;
 margin:0 8px 5px 0px;
 border:0;
 }
.bestart_clanek h3{
 height:30px;
 margin:0;
 padding:0;
 }
.bestart_clanek h3 a{
 font-size:0.8em;
 color:#b00000;
 text-decoration:none;
 }
.bestart_clanek h3 a:hover{
 color:#b00000;
 text-decoration:underline;
 }
.bestart_clanek p{
 font-size:0.9em;
 margin:0;
 }
#relatedart p{
 margin-top:0;
 font-size:0.75em;
 }
#relatedart .bestart_clanek{
 width:240px;
 float:left;
 margin-left:15px;
 margin-right:0px;
 margin-top:15px;
 }

.strankovani{
 margin:8px;
 margin-left:20px;
 font-weight:bold;
 }
.strankovani a{
 color: #660000;
 text-decoration: underline;
 }
.strankovani a:hover{
 text-decoration: none;
 }
.viewfoto .strankovani{
 margin:18px;
 font-weight:bold;
 }
.viewfoto .strankovani a{
 padding:2px;
 }
.viewfoto .strankovani a:visited{
 color:black;
 }
.viewfoto .strankovani a:active{
 border:1px solid #0066CC;
 }
/*
****************  FOOTER
*/
.footer{
 width:100%;
 }
.footer hr{
 display:none;
 }
.footer2 {
 width: 850px;
 margin-left:auto;
 margin-right:auto;
 border-top:1px solid #0066CC;
 margin-top:15px;
 }
.footer2 .links{
 font-size:10px;
 font-family:Verdana;
 color:#999;
 font-weight:normal;
 padding:4px;
 padding-top:40px;
 text-align:right;
 display:block;
 }
.footer2 a{
 color:#999;
 text-decoration:none;
 }
.footer2 a:hover{
 color:#ccc;
 text-decoration:underline;
 }
.darkred{
 color:#b00000;
 }
p.darkred,p.alert{
 text-indent:0px;
 color:#b00000;
 line-height:150%;
 background:#FFF0F0;
 text-align:center;
 border:1px solid #FFA4A4;
 font:1em Garamond;
 padding:8px;
 }
.fmenu{
 width:256px;
 min-height:240px;
 float:left;
 margin-left:15;
 background:#E1F5FF;
 border:1px solid #88C4FF;
 }
.fmenu h2{
 font:bold 1em Arial;
 color:#333;
 margin:4px;
 }
.fmenu ul,
.fmenu p{
 list-style-type:none;
 margin:5;
 padding:0;
 color:#666;
 font:0.7em Arial;

 }
.fmenu li{
 margin-bottom:8px;

 }
.fmenu a{
 color:#b00000 !important;
 padding:0;
 margin:0;
 font-style:Tahoma !important;
 }
.autor{
 color:#222;
 }
.darkred{
 color:#b00000;
 }
#s-link {
 width: 40em;
 margin-bottom:20px;
 margin-left:auto;
 margin-right:auto;
 font-family:arial;font-size:11px;
 color:#999;
 }
#s-link a{
 color:#999;
 }
/*
-----------------------fotogalerie---------------------------------------
*/
.viewfoto{
 float: left;
 padding: 0px;
 margin: 0px;
 background-color:white;
 }
.viewfoto img,.viewfoto h3,.viewfoto span{
 margin-left:18px;
 }
.viewfoto .bhead,
.viewfoto .body,
.viewfoto .bpata,
.viewfoto table{
 margin-left:18px;
 width:500px;
 }
.viewfoto .body img{
 width:50px;
 height:60px;
 }

.viewfoto h3{
 margin-left:10px;
 margin-top:10px;
 }
.viewfoto span{
 color:#666666;
 }
table.foto{
 margin:0 0 0 15;
 width: 24em;
 background-color:white;
 padding:0px;
 }
table.foto td b{
 color:red;
 font-size:8px;
 }
img.nahled{
 float:right;
 margin:0 0 10 10;
 width:140px;
 border:0;
 }
.thumb{
 margin-top:5px;
 border: 1px solid black;
 width:100px;
 height:80px;
 }
.thumb a:hover{
 margin-bottom:0px;
 border: 2px solid #4E4E27;
 }
/*
// -----------------------edit WYSIWYG---------------------------------------
*/
.edit input{
 font-family:"Times New Roman";
 margin-bottom:2px;
 width:25px;
 }
input#button1{
 font-weight:bold;
 }
input#button2{
 text-decoration: underline;
 }
input#button3{
 font-style: italic;
 }
input#button4{
 background-image: url('/images/br.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button5{
 background-image: url('/images/url.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button6{
 background-image: url('/images/pic.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button20{
 background-image: url('/images/smile20.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button21{
 background-image: url('/images/smile21.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button22{
 background-image: url('/images/smile22.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button23{
 background-image: url('/images/smile23.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button24{
 background-image: url('images/smile24.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button25{
 background-image: url('/images/smile25.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button26{
 background-image: url('/images/smile26.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
input#button27{
 background-image: url('/images/smile27.gif');
 background-repeat: no-repeat;
 background-position: right top;
 }
/*img.smile{
 margin-bottom:0px;
 border:0px;
 }  */
p.reaguj img.smile{
 margin-bottom:0px;
 border:0px;
 width:16px;
 height:16px;
 }
img.ikon{
 width:80px;
 height:15px;
 border:0px;
 margin-left:25px;
 }
	/*
********HODNOCENI
*/
h3#hodnoceni{
 font-size:0.8em;
 padding-bottom:5px;
 margin-bottom:5px;
 border-bottom:1px solid #ccc;
 }
.hodnoceni a{
 border:0;
 }
.hodnoceni{
 font-size:0.8em;
 float:left;
 margin-left:15px;
 }
#hod2{
 margin-left:40px;
 margin-top:0px;
 _margin-top:20px;
 float:left;
 }
.hodnoceni-hvezdami{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 120px;
 height: 24px;
 position: relative;
 background: url("../images/hrzt_hv.gif") top left repeat-x;
 }
.hodnoceni-hvezdami li{
 padding:0px !important;
 margin:0px !important;
 /*\*/
 float: left;
 /* */
 }
.hodnoceni-hvezdami li a{
 display:block;
 width:25px;
 height: 24px;
 text-decoration: none;
 z-index: 20;
 position: absolute;
 padding: 0px;
 font-size:1px;
 color:#fff;
 }
.hodnoceni-hvezdami li a:hover{
 background: url("../images/hrzt_hv.gif") left center;
 z-index: 4;
 left: 0px;
 }
.hodnoceni-hvezdami a span{
 display:none;
 }
.hodnoceni-hvezdami a:hover span{
 text-indent: 0px;
 display:block !important;
 position:absolute;
 top:0px;
 left:130px;
 z-index:100;
 font:12px sans-serif;
 color:#b00000;
 width:100px;
 text-align:center;
 margin:00px;
 padding:5px;
 }
.hodnoceni-hvezdami a.jedna-hvezda{
 left: 0px;
 }
.hodnoceni-hvezdami a.jedna-hvezda:hover{
 width:25px;
 }
.hodnoceni-hvezdami a.dve-hvezdy{
 left:25px;
 }
.hodnoceni-hvezdami a.dve-hvezdy:hover{
 width: 50px;
 }
.hodnoceni-hvezdami a.tri-hvezdy{
 left: 50px;
 }
.hodnoceni-hvezdami a.tri-hvezdy:hover{
 width: 75px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy{
 left: 75px;
 }
.hodnoceni-hvezdami a.ctyri-hvezdy:hover{
 width: 100px;
 }
.hodnoceni-hvezdami a.pet-hvezd{
 left: 100px;
 }
.hodnoceni-hvezdami a.pet-hvezd:hover{
 width: 120px;
 }
.hodnoceni-hvezdami li.current-rating{
 background: url("../images/hrzt_hv.gif") left bottom;
 position: absolute;
 height: 24px;
 display: block;
 text-indent: -9000px;
 z-index: 2;
 margin:0 !important;
 padding:0 !important;
 } 	
.hodnoceni form{
 display:none;
 }		

/*
## LIGHTBOX 2 - Roadtrip
*/
#lightbox{
position: absolute;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 95% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 95% no-repeat; }


#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}