/* zakladni nastaveni - reset */
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

h1, h2, h3, h4, a img { padding: 0; margin: 0; border: 0;} 
ul, ol { list-style: none; } 
table  {border-collapse: collapse;}
table, td, th { border: 0; font-size: 12px; font-weight:normal;} 

/* definice nadpisu  */
h1{text-align: left; color: rgb(121,2,85); font-size: 24px; margin: 18px 0 20px 0; padding: 0; text-align: center;}
h2{text-align: left; color: black; font-size: 17px; margin: 0; padding: 0;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: left; color: black; font-size: 13px; margin: 0; padding: 0; line-height: 22px;}

/* definice odkazu */
a {color: black; text-decoration: none; font-size: 13px;}
a:hover {text-decoration: underline;}

/* --- globalni tridy --- */
.clear			  {clear: both  !important;}
.trebuchet    {font-family: trebuchet MS;}
.right 			  {text-align: right  !important;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left  !important;}
.block			  {display: block  !important;}
.inline       {display: inline !important;}
.justify      {text-align: justify !important;}
.noborder     {border: 0 !important;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold !important;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.tucne			  {font-weight: bold !important;}
.print        {background: url(../img/icons/print.gif) no-repeat;  padding-left: 20px; cursor: pointer;}
.email        {background: url(../img/icons/email.gif) no-repeat;  padding-left: 20px;}
.dt           {position: absolute; left: 75px; top: 100px; width: 260px; height: 100px;  /* border: 1px white solid; */ }
.status       {text-align: center; margin-top: 20px;}
.status  span {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
li.selected a { font-weight: bold;}
div#errorhlaska {text-align: center; margin: 25px 0 25px 0;}
div#errorhlaska span  {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.doc, .rtf, .word {background: url(../img/doc.gif) no-repeat; padding-left: 20px;}
.xls, .excel {background: url(../img/xls.gif) no-repeat; padding-left: 20px;}
.txt {background: url(../img/icons/txt.gif) no-repeat;  padding-left: 20px;}
.rar, .zip {background: url(../img/icons/rar.gif) no-repeat; padding-left: 22px;}
.gif, .jpg, .gif, .obrazek {background: url(../img/icons/img.gif) no-repeat;  padding-left: 20px;}
/* strankovani */
div#searchresult {text-align: center; margin: 0 5px;}
div#searchresult a {margin: 0 5px;}
.pageselected {font-weight: bold;}
span.errorinfo {font-weight: bold; color: red;}
div.execution{display: inline; margin: 0 !important;}

/* Lay out webu */
body {  
font-family: Verdana,'Trebuchet MS','Arial CE','Helvetica CE', Arial, helvetica, sans-serif;
color: black;
font-size: 14px;
text-align: center;
background: white url(../img/body.jpg) repeat-x;  
}


/* _________________________________TOP______________________________________ */
div#top{
width: 1053px;
height: 299px;
background: url(../img/hlavicka.jpg); 
margin: auto auto auto auto;
position: relative;
text-align: left;
}

div#top ul{
padding: 10px 0 0 30px;
}

div#top ul li{
display: inline;
color: white;
}

div#top ul li a{
color: rgb(253,214,0);
font-size: 15px;
}

div#top ul li div{
display: inline;
margin: 0 20px; 
}

/* ________________________________MIDDLE____________________________________ */
div#middle{
width: 1020px;
margin: auto;
text-align: left;
background-color: white;
border-bottom: 0; 
}

/* left */
div#left{
width: 146px;
float: left;
margin: 30px 0 0 0px;
}


div#left h2{
text-align: center;
margin: 6px 0 10px 0;
color: white;
background-color: rgb(83,2,60);
padding: 5px 0; 
}

div#left ul{
width: 130px;
margin-bottom: 40px;
}

div#left ul li{
border-bottom: 1px rgb(121,2,85) dotted;
margin-bottom: 6px;
padding: 0 0 2px 10px;
}

div#left ul li a{
color: rgb(121,2,85);
}

div#left div.oblibene{
color: rgb(145,3,116);
font-size: 12px;
}

div#left div.oblibene a{
color: rgb(145,3,116);
}

/* right */
div#right{
float: left;
width: 820px;
margin: 0 0 25px 25px;
_height: 800px;
min-height: 800px; 
}

/* ___________________________________INDEX__________________________________ */
ul#index{
margin: 0px auto 0 auto; 
text-align: center;
}

ul#index li img{
display: block;
margin: 20px auto 10px auto; 
/* width: 161px; */
height: 120px;
}

ul#index div.pocet{
margin-bottom: 8px;
color: rgb(146,140,140);
}

ul#index div.pocet a{
color: rgb(146,140,140);
}

ul#index li{
float: left;
width: 150px;
height: 185px;
border: 2px dotted rgb(205,202,202);
border-left: 0; 
border-top: 0;
padding: 0 5px; 
}

ul#index li a{
color: rgb(69,189,9);
font-size: 15px;
font-weight: bold;
}

/* ___________________________________SEKCE__________________________________ */
ul#sekce{
margin: 0px auto 0 auto; 
text-align: center;
}

ul#sekce li img{
display: block;
margin: 18px auto 9px auto; 
height: 75px;
}

ul#sekce div.pocet{
margin-bottom: 8px;
color: rgb(146,140,140);
}

ul#sekce div.pocet a{
color: rgb(146,140,140);
}

ul#sekce li{
float: left;
width: 120px;
height: 150px;
border: 2px dotted rgb(205,202,202);
border-left: 0; 
border-top: 0;
padding: 0 5px; 
}

ul#sekce li a{
color: rgb(69,189,9);
font-size: 15px;
font-weight: bold;
}


/* _________________________________FORM_____________________________________ */
ul.pokyny{
margin: 30px 0 0 0px;
}

ul.pokyny li{
background: url(../img/fajfka.gif) no-repeat left center;
padding-left: 26px;
font-weight: bold;
margin-bottom: 2px;
}

form.form h2{
margin: 40px 150px 20px 0;
font-weight: normal;
font-size: 24px;
border-bottom: rgb(121,2,85) 1px solid;
padding-bottom: 3px;
color: rgb(121,2,85);
}

form.form{
margin: auto; 
}

form.form div{
clear: left;
width: 550px;
margin: 10px 0 0 0;
padding: 1px 3px 0 0;
}

form.form div label{
display: block;
float: left;
width: 200px;
padding: 0px 5px;
margin: 0 0 5px 0;
text-align: right;
}

form.form div label.radio input, 
form.form div label.radio input{
border: 0;
background: none; 
} 

form.form div.remainder{
margin: 0px 0 0 210px !important; 
font-weight: normal;
font-size: 10px;
width: 250px !important;
}

form.form div div.remainder input{
font-size: 10px;
width: 25px;
text-align: center;
height: 14px;
}

form.form div textarea{
width: 300px;
margin-left: 210px;
border: 1px solid rgb(135,135,135);
}

form.form div input, select{
width: 220px;
height: 21px;
border: 1px solid rgb(135,135,135);
}


form.form div.submit{
text-align: center;
margin-top: 30px;
}

form.form div label.radio{
float: left;
width: 90px;
text-align: left;
font-weight: normal;
}

form.form div label.radio input{
width: 20px; 
float: left;
}

form.form div.check{
margin-top: 25px;
}

form.form input.checkbox{
border: 0;
background: none;  
width: 15px !important;
height: 19px !important; 
margin-left: 5px;
} 

form.form div label.radiomarital{
width: 700px;
padding: 3px 3px;
text-align: left;
color: rgb(255,127,0);
font-weight: bold;
}

form.form div label.radiomarital span{
font-weight: normal;
color: black;
}

form.form input.radiomarital{
float: left;
width: 18px;
 height: 19px;
display: inline;
margin-right: 5px;
}

form.form div.error{
font-weight: bold;
color: rgb(255,1,1);
}

form.form div.error img{
margin-right: 4px;
vertical-align: middle;
}

form.form div.error label{
color: black;
}

form.form div.error select{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

form.form div.error input{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

form.form div.error textarea{
border: 1px solid rgb(255,1,1);
background-color: rgb(254,251,37);
}

/* __________________________________PRIHLASENI______________________________ */
div.zapomenute-heslo{
margin-top: 25px;
text-align: center;
}

div.zapomenute-heslo a{
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}
/* _____________________________ZAPOMENUTE HESLO_____________________________ */
ul.zapomenute-heslo{
list-style-type: disc;
list-style-position: outside;
margin: 30px 0px 25px 30px;
font-weight: bold;
}

ul.zapomenute-heslo li{
line-height: 22px;
}

/* ______________________________MUJ UCET____________________________________ */
ul#muj-ucet{
margin: 50px 0px 50px 0px; 
}

ul#muj-ucet li{
line-height: 24px;
}

ul#muj-ucet li img{
vertical-align: middle;
margin-right: 7px;
}

ul#muj-ucet li a{
color: rgb(85,85,85);
font-size: 18px;
}

div#moje-fotky img{
margin: 25px 25px; 
}

div.pridat-inzerat{
text-align: right;
margin: 20px 30px 0 0;
font-weight: bold;
}

div.pridat-inzerat a{
font-size: 16px;
color: red;
text-decoration: underline;
}

div.pridat-inzerat img{
margin-right: 7px;
vertical-align: middle;
}

/* table */
table#table-muj-ucet{
margin: 40px auto 0 auto;
}

table#table-muj-ucet tr th{
padding: 0 5px;
font-weight: bold;
font-size: 16px;
border-bottom: dashed 1px rgb(104,104,103);
}

table#table-muj-ucet tr td{
border-bottom: dashed 1px rgb(104,104,103);
}

table#table-muj-ucet tr th.green{
text-align: center;
color: rgb(20,131,2);
font-size: 15px;
}

table#table-muj-ucet tr th.red{
text-align: center;
color: rgb(161,48,48);
font-size: 15px;
}

div#right img.panel-muj-ucet{
position: absolute;
right: 20px;
top: 110px;
}

div#editor a{
text-decoration: underline;
color: rgb(47,162,220);
}

a.vsechna{
margin-right: 30px;
font-weight: bold;
}

/* ____________________________RESULT SEKCE__________________________________ */
img.sekce{
float: right;
}

div.adsense-sekce{
float: left;
margin-left: 80px;
}

div.result{
border: rgb(145,143,143) solid 2px;
margin: 0 auto 15px auto;
padding: 12px 0; 
position: relative;
width: 656px;
}


div.result table td.center{
width: 200px;
}

div.result table td.center img{
border: 3px rgb(232,232,232) solid; 
}

div.result table tr td{
color: rgb(84,83,83);
font-size: 16px;
line-height: 21px;
border-bottom: 1px solid rgb(232,232,232);
}

div.result table tr.posledni td{
border-bottom: 0;
}

div.result table tr td.otazka{
font-weight: bold;
width: 140px;
}

div.sekce-zvyhodneni{
border: rgb(1,164,252) solid 2px;
background-color: rgb(188,227,248);
}

div.sekce-zvyhodneni table tr td{
border-bottom: 1px solid rgb(1,164,252);
}

div.sekce-zvyhodneni table td.center img{
border: 3px rgb(1,164,252) solid; 
}

img.result-lupa{
position: absolute;
right: -14px;
top: 80px;
}
/* ____________________________________DETAIL________________________________ */
div.profil-foto{
text-align: center;
width: 220px;
padding-top: 20px;  
float: left;
margin-left: 50px;
}

div.profil-foto img.velky{
margin-top: 7px;
border: 4px solid rgb(232,232,232);
}

div.profil-foto img.maly{
border: 2px solid rgb(232,232,232);
margin: 10px 3px 35px 3px;
}

table.profil{
width: 420px;
float: right;
margin-right: 100px;
}

table.profil tr td{
height: 22px;
font-size: 14px;
padding-right: 20px;
vertical-align: top;
width: 240px;
}

table.profil tr td.tleft{
font-weight: bold;
width: 118px;
vertical-align: top;
padding-left: 20px;
}

h2.profil{
text-align: left;
margin: 25px 0 12px 20px;
font-size: 18px;
}

ul.partneri li{
margin-bottom: 15px;
}

ul.partneri li a{
color: rgb(205,20,20);
font-weight: bold;
}

ul.partneri li img{
margin-right: 7px;
}

/* ________________________________FOOTER____________________________________ */
div#footer{
width: 1014px;
border: 1px black solid;
height: 20px;
margin: 0px auto 0px auto;
background-color: rgb(70,70,70);
padding: 4px 0; 
}

div#footer ul li{
display: inline;
color: white;
}

div#footer ul li a{
color: white;
}

div#footer ul li div{
display: inline;
margin: 0 8px; 
}

div#underfooter{
width: 1014px;
text-align: left;
margin: 1px auto 20px auto;
font-family: trebuchet MS;
color: rgb(70,70,70);
}


div#underfooter div.toright a{
color: rgb(70,70,70);
}
/* _________________________________BOX______________________________________ */


div#box-middle{
text-align: left;
background: url(../img/box-middle.gif) repeat-y;
width: 434px;
padding: 0 80px; 
min-height: 380px;
_height: 380px;
margin: auto;  

}


table.box-detail tr td{
padding: 2px 3px 2px 0;
}

table.box-detail tr td.tleft{
font-weight: bold;
}

form.form-box input#captcha{
width: 120px;
}

form.form-box div{
width: 400px;
}

form.form-box div label{
width: 120px;
}

form.form-box div textarea{
margin-left: 128px;
}