/* zakladni nastaveni - reset */
@import "css-tooltip.css";
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

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

/* definice nadpisu  */
h1{text-align: left; font-size: 22px; margin: 0 0 10px 0; padding: 0;}
h2{text-align: left; color: black; font-size: 18px; margin: 0; padding: 0;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: left;  margin: 0; padding: 0;}

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

hr {clear: both; color: black; background-color: black; height: 1px;}

/* editor */
div#editor a {color: rgb(0,180,239); font-weight: bold; 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; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.tucne			  {font-weight: bold !important;}
.border-green {border: 1px solid rgb(179,200,161)}
/*.dt           {position: absolute; left: -32px; top: 5px; width: 428px; height: 88px;   border: 1px solid black; }*/
div#errorhlaska      {text-align: center; margin: 5px 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; }
div.status           {text-align: center; margin: 5px 0 25px 0; _margin: 5px 0 25px 0;}
div.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; }

span#errorhlaska  {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 20px 0px;}
div#searchresult a {margin: 0 5px;}
.pageselected    {text-decoration: underline; font-weight: bold;}
span.errorinfo   {font-weight: bold; color: red;}
div.execution    {display: inline; margin: 0 !important;}

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

/* _________________________________TOP______________________________________ */
div#top{
margin: auto;
width: 1000px;
position: relative;
min-height: 508px;
}

div#top div.leaderboard{
text-align: center;
}

div#top img.oblibene{
position: absolute;
top: 100px;
right: -55px;
z-index: 2;
} 

div#top img.schranka{
position: absolute;
top: 255px;
right: -80px;
z-index: 1;
} 

div#top img.praha{
position: absolute;
width: 135px;
height: 43px;
left: 110px;
top: 180px;
}

img.praha:hover,
img.brno:hover,
img.ceske-budejovice:hover,
img.olomouc:hover,
img.ostrava:hover,
img.plzen:hover,
img.liberec:hover,
img.hradec-kralove:hover,
img.brigady-v-zahranici:hover{
background: url(../img/overlay-mesta.png); 
}

div#top img.brno{
position: absolute;
width: 118px;
height: 32px;
left: 440px;
top: 156px;
}

div#top img.ceske-budejovice{
position: absolute;
width: 262px;
height: 30px;
left: 292px;
top: 196px;
}

div#top img.olomouc{
position: absolute;
width: 169px;
height: 38px;
left: 108px;
top: 230px;
}

div#top img.ostrava{
position: absolute;
width: 190px;
height: 47px;
left: 325px;
top: 230px;
}

div#top img.plzen{
position: absolute;
width: 120px;
height: 40px;
left: 120px;
top: 278px;
}

div#top img.liberec{
position: absolute;
width: 110px;
height: 28px;
left: 315px;
top: 345px;
}

div#top img.hradec-kralove{
position: absolute;
width: 172px;
height: 25px;
left: 252px;
top: 300px;
}

div#top img.brigady-v-zahranici{
position: absolute;
width: 172px;
height: 31px;
left: 120px;
top: 342px;
}

div#top img.vsechny-mesta{
position: absolute;
width: 158px;
height: 46px;
left: 445px;
top: 318px;
}

div#top ul{
position: absolute;
top: 455px;
left: 0px;
width: 1000px;
}

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

div#top ul li.selected a{
text-decoration: underline;
color: rgb(240,54,15);
}

div#top ul li a{
color: rgb(60,51,1);
font-weight: bold;
}

/* ________________________________MIDDLE____________________________________ */
div#abovemiddle{
background: url(../img/middle.png) repeat-y center; 
}

div#middle{
width: 1000px;
margin: auto;
text-align: left;
}

/* left */
div#left{
float: left;
_display: inline;
margin-left: 4px;
}

div.inner-left{
width: 244px;
min-height: 100px;
background: rgb(212,237,251) url(../img/doporucujeme.jpg) no-repeat center top; 
padding: 25px 25px 0 35px;
}

div.left-top{
margin: 0px 0 20px 0;
text-align: center;
font-size: 25px;
}

div#left table tr td{
vertical-align: top;
}

div#left table tr td.center{
padding-top: 10px;
}

div#left table tr td.nadpis{
padding-top: 10px; 
}

div#left table tr td.nadpis a{
color: rgb(6,94,170);
font-weight: bold;
font-size: 16px;
display: block;
text-decoration: underline;
}

div#left table tr td.popis{
padding: 3px 0 0 0;
}

div#left table tr td.vice{
border-bottom: 1px dotted rgb(181,225,251);
}

div#left table tr td.vice a{
text-align: right;
display: block;
margin: 0 0 3px 0;
color: rgb(6,94,170);
font-weight: bold;
}

div#left table.katalog-skol{
border: 1px solid rgb(194,199,177);
width: 250px;
margin: auto;
}

div#left table.katalog-skol tr td{
padding: 20px 30px;
}

div#left table.katalog-skol tr td h3{
color: rgb(114,129,28);
margin: 0 0 15px 0;
}

div#left table.katalog-skol tr td li{
list-style: inside url(../img/odrazka-katalog-skol.png);
margin: 0 0 8px 0;
}

div#left table.katalog-skol tr td a{
color: rgb(72,84,0);
font-weight: bold;
}

/* right */
div#right{
width: 661px;
float: left;
margin: 0 0 0 10px;
}

.anotace{
min-width: 140px;
background: rgb(250,236,199) url(../img/anotace.jpg) no-repeat center top; 
padding: 20px 25px;
color: rgb(125,62,5);
}

div.box-vyhledavani{
height: 500px;
background: url(../img/vyhledavani.jpg); 
padding: 53px 0 0 0;
position: relative;
}

div.box-vyhledavani img.mapka{
position: absolute;
left: 310px;
top: 280px;
}

div.box-vyhledavani-sekce{
height: 230px;
background: url(../img/vyhledavani-sekce.jpg); 
padding: 53px 0 0 0;
position: relative;
}

div.box-vyhledavani div.hledane-slovo{
position: absolute;
left: 88px;
top: 116px;
}

div.box-vyhledavani-sekce div.hledane-slovo{
position: absolute;
left: 88px;
top: 80px;
}

div.box-vyhledavani label,
div.box-vyhledavani-sekce label{
color: rgb(75,64,1);
font-style: italic;
font-size: 20px;
font-weight: bold;
}

div.box-vyhledavani div.hledane-slovo input,
div.box-vyhledavani-sekce div.hledane-slovo input{
border: 2px solid rgb(79,65,1);
width: 185px;
height: 20px; 
}

div.celkem{
text-align: right;
color: rgb(0,82,153);
padding-right: 80px;
font-style: italic;
font-size: 16px;
}

div.box-vyhledavani div.lokalita{
position: absolute;
left: 360px;
top: 116px;
}

div.box-vyhledavani-sekce div.lokalita{
position: absolute;
left: 360px;
top: 80px;
}

div.box-vyhledavani select,
div.box-vyhledavani-sekce select{
border: 2px solid rgb(79,65,1);
width: 185px;
height: 22px; 
}

div.box-vyhledavani div.poptavka-nabidka{
position: absolute;
left: 88px;
top: 200px;
}

div.box-vyhledavani-sekce div.poptavka-nabidka{
position: absolute;
left: 88px;
top: 140px;
}

div.box-vyhledavani div.stari{
position: absolute;
left: 360px;
top: 200px;
}

div.box-vyhledavani-sekce div.stari{
position: absolute;
left: 360px;
top: 140px;
}

div.box-vyhledavani div.sekce{
position: absolute;
left: 88px;
top: 300px;
line-height: 24px;
font-style: italic;
font-size: 15px;
}

div.box-vyhledavani div.sekce input{
margin: 0 10px 0 0;
vertical-align: middle;
}

div.box-vyhledavani-sekce div.sekce{
position: absolute;
left: 88px;
top: 195px;
}


input.hledej{
position: absolute;
left: 450px;
top: 456px;
}

div.box-vyhledavani-sekce input.hledej{
position: absolute;
left: 450px;
top: 210px;
}

div.nove-inzeraty{
background: rgb(252,219,249) url(../img/nejnovejsi-inzeraty.png) repeat-x top; 
border: 1px solid rgb(246,219,252);
}

div.nove-inzeraty div.top{
color: rgb(75,2,67);
font-weight: bold;
font-size: 22px;
padding: 10px 15px 10px 15px;
}

div.nove-inzeraty tr td{
padding: 10px 16px;
width: 175px;
overflow: hidden;
}

div.nove-inzeraty tr td div.nadpis a{
color: rgb(0,82,153);
font-weight: bold;
font-size: 15px;
}

div.nove-inzeraty tr td div.popisek{
font-size: 14px;
}

div.nove-inzeraty tr td div.vice{
position: relative;
}

div.nove-inzeraty tr td div.vice img{
position: absolute;
left: 165px;
top: -15px;
}

div.text2{
margin: 20px 0 0 0;
}

div.text2 ul{
margin: 0 0 0 25px;
}

div.text2 ul li{
list-style: outside url(../img/odrazka-text2.png);
margin: 12px 0 0 0;
text-align: justify;
font-size: 12px;
}

table.zajimave-odkazy{
width: 100%;
border: 1px solid rgb(251,227,178);
background: rgb(254,250,240) url(../img/pozadi-zajimave-odkazy.png) repeat-x top;
color: rgb(134,66,0);
}

table.zajimave-odkazy tr td{
padding: 15px;
}

/* result */
div.result{
position: relative;
}

div.result table{
margin: 10px auto 10px auto;
width: 661px;
background: rgb(155,183,101) url(../img/sekce.png) no-repeat;
border-bottom: 3px solid rgb(78,98,43);
}

div.sekce-zvyhodneni table{
background: rgb(214,183,248) url(../img/sekce-zvyhodneno.png) no-repeat;
}

div.result h2{
position: absolute;
left: 162px;
top: 28px;
font-weight: normal;
color: rgb(69,103,3);
}

div.result h2 a{
color: rgb(69,103,3);
}

div.sekce-zvyhodneni h2 a{
color: rgb(90,3,103);
}

div.result div.lokalita{
width: 150px;
height: 40px;
text-align: center;
color: rgb(39,109,162);
font-family: times New Roman;
font-style: italic;
font-weight: bold;
font-size: 19px;
padding-top: 12px;
}

div.result div.datum{
position: absolute;
top: 30px;
right: 10px;
color: rgb(174,192,142);
font-size: 16px;
font-family: times New Roman;
font-style: italic;
text-align: right;
}

div.sekce-zvyhodneni div.datum{
color: rgb(90,3,103);
}

div.result td.foto{
padding: 10px;
width: 140px;
text-align: center;
}

div.result td.foto img{
padding: 4px;
background-color: white;
border: 1px solid rgb(162,208,78);
}

div.result td.popis{
color: rgb(7,10,0);
font-weight: bold;
padding-right: 40px;
}

div.result div.odkaz-sekce{
margin-right: 40px;
}

div.result div.odkaz-sekce img{
position: absolute;
right: 10px;
bottom: 20px;
}

div.result td.paticka{
padding: 0 10px 5px 10px;
font-weight: bold;
}

div.result td.paticka span{
color: red;
}

/* __________________________________FORM____________________________________ */
form.form h2{
margin: 40px 0 20px 0;
font-weight: normal;
font-size: 24px;
padding-bottom: 3px;
color: black;
}

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{
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: 400px;
margin-left: 210px;
border: 1px solid rgb(135,135,135);
height: 200px;
}

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);
}

form.form img{
vertical-align: middle;
margin-left: 5px;
}

form.form fieldset{
display: none;
}

div.zapomenute-heslo{
text-align: center;
margin: 20px 0 0 0;
}

div.kategorie{
margin: 25px 0 25px 0; 
background: rgb(223,245,214) url(../img/kategorie.png) repeat-x top; 
border: 1px solid rgb(152,221,126); 
padding: 15px 25px;
}

div.kategorie li{
width: 200px;
float: left;
}

div.kategorie li img{
vertical-align: middle;
margin-right: 12px;
}

div.kategorie li a{
color: rgb(79,188,35);
font-weight: bold;
}

div.kategorie li.nadpis{
width: 631px;
color: rgb(40,132,4);
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

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

ul.muj-ucet li{
line-height: 24px;
color: rgb(0,180,239);
}

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

ul.muj-ucet li a{
color: rgb(0,180,239);
font-size: 18px;
}

ul.uzitecne-info li a{
color: rgb(237,49,22);
}

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: 17px;
color: black;
text-decoration: underline;
}

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

table.ucet{
width: 100%;
}

table.ucet tr td{
padding-top: 35px;
width: 50%;
vertical-align: top;
}

table.muj-ucet{
margin-left: -18px !important;
}

table.muj-ucet tr td a.upravit{
color: rgb(1,170,13);
margin-right: 15px;
}

table.muj-ucet tr td a.odstranit{
color: rgb(252,3,3);
margin-right: 15px;
}

table.muj-ucet tr td a.obnovit{
color: rgb(20,62,168);
margin-right: 15px;
}

table.muj-ucet tr td a.zvyhodnit{
color: black;
}

/* detail */
div.detail{
background: url(../img/detail-middle.png) repeat-y top center; 
}

div.inner-detail{
background: url(../img/detail-top.png) no-repeat top center; 
padding: 50px 40px 0 40px;
position: relative;
}

div.detail div.datum{
text-align: right;
padding-right: 20px;
font-size: 11px;
font-style: italic;
color: rgb(109,72,1);
font-weight: bold;
}

div.detail h1{
margin: 10px 0 0 0;
font-size: 24px;
text-align: center;
color: rgb(0,82,153);
font-style: italic;
font-weight: normal;
}

div.detail div.popis{
margin: 28px 0 20px 0;
font-size: 14px;
font-style: italic;
color: black;
font-weight: bold;
}

table.detail{
float: left;
font-style: italic;
}

table.detail td{
width: 150px;
color: rgb(3,84,153);
font-weight: bold;
background-color: rgb(244,224,162);
border: 1px solid rgb(165,141,88);
padding: 3px 0 3px 5px; 
font-size: 15px;
}

table.detail td.tleft{
width: 120px;
color: rgb(75,64,1);
font-weight: bold;
}

div.detail div.mapka{
float: right;
width: 290px;
height: 172px;
position: relative;
margin: 0 0px 0 0;
}

div.detail div.mapka span.pozice{
position: relative;
top: 75px;
left: 100px;
font-weight: bold;
background-color: rgb(70,124,159);
border: 1px solid rgb(23,96,155);
padding: 1px 5px;
color: white;
}

div.detail form.detail{
width: 515px;
background: url(../img/detail-form.jpg) no-repeat; 
padding: 25px 15px 10px 45px;
height: 307px;
font-family: Courier New;
font-size: 16px;
color: rgb(109,72,1);
}

div.detail form.detail div{
margin-bottom: 8px;
}

div.detail form.detail label{
width: 125px;
display: block;
float: left;
}

div.detail form.detail textarea{
width: 460px;
height: 80px;
border: 2px solid rgb(109,72,1);
}

div.detail form.detail input{
border: 2px solid rgb(109,72,1);
width: 250px;
height: 19px;
}

div.detail form.detail input.submit{
background-color: transparent;
border: 0;
text-align: right;
text-decoration: underline;
color: rgb(54,186,229);
font-size: 15px;
font-weight: bold;
cursor: pointer;
float: right;
margin: -30px 40px 0 0;
}

div.detail table.akce tr td{
width: 50%;
padding-top: 30px;
color: rgb(109,72,1);
font-style: italic;
font-size: 19px;
font-family: times New Roman;
}

div.detail table.akce tr td img{
float: left;
vertical-align: middle;
margin-right: 6px;
margin-top: -12px;
}

div.detail table.akce tr td a{
vertical-align: middle;
color: rgb(109,72,1);
font-family: times New Roman;
font-size: 19px;
}

div.detail-bottom{
margin-top: -15px;
height: 106px;
background: url(../img/detail-bottom.png) no-repeat center; 
}

table.dalsi{
width: 100%;
}

table.dalsi tr td{
padding: 2px 0 6px 0;
border-bottom: 1px dotted rgb(211,208,208); 
}

ul.vsechny-mesta{
padding-top: 30px;
}

ul.vsechny-mesta li{
width: 160px;
float: left;
padding: 0 0 15px 0;
}

ul.vsechny-mesta li a{
font-weight: bold;
color: rgb(23,91,138);
}

/* partneri*/
ul.partnerikategorie{
margin: 25px auto auto auto;
}

ul.partnerikategorie li{
width: 220px;
float: left;
margin-bottom: 50px;
}

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;
}

table.profil-zamestnavatele td{
padding: 5px;
font-size: 1em;
}

table.profil-zamestnavatele td.tleft{
font-weight: bold;
}

h3.vyznamni-inzerenti{
color: rgb(60,102,4);
font-size: 17px;
margin: 0 0 20px 0;
}

table.vyznamni-inzerenti{
border: 1px solid rgb(187,206,160);
}

table.vyznamni-inzerenti td{
padding: 5px 10px;
}

table.vyznamni-inzerenti td a{
color: rgb(232,120,8);
font-weight: bold;
font-size: 16px;
text-decoration: underline;
}

/* footer */
div#footer{
padding-top: 45px; 
background: url(../img/paticka.png) no-repeat top center;  
font-style: italic;
}

div#innerfooter{
margin: auto;
width: 1000px;
}

div#innerfooter ul li{
display: inline;
}

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

div#underfooter{
width: 1000px;
margin: 5px auto auto auto;
text-align: left;
}

div#underfooter ul li{
display: inline;
margin: 0 5px;
}