*{margin:0;padding:0;}
body{
font-family: Arial, Helvetica, sans-serif;
background:#99080a url("../css/images/bg-body.gif") repeat-x;
color:#000;
font-size:small;
text-align:center;
line-height:1.4}
.noscreen{
width:250px;
position:absolute;
left:0;
top:-2000px}
.end{
clear:both;
line-height:1px;
font-size:1px;
height:1px}
.endd{clear:both; height:0; line-height:0; font-size:0}
/* layout */
#main{
width:971px;
margin:0 auto;
position:relative;}
#head-top{
text-align:left;
position:relative;
height:46px;
background:url("../css/images/head-top.gif") no-repeat;}
#head{
height:185px;
background:url("../css/images/head.jpg") no-repeat right top;
position:relative;}
h4, h4 span{
text-indent:-5000px;
width:395px;
height:185px;
overflow:hidden;
font-size:110%;
position:absolute;
left:0;
top:0;
z-index:1;
cursor:pointer}
h4 span{
display:block;
background:url("../css/images/h4.jpg") no-repeat;
z-index:2;
left:0}
#content{
width:971px;
margin:0 auto;
text-align:left;
background: url("../css/images/bg-content.gif") repeat-y}
#text{
min-height:400px;
height:400px}
#content>#text{height:auto}
#in{
float:left;
overflow:hidden;
width:730px;
padding:10px 0 10px 0;
color:#000;
position:relative}
#text>#in{width:730px}

#box-in{
overflow:hidden;
float:right;
width:240px;
padding:0}
#text>#box-in{width:240px}
#foot{
font-size:100%;
height:45px;
background:url("../css/images/foot.gif") no-repeat;
width:971px;
margin:0 auto;
overflow:hidden;}

#head-top{}
#head-top ul{
width:950px;
position:absolute;
left:5px;
_left:0px;
top:22px;} 
#head-top li{
border-right:1px solid #fff;
font-size:110%; 
display:inline;
list-style:none;
font-weight:bold;
padding:0 10px; }
#head-top li a:link,#head-top li a:visited{color:#fff;text-decoration:none;}
#head-top li a:hover{color:#000;}
#head-top li a,#head-top li strong{
font-weight:bold;
padding:5px 4px 1px 4px;}
#head-top li strong{
color:#ccc;}
#head-top li.posledni{border-right:none;}


/* text */
#in h1{
margin:0 20px;
padding:6px 0 6px 0px;
font-size:130%;
color:#99080a;}
/* p  */
#in p{
margin:6px 20px;}
.box p{
margin:2px 10px 5px 10px;}
#in p.justify{text-align:justify}
#in p.center{text-align:center}
#in p.right{text-align:right}
#in p.left{text-align:left}
p#www{float:left;
width:20%;
font-size:100%;
font-weight:bold;
color:#000;
padding:12px 0 0 10px}
p#copyright{
float:right;
width:60%;
color:#fff;
text-align:right;
padding:12px 20px 0 0}


/* links */
a:link{color:#254373}
a:visited{color:#04aee1}
a:hover{color:#d6372b}
a:active{color:#ccc}
#foot a:link, #foot a:visited{color:#fff}
#foot a.www:link, #foot a.www:visited{color:#99080a}
#foot a:hover{color:#000}
#foot a.vstup:link, #foot a.vstup:visited, #foot a.vstup:hover{color:#fff;text-decoration:none;}
/* img */
a:link img {border:1px solid #254373}
a:visited img{border:1px solid #04aee1}
a:hover img{border:1px solid #d6372b}
a:active img{border:1px solid #ccc}
.noborder a:link img{border:none}
.noborder a:visited img{border:none}
.noborder a:hover img{border:none}
.noborder a:active img{border:none}
/* img */
.imgd,img{
text-align:center;
margin:10px auto;
clear:both;
display:block}
.imgd{
_width:100% !important;} /* hack pro IE6*/
.img-right, .imgdr{
margin:5px 9px;
text-indent:0;
clear:none;
float:right;
text-align:center;}
.img-left, .imgdl{
margin:5px 9px;
text-indent:0;
float:left;
clear:none;
text-align:center;}
/* Formular */
/*
form{
margin:6px 0;}
fieldset{
border:3px double #ccc;
padding:10px 15px;
margin-bottom:5px}
label{display:block}
legend{
color:#000;
font-weight: bold;
border: 1px solid #ccc;
padding: 2px 10px 2px 10px}
input, textarea{
background-color:#fff;
width:270px;
margin-top:2px;
margin-bottom:1px}



textarea{width:100%}
.req{color:#e0252b}
p.button{text-align:center}
p.button input{
width:120px;
cursor:pointer;
background:#2848d3;
color:#fff;
border:2px solid #ccc;
font-weight:bold;
padding:2px 0}
p.button input:hover{color:#000; background:#cdd6fd; border:2px solid #000;}
*/
table.login{
border-collapse:collapse;
margin:5px 10px;}
table.login tr{margin:5px 5px;}
table.login td{padding-bottom:5px;} 


legend, select, input, textarea{background:#fff url("../css/images/bg-form.gif") repeat-x top left}
/* TEXY */
#in h2{
padding:5px 0 2px 0px;
border-bottom:none;
margin:2px 20px;
clear:both;
font-size:120%;
color:#19518a;}
#in h3{
clear:both;
font-size:110%;
margin:4px 20px;
color:#5085bb;}
#in strong{color:#000}
/* Barva v prave , box NOVE */
.box strong{color:#FF0000}

#in em{color:#000}
#in blockquote p{
padding:10px 20px 5px 20px;
clear:both;
overflow:hidden;
color:#000;
font-weight:bold;
text-align:center;
font-size:110%;}

#in ul{
margin:5px 20px;
padding:0 0 0 5px}
#in ul li{
list-style-type: disc;
margin-left:30px;
color:#b62424;}

#in ul li ul{margin:0; padding:0;}
#in ul li ul li{padding:0 2px; margin:0;  list-style:none}
#in ol{
margin:5px 0 5px 15px;
padding:0 0 0 5px}
#in table{
clear:both;
width:98%;
border-collapse:collapse;
font-size:100%;
margin:15px 0px;
border:3px double #649cc5;}
#in th, #in td{
color:#000;
border:1px solid #817d7d;
padding:3px 10px;
text-align:left}
#in td{background:#fff}
#in th{background:#cde6f9;}
#in table.auto{
width:auto;}
#in table.normal{
border:1px solid #000;}
#in table.normal th{background:#fff;}
#in table.normal td{background:#fff;}
#in .nobordertable th, #in .nobordertable td{
border:0; background:#fff;margin:0;padding:3px 10px;}
#in .nobordertable img{margin:0; padding:0}
#in .nobordertable {border:0;}
#in table.polovina td{width:50%;}
#in table.tretina td{width:33%;}
#in table.ctvrtina td{width:25%;}
#in hr{
margin:5px 0;
color:#000;
background-color:#000;
border:0;
height:1px;
clear:both}

/* Vlajky */
#lang{
z-index:10;
position:absolute;
top:20px;
right:48px;}
#cz, #en{
position:absolute;
height:18px;
width:28px;
right:0;}
#cz{
background:url("../css/images/cz.gif") no-repeat right top;
right:65px;}
#cz:hover{background:url("../css/images/cz.gif") no-repeat;}
span#cz{
background:url("../css/images/cz.gif") no-repeat;}
#en{
background:url("../css/images/en.gif") no-repeat right top;
right:30px;}
#en:hover{background:url("../css/images/en.gif") no-repeat;}
span#en{
background:url("../css/images/en.gif") no-repeat;}
/* head-title */
.titlecz{
font-size:85%;
font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;
font-weight:bold;
position:absolute;
top:100px;
left:10px;
color:#fff;
z-index:15}
.titleen{ visibility:hidden}
.titlelogin{
font-size:120%;
font-weight:bold;
position:absolute;
bottom:13px;
right:47px;
color:#99080a;
z-index:15}
.titlevip{
font-size:120%;
font-weight:bold;
position:absolute;
bottom:13px;
left:20px;
color:#99080a;
z-index:15}
/* obal boxu prava strana */

.box{
position:relative;
width:240px;
overflow:hidden;
background:url("../css/images/box-bg.gif") repeat-y;}
.box .obal{
padding-top:40px;
background:url("../css/images/box-top.gif") no-repeat;}
.box .obalprihlaseni{ /* Prvni box - skrz odebrani horniho radku box-top  */
padding-top:0px;
background:none;}
.box span{
height:6px;
line-height:6px;
background:url("../css/images/box-bottom.gif") no-repeat;
display:block;
overflow:hidden;}
.box strong.absolute{
font-size:110%;
_font-size:100%;
font-weight:bold;
color:#99080a;
right:0;
padding:6px 10px 0 0;
position:absolute;
z-index:20}

.box img{margin:1px auto 6px auto;}

.box .obal ul{padding-left:20px}
/* obal panelu leva strana */
.panel{
float:left;
position:relative;
width:243px;
overflow:hidden;
background:url("../css/images/panel-bg.gif") repeat-y;}
.panel .panel-obal{
padding-top:38px;
background:url("../css/images/panel-top.gif") no-repeat;}

/* dolni text u nahledu */
.panel span{
clear:both; /* chyba skrz zobrazeni fotek */
text-align:center;
font-size:90%;
font-weight:bold;
height:28px;
line-height:28px;
background:url("../css/images/panel-bottom.gif") no-repeat;
display:block;
overflow:hidden;}

/* horni text u nahledu */
.panel strong.panel-absolute{
font-size:110%;
font-weight:bold;
color:#99080a;
left:20px;
padding:8px 0 0 0;
position:absolute;
z-index:20}

/* barva odkazu u nahledu */
.panel span a:link{color:#fff}
.panel span a:visited{color:#fff}
.panel span a:hover{color:#000}
.panel span a:active{color:#ccc}


/* barva tabulky u nahledu Uzivatel +pocet */
#in .panel table{margin:0 5px; border:none; background-color:transparent;font-size:90%;}
#in .panel table td{border:none; background-color:transparent; padding:0 15px 2px 10px }




/* tvar nahledove fotky */
.fotogal-nahled{
margin:7px auto 7px 47px; /* zprava odsazeni IE6 a IE7 zaporny margin*/
float:left;
background:#e1e1e1 no-repeat center center;}

/* tvar fotografii ve fotokolekci */
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{
float:left;
margin:7px 5px 7px 20px;
border:double #ccc;
border-width:3px;
background:#f0ebeb no-repeat center center;}

/*
.galerie-obal img{padding:0;margin:0;display:none;}
.galerie-obal .fotogal-nahled{float:left;margin:6px;
border:1px solid #f17b0c;
background:#fde5ce no-repeat center center;}
.fk-nahled{float:left;margin:7px;text-align:center;width:150px}
.galerie-obal{margin-bottom:10px;}

/* fotogalerie *
.fk-nahled{position:relative;float:left;margin:0;text-align:center;width:243px; height:226px;
background:url("../css/images/bg-fotogalerie.gif") no-repeat;}
.fk-nahled img{margin-top:25px;}
.fk-nahled a.nadpis{text-decoration:none; font-size:125%; font-weight:bold; color:#000000; position:relative; top:8px }
.fk-nahled a.nadpis1{position:absolute; bottom:4px; left:40px; display:block; width:160px; height:30px; }
.galerie-obal{margin-bottom:10px;}

/* prihlaseni */
table.login{
width:230px;}
table.login td.prvni{width:50px;}
table.login td.druhy input{width:160px;}

.box #loginbox {padding:0 10px 10px 10px;}  /*okraje boxu */
.box #loginbox strong{color:#000}
table.login strong{color:#000}
/* po prihlaseni */

table#loginprihlaseny{margin:10px 0 0 0;}
table#loginprihlaseny th{ width:240px; background:url("../css/images/bg-kategorie.gif") no-repeat; color:#000; padding:4px 10px; text-align:left} 
table#loginprihlaseny a{background:url("../css/images/bullet.gif") no-repeat center left; padding:5px 0 5px 20px; font-weight:bold; color:#990000;}