/* 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: center; color: black; margin: 0 0 20px 0;}
h2{text-align: left;   color: black; font-size: 18px;}
h2 a{text-align: left;   color: black; font-size: 16px;}
h3{text-align: left; color: black; font-size: 17px; margin: 0; padding: 0;}
div#kody h3 {margin: 28px 350px 7px 0; border-bottom: black solid 1px; font-size: 19px;}
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;}
.right 			  {text-align: right  !important;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left  !important;}
.block			  {display: block  !important;}
.justify      {text-align: justify !important;}
.noborder     {border: 0 !important;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right !important; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold; font-size: 1em;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.orange       {color: rgb(246,118,38) !important;}
.tucne			  {font-weight: bold !important;}
.inline       {display: inline !important;}
.dt           {position: absolute; left: 20px; top: 86px; width: 180px; height: 210px;   /* border: 1px white solid; */  }
.pageselected { font-weight: bold; color: rgb(179,0,0); font-size: 14px;}
div#searchresult {text-align: center; margin: 20px 0 0 0;}
li.selected a {color: black !important;}
div#errorhlaska {text-align: center; margin: 0px 0 25px 0; _margin: 5px 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;}
.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;}
.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;}
input.moneybookers {background-color: rgb(239,219,156); text-decoration: underline; font-weight: bold; cursor: pointer; display: block;}
/* strankovani */
div#searchresult a {margin: 0 5px;}
span.errorinfo {font-weight: bold; color: red;}
div.execution{display: inline; margin: 0 !important;}

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

div.leaderboard{
margin: 10px 0 0 0;
}

/* ______________________________TOPMENU_____________________________________ */
div#aboveall{
width: 1020px;
background: url(../img/middle.jpg) repeat-y center top;
margin: auto; 
text-align: left;
}

div#all{
width: 1020px;
background: url(../img/hlavicka.jpg) no-repeat center top;
}

div#top{
position: relative;
width: 1020px;
height: 315px;
}

div#top ul{
padding-top: 266px;
padding-left: 350px;
}

div#top ul li{
font-size: 18px;
color: black;
display: inline;
}

div#top ul li a{
color: black;
font-size: 19px;
}

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

/* _____________________________________middle_______________________________ */
div#middle{
min-height: 500px;
_height: 500px; 
}

/* _____________________________________left_________________________________ */
div#left{
float: left;
_display: inline;
width: 200px;
margin: 0 0 100px 5px;
}

div#left h2{
text-align: center;
padding-top: 10px;
color: rgb(252,204,38);
font-size: 26px;
}

div#left ul{
position: relative;
margin-bottom: 90px;
}

div#left ul li{
font-size: 16px;
font-weight: bold;
padding-top: 5px;
margin-left: 31px;
}

div#left ul li img{
vertical-align: middle;
margin-right: 8px;
}

div#left ul li a{
color: black;
font-size: 16px;
font-weight: bold;
}

div#left div.adsense-left{
text-align: right;
margin: 20px 10px 20px 0;
}

div#left div.tip{
margin: 0 0 0 35px;
font-weight: bold;
}

/* _____________________________________right_________________________________ */
div#right{
float: left;
width: 740px;
padding: 40px 30px 30px 30px;
position: relative;
_display: inline;
}

div#right img.kun_index{
position: absolute;
}
/* ___________________________________VYPIS KONE___________________________ */
ul.vypiskone{
margin-bottom: 35px;
}

ul.vypiskone li{
margin-left: 20px;
}

ul.vypiskone li h2{
font-size: 15px;
color: rgb(246,126,51);
padding-bottom: 10px;
}

/* __________________________________KONTAKT_________________________________ */

form#kontakt{
width: 490px;
margin: auto; 
}

form#kontakt div{
clear: left;
width: 480px;
margin: 10px 0 0 0;
padding: 1px 3px 0 0;
}

form#kontakt div.textarea{
width: 480px;
}

form#kontakt div.tucne{
font-weight: bold;
}

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

form#kontakt div input{
width: 180px;
border: 1px solid rgb(135,135,135);
height: 21px;
}


form#kontakt div.remainder{
margin: 0px 0 0 120px !important; 
font-weight: normal;
font-size: 9px;
width: 250px !important;
color: black;
}

form#kontakt div.remainder input{
font-size: 11px;
text-align: center;
width: 25px;
height: 14px;
background-color: white !important;
border-color: black !important;
}

form#kontakt div textarea{
width: 300px;
border: 1px solid rgb(135,135,135);
}

form#kontakt div.submit{
text-align: center;
margin-top: 15px;
}

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

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

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

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

div#right form.hledat label{
width: 160px;
}

div#right form.hledat div input, select{
width: 210px;
}

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

/* ________________________________pridat inzerat____________________________ */
ul.pokyny{
margin: 30px 0 0 50px;
}

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

form#pridat-inzerat{
width: 680px;
margin: auto; 
/* border: 1px black solid; */
}

form#pridat-inzerat h2{
margin: 40px 0 10px 0;
font-weight: normal;
color: rgb(255,127,0);
font-size: 24px;
border-bottom: black 1px solid;
padding-bottom: 5px;
}

form#pridat-inzerat div {
clear: left;
width: 550px;
margin: 10px 0 0 0;
padding: 1px 3px 0 0;
display: table;
}

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

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

form#pridat-inzerat div.error label{
color: black;
}

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

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

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

form#pridat-inzerat div.tucne{
font-weight: bold;
}

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

form#pridat-inzerat div label.radio input, form#kontakt div label.radio input{
border: 0;
background: none; 
} 

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

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

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

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

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

form#pridat-inzerat div.submit input{
width: 100px;
}

/* radio button */
form#pridat-inzerat div label.radio, form#kontakt div label.radio{
float: left;
width: 90px;
text-align: left;
font-weight: normal;
}

form#pridat-inzerat div label.radio input, form#kontakt div label.radio input{
width: 20px; 
float: left;
}

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

form#pridat-inzerat div.errorcheck{
font-weight: bold;
color: rgb(255,1,1);
}

form#pridat-inzerat div.errorcheck a{
color: rgb(255,1,1);
}

form#pridat-inzerat label.check{
width: 300px;
text-align: right;
}

form#pridat-inzerat label.check a{
font-weight: bold;
text-decoration: underline;
}

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

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


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

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

/* _____________________________RESULT_______________________________________ */
table.result{
border-bottom: rgb(135,135,135) solid 1px;
margin-bottom: 15px;
width: 550px;
}

table.result img{
border: 5px white solid; 
}

table.result tr td{
color: rgb(84,83,83);
font-size: 16px;
padding-left: 20px;
line-height: 21px;
}

table.result tr td.otazka{
font-weight: bold;
}

table.result tr td.detail{
vertical-align: bottom;
padding-bottom: 10px;
}

table.result tr td.detail img{
border: 0;
}

table.result tr.posledni td{
padding-bottom: 10px;
}

table.sekce-zvyhodneni{
background: rgb(224,198,141);
border: 2px solid rgb(115,87,50);
}

div#left table.zvyhodneni{
background: url(../img/kont-zvyhodneni.jpg) no-repeat;
width: 206px;
height: 119px;
margin-left: 4px;
color: rgb(249,144,38);
}

div#left table.zvyhodneni img.lupa{
position: absolute;
top: 80px;
right: 10px;
}

div#left table.zvyhodneni tr td.tleft img{
border: 2px solid rgb(200,176,125);
}

div#left table.zvyhodneni tr td.tleft{
width: 110px;
text-align: center;
}

div#left table.zvyhodneni tr td{
font-size: 14px;
}

div#left table.zvyhodneni tr td b{
font-size: 15px;
display: block;
margin-left: -10px;
}

a.inzerat-zde{
margin: 0 0 0 25px;
text-decoration: underline;
color: rgb(70,33,6);
font-size: 15px;
font-weight: bold;
display: block;
text-align: left;
}


h1.sekce{
float: right;
}

div.sekce-adsense{
margin-left: 20px;
float: left;
border: 2px solid rgb(124,69,39);
}

img.sekce{
float: left;
border: 0;
margin: 0 0 0 10px;
}

/* ____________________________________DETAIL________________________________ */

table.profil img.velky{
border: 3px solid rgb(255,253,253);
}

table.profil img.maly{
border: 1px solid rgb(255,253,253);
margin: 10px 6px 35px 0;
}

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

table.profil tr td.foto{
text-align: center;
width: 190px; 
}

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

h2.profil{
text-align: left;
margin: 25px 0 12px 210px;
font-size: 18px;
font-weight: normal; 
color: rgb(246,118,38);
}

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

div.zapomenute-heslo a{
color: rgb(255,127,0);
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 20px 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(246,118,38);
}

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

/* ______________________________partneri____________________________________ */
ul.odkazy li{
margin-bottom: 8px;
clear: both;
}

ul.odkazy li a{
font-weight: bold;
text-decoration: underline;
}

ul.odkazy li img{
margin-right: 6px;
border: 1px rgb(119,86,62) solid; 
}


/* ________________________________FOOTER____________________________________ */
div#footer{
clear: both;
width: 1020px;
height: 123px;
margin: auto; 
background-image: url(../img/paticka.jpg);
position: relative;
}

div#footer img.kun{
position: absolute;
left: 10px;
bottom: 13px;
}

div#footer ul{
padding-top: 65px;
padding-left: 150px;
}

div#footer ul li{
display: inline;
color: rgb(252,204,38);
}

div#footer ul li a{
color: rgb(252,204,38);
font-size: 18px;
}

ul.underfooter{
position: relative;
z-index: 10;
margin: -10px auto auto auto;
width: 1020px; 
text-align: left;
}

ul.underfooter li{
margin-left: 15px;
float: left;
}

ul.underfooter li a{
color: black;
font-size: 11px;
font-weight: bold;
}

table.banner-reality{
width: 156px;
border: 2px solid white;
background: black;
margin: 25px auto auto 35px; 
}

table.banner-reality td{
padding: 0px 0 8px 0;
border-bottom: 1px dotted rgb(97,97,97);
}

table.banner-reality td div.byty{
background: url(../img/banner-byty.png) left top no-repeat;
position: relative;
z-index: 10;
}

table.banner-reality td a{
position: relative;
}

table.banner-reality td img.label{
position: absolute;
left: 0;
top: 0;
}

table.banner-reality td img.pic{
display: block;
margin: 14px auto auto auto;
border: 2px solid rgb(252,166,1);
}

table.banner-reality td img.pic:hover{
border: 2px solid rgb(255,55,1);
}

table.banner-reality td div.cena{
text-align: right;
color: rgb(255,55,1);
font-weight: bold;
padding: 2px 12px 0 0;
font-size: 15px;
}

table.banner-reality td.white{
background: white; 
}

table.banner-reality td.white img{
margin: 4px 0 0 0;
}

table.banner-reality td.white div.inzerujte{
text-align: center;
margin: 10px 0 12px 0;
}

table.banner-reality td.white div.inzerujte a{
color: rgb(205,28,38);
font-size: 17px;
}