/*--- definice telo+scroll ---*/
BODY {
background: url(top-bg.png) repeat-x;
background-color: #ffffff;
text-align: center;
color: Black;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
}
.clear{ 
clear: both;
}
#hlavicka{ 
text-align: left;
margin-left: auto;
margin-right: auto;
width:1000px;
}
/*--- 
logo 
---*/
#logo{ 
float: left;
margin-left: 0px;
margin-top: 0px;
width: 279px;
height: 120px;
background: url(logo.png);
}
#logo h1 a{ 
width: 279px;
height: 120px;
display: block;
}
#logo h1 a span{ 
display: none;
}
/*--- 
vyhledavani 
---*/
#mini-menu{ 
float: right;
list-style: none;
margin-top: 30px;
width: 240px;
height: 20px;
}
#mini-menu li{ 
float: left;
border-right: solid 1px #bee1f5;
line-height: 16px;
}
#mini-menu li a{ 
color:  #bee1f5; 
font: normal 12px Tahoma, Helvetica, sans-serif;
text-decoration: none;
line-height: 16px;
padding-right: 10px;
padding-left: 10px;
}
#mini-menu li a:hover{ 
color:  #ffffff;
text-decoration: underline; 
}
/*--- 
vyhledavani 
---*/
#vyhledavani{ 
float: right;
margin-top: 0px;
width: 295px;
height: 70px;
background: url(vyhledavani.png);
}
#vyhledavani .pole{ 
float: left;
width: 184px;
line-height: 27px;
height: 27px;
background: none;
margin-left: 53px;
margin-top: 24px;
}
#vyhledavani .ok{ 
float: left;
width: 37px;
height: 27px;
background: none;
margin-left: 10px;
margin-top: 24px;
}
/*--- 
hlavni menu
---*/
#menu{
float: right;
background: url(menu.png);
width: 694px;
height: 50px;
float: right;
text-align: left;
}
#menu ul{
margin-left: 0px;
margin-top: 12px;
list-style: none;
}
#menu span{
display: none;
}
#menu .hlavni-strana{
float: left;
width: 133px;
height: 28px;
margin-left: 12px;
margin-top: 0px;
}
#menu .hlavni-strana a{
display: block;
width: 133px;
height: 28px;
}
#menu .hlavni-strana a.aktivni{
background: url(tl-hlavni-strana.png);
display: block;
width: 133px;
height: 28px;
}
#menu .hlavni-strana a:hover{
background: url(tl-hlavni-strana.png);
}
#menu .vyber-ubytovani{
float: left;
width: 157px;
height: 28px;
margin-left: 18px;
margin-top: 0px;
}
#menu .vyber-ubytovani a{
display: block;
width: 157px;
height: 28px;
}
#menu .vyber-ubytovani a.aktivni{
background: url(tl-vyber-ubytovani.png);
display: block;
width: 157px;
height: 28px;
}
#menu .vyber-ubytovani a:hover{
background: url(tl-vyber-ubytovani.png);
}
#menu .informace{
float: left;
width: 108px;
height: 28px;
margin-left: 18px;
margin-top: 0px;
}
#menu .informace a{
display: block;
width: 108px;
height: 28px;
}
#menu .informace a.aktivni{
background: url(tl-informace.png);
display: block;
width: 108px;
height: 28px;
}
#menu .informace a:hover{
background: url(tl-informace.png);
}
#menu .forum{
float: left;
width: 81px;
height: 28px;
margin-left: 18px;
margin-top: 0px;
}
#menu .forum a{
display: block;
width: 81px;
height: 28px;
}
#menu .forum a.aktivni{
background: url(tl-forum.png);
display: block;
width: 81px;
height: 28px;
}
#menu .forum a:hover{
background: url(tl-forum.png);
}
#menu .fotogalerie{
float: left;
width: 121px;
height: 28px;
margin-left: 18px;
margin-top: 0px;
}
#menu .fotogalerie a{
display: block;
width: 121px;
height: 28px;
}
#menu .fotogalerie a.aktivni{
background: url(tl-fotogalerie.png);
display: block;
width: 121px;
height: 28px;
}
#menu .fotogalerie a:hover{
background: url(tl-fotogalerie.png);
}
/*--- 
grafika
---*/
#grafika{
clear: both;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 1000px;
height: 198px;
background: url(grafika.jpg);
}
#grafika h2{
display: none;
}
#grafika p{
float: left;
color:  #ffffff; 
font: normal 12px Tahoma, Helvetica, sans-serif;
line-height: 20px;
margin-left: 320px;
margin-top: 80px;
width: 440px;
text-align: justify;
}
/*--- 
rychly vyber
---*/
#rychly-vyber{
clear: both;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 1000px;
height: 125px;
background: url(rychly-vyber.png);
}
#rychly-vyber ul span{
display: none;
}
#rychly-vyber ul#tlacitka{
float: left;
height: 91px;
width: 580px;
margin-left: 0px;
margin-top: 28px;
list-style: none;
}
#rychly-vyber ul#tlacitka li.makarska{
float: left;
width: 149px;
height: 91px;
margin-left: 5px;
}
#rychly-vyber ul#tlacitka li.makarska a{
display: block;
width: 149px;
height: 91px;
}
#rychly-vyber ul#tlacitka li.makarska a:hover{
background: url(rychla-makarska.png);
}
#rychly-vyber ul#tlacitka li.splitska{
float: left;
width: 126px;
height: 91px;
margin-left: 0px;
}
#rychly-vyber ul#tlacitka li.splitska a{
display: block;
width: 126px;
height: 91px;
}
#rychly-vyber ul#tlacitka li.splitska a:hover{
background: url(rychla-splitska.png);
}
#rychly-vyber ul#tlacitka li.zadarsko{
float: left;
width: 208px;
height: 91px;
margin-left: 0px;
}
#rychly-vyber ul#tlacitka li.zadarsko a{
display: block;
width: 208px;
height: 91px;
}
#rychly-vyber ul#tlacitka li.zadarsko a:hover{
background: url(rychla-zadarsko.png);
}
#rychly-vyber ul#tlacitka li.ostrovy{
float: left;
width: 90px;
height: 91px;
margin-left: 0px;
}
#rychly-vyber ul#tlacitka li.ostrovy a{
display: block;
width: 90px;
height: 91px;
}
#rychly-vyber ul#tlacitka li.ostrovy a:hover{
background: url(rychla-ostrovy.png);
}
/*--- 
filtr
---*/
#filtr{
float: right;
text-align: left;
width: 402px;
height: 125px;
}
#filtr ul{
float: left;
margin-left: 20px;
margin-top: 13px;
list-style: none;
width: 180px;
}
#filtr ul.checkboxy{
float: right;
width: 140px;
margin-left: 0px;
margin-right: 15px;
margin-top: 13px;
list-style: none;
}
#filtr ul.checkboxy li{
height: 25px;
color: #1977ae; 
font: normal 13px Tahoma, Helvetica, sans-serif;
}
#filtr ul li{
height: 27px;
color: #1977ae; 
font: normal 13px Tahoma, Helvetica, sans-serif;
}
#filtr select{
width: 180px;
background: #abd4ec;
border: solid 1px #3690c6;
color: #1977ae; 
font: normal 13px Tahoma, Helvetica, sans-serif;
height: 20px;
line-height: 20px;
}
#filtr .vyber{
width: 180px;
background: #ffffff;
color: #1977ae; 
font: normal 13px Tahoma, Helvetica, sans-serif;
height: 20px;
line-height: 20px;
}
#filtr .check{
margin-right: 10px;
}
#filtr .hledej{
margin-top: 2px;
}

/*--- 
obsah stranky
---*/
#stranka{ 
clear: both;
margin-left: auto;
margin-right: auto;
margin-top: 28px;
width:1000px;
min-height: 457px;
background: url(stranka.png) no-repeat top;
}
/*--- 
levy sloupec
---*/
#levy{ 
float: left;
width:282px;
text-align: left;
}
#levy h2.nad{ 
color: #1977ae; 
margin-left: 15px;
padding-top: 15px;
font: normal 19px Tahoma, Helvetica, sans-serif;
padding-bottom: 15px;
}
#levy h2.nad span{ 
display: none;
}



/*--- 
pravy sloupec
---*/
#pravy{ 
text-align: left;
float: right;
width:706px;
}
#pravy .bunka01{ 
background: url(bunka01.png);
width: 209px;
height: 180px;
float: left;
margin-left: 20px;
margin-bottom: 20px;
}
#pravy .bunka01:hover{ 
background: url(bunka01-over.png);
}
#pravy .bunka01 h2{
text-align: center;
width: 209px; 
height: 58px;
color: #1977ae; 
margin-top: 12px;
font: normal 17px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka01 h2 span{
display: none;
}
#pravy .bunka01 h2 a{
color: #e4f3ff; 
}
#pravy .bunka01 h2 a:hover, #pravy .bunka01:hover h2 a{
color: #ffffff; 
}
#pravy .bunka01 .nahled{
margin-left: 10px;
margin-top: 0px;
float: left;
}
#pravy .bunka01 .popis{
margin-top: 0px;
margin-right: 17px;
float: right;
}
#pravy .bunka01 .popis p{
text-align: right;
color: #8399ab;
margin-top: 3px;
height: 30px;
font: normal 11px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka01 .popis p a{
color: #8399ab;
font: normal 11px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka01 .popis p a:hover{
color: #466b89;
font: normal 11px Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
#pravy .odkaz{
clear: both;
margin-right: 20px;
margin-bottom: 20px;
text-align: right;
color: #1c436f;
font: normal 12px Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
#pravy .odkaz a{
background: url(arow02.png) no-repeat left;
color: #1c436f;
font: normal 12px Tahoma, Helvetica, sans-serif;
padding-left: 14px;
}
#pravy .odkaz a:hover{
text-decoration: none;
}
/*--- 
vypis domu
---*/
#pravy .bunka02{
margin-left: 20px;
margin-bottom: 20px;
background: url(bunka02.png);
width: 667px;
height: 133px;
}
#pravy .bunka02:hover{
background: url(bunka02-over.png);
}
#pravy .bunka02 .nahled{
float: left;
margin-left: 10px;
margin-top: 10px;
width: 100px;
height: 118px;
}
#pravy .bunka02 .nahled p{
padding-top: 15px;
color: #1977ae; 
font: normal 12px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka02 .nahled p strong{
color: #dc0909; 
font: normal 17px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka02 .popis{
float: left;
margin-left: 15px;
margin-top: 10px;
width: 522px;
height: 75px;
}
#pravy .bunka02 .popis h2{
height: 30px;
}
#pravy .bunka02 .popis h2 a{
color: #1977ae; 
font: normal 17px Tahoma, Helvetica, sans-serif;
}
#pravy .bunka02 .popis h2 a:hover{
color: #b70404; 
font: normal 17px Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
#pravy .bunka02 .popis p{
color: #666666; 
font: normal 12px Tahoma, Helvetica, sans-serif;
line-height: 20px;
}
#pravy .bunka02 .popis p span{
float: left;
display: block;
width: 70px;
}
/*---ikony ve vypisu domu---*/
#pravy .bunka02 .ikony{
float: right;
background: url(cara.png) no-repeat top;
width: 522px;
height: 45px;
}
#pravy .bunka02 .ikony .ico-internet{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-internet.png);
}
#pravy .bunka02 .ikony .ico-bezbarierovy{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-bezbarierovy.png);
}
#pravy .bunka02 .ikony .ico-klima{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-clima.png);
}
#pravy .bunka02 .ikony .ico-mazlicci{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-mazlicci.png);
}
#pravy .bunka02 .ikony .ico-parkovani{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-parkovani.png);
}
#pravy .bunka02 .ikony .ico-plaz-beton{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-plaz-beton.png);
}
#pravy .bunka02 .ikony .ico-plaz-pisek{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-plaz-pisek.png);
}
#pravy .bunka02 .ikony .ico-plaz-kamen{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-plaz-kamen.png);
}
#pravy .bunka02 .ikony .ico-bezbarierovy span, #pravy .bunka02 .ikony .ico-internet span, #pravy .bunka02 .ikony .ico-klima span, #pravy .bunka02 .ikony .ico-mazlicci span, #pravy .bunka02 .ikony .ico-parkovani span, #pravy .bunka02 .ikony .ico-plaz-beton span, #pravy .bunka02 .ikony .ico-plaz-pisek span, #pravy .bunka02 .ikony .ico-plaz-kamen span{
display: none;
}
#pravy .bunka02 .ikony .ico-jazyk{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-jazyk.png);
}
#pravy .bunka02 .ikony .ico-more{
float: right;
margin-right: 10px;
margin-top: 5px;
width: 37px;
height: 37px;
background: url(ico-more.png);
}
#pravy .bunka02 .ikony .ico-jazyk span{
color: #ffffff; 
font: normal 11px Tahoma, Helvetica, sans-serif;
margin-top: 9px;
float: left;
width: 34px;
text-align: center;
}
#pravy .bunka02 .ikony .ico-more span{
color: #bed3e4; 
font: normal 11px Tahoma, Helvetica, sans-serif;
margin-top: 3px;
float: left;
width: 37px;
text-align: center;
}

/*--- 
detail domu
---*/
#detail{
margin-left: 0px;
margin-top: 10px;
padding-bottom: 10px;
width: 700px;
}


#detail p.id{
float: right;
margin-right: 15px;
color: #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
}
#detail p.id strong{
margin-top: 0px;
color: #cc0000; 
font: normal 18px Arial, Helvetica, sans-serif;
}

/*--- fotogalerie v detailu polozky ---*/
#fotogalerie{
float: left;
width: 270px;
margin-left: 20px;
margin-top: 10px;
height: 270px;
text-align: center;
}
#fotogalerie #nahled{
padding-top: 8px;
padding-bottom: 8px;
background: #f7fafc;
border: solid 1px #e6eff7;
margin-bottom: 9px;
}
#fotogalerie #posun_levy{
float: left;
margin-right: 4px;
display: block;
width: 17px;
height: 34px;
background: url(foto-left.png);
}
#fotogalerie #posun_levy:hover{
background: url(foto-left-over.png);
}
#fotogalerie span{
display: none;
}
#fotogalerie #nahledy{
text-align: center;
margin-right: 4px;
float: left;
height: 40px;
position: absolute;
left: 0px;
}
#fotogalerie #pruh {
position: relative;
float: left;
width: 232px;
height: 34px;
overflow: hidden;
}

#fotogalerie #posun_pravy{
float: left;
display: block;
width: 17px;
height: 34px;
background: url(foto-right.png);
}
#fotogalerie #posun_pravy:hover{
background: url(foto-right-over.png);
}
#fotogalerie .mapa{
float: right;
background: #f7fafc;
border: solid 1px #e6eff7;
width: 270px;
margin-top: 7px;
color:  #000000; 
font: normal 12px Tahoma, Helvetica, sans-serif;
line-height: 26px;
text-align: left;
}
#fotogalerie .mapa a{
margin-left: 10px;
color: #cc0000; 
}
/*--- detailni popisy polozky v bodech TABULKA ---*/
.bunka_detaily{
float: right;
background: #f7fafc;
border: solid 1px #e6eff7;
width: 375px;
min-height: 250px;
_height: 292px;
margin-top: 10px;
margin-right: 15px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
}
.bunka_detaily .velikost{
height: 190px;
overflow: hidden;
}
.detaily{
margin-left: 8px;
color:  #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
width: 365px;
padding-top: 4px;
padding-bottom: 4px;
_padding-bottom: 4px;
float: left;
}
.bunka_detaily .pruh{
margin-left: 8px;
clear: both;
width: 365px;
height: 36px;
_height: 38px;
background: #ffffff;
}
.bunka_detaily .pruh p a{
float: right;
margin-right: 10px;
margin-top: 6px;
background: url(arow03.png) no-repeat left;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 10px;
color: #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.bunka_detaily .pruh p a:hover{
color: #990000;
text-decoration: none;
}
.detaily .cara{
clear: both;
width: 360px;
height: 6px;
border-bottom: dotted 1px #d8e4f0;
font-size: 1px;
}
.detaily .nazev-internet{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-internet.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-bezbarierovy{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-bezbarierovy.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-plaz{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-plaz.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-more{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-more.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-parkovani{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-parkovani.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-klima{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-klima.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-mazlicci{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-mazlicci.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-jazyk{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-jazyk.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-kontakt{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-kontakt.png) no-repeat left;
white-space: nowrap;
}
.detaily .nazev-www{
float: left;
width: 120px;
_width: 150px;
color:  #1977ae; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
padding-left: 30px;
background: url(det-www.png) no-repeat left;
white-space: nowrap;
}
.detaily .popis{
float: left;
width: 190px;
margin-right: 8px;
padding-left: 0px;
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
}
.detaily .popis a{
color:  #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 17px;
}
.detaily .popis select{
float: left;
width: 170px;
padding-left: 0px;
color:  #000000; 
font: normal 11px Arial, Helvetica, sans-serif;
border: solid 1px black;
}
/*--- bunka s detaily (cena, koupit dostupnost) ---*/



/*--- bunka s maklerem---*/
.bunka-socialni{
clear: both;
width: 663px;
margin-left: 20px;
margin-top: 0px;
background: #f7fafc;
border: solid 1px #e6eff7;
}
.bunka-socialni ul{
margin-left: 0px;
margin-top: 10px;
height: 30px;
width: 650px;
}
.bunka-socialni ul li{
list-style: none;
margin-left: 8px;
float: left;
}
.bunka-socialni ul li.poslat, .bunka-socialni ul li.tisk{
float: right;
}
.bunka-socialni ul li.poslat a{
color: #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico_mail.gif) no-repeat left;
padding-left: 21px;
}

.bunka-socialni ul li.tisk a{
color: #000000; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico_tisk.gif) no-repeat left;
padding-left: 21px;
margin-right: 10px;
}.bunka-socialni ul li a.facebook{
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico-facebook.gif) no-repeat left;
padding-left: 20px;
}
.bunka-socialni ul li a.twitter{
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico-twiter.gif) no-repeat left;
padding-left: 16px;
}
.bunka-socialni ul li a.linkuj{
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico-linkuj.gif) no-repeat left;
padding-left: 20px;
}
.bunka-socialni ul li a.google{
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(ico-google.gif) no-repeat left;
padding-left: 20px;
}
/*--- bunka s maklerem---*/
.bunka-makler{
float: left;
width: 270px;
height: 110px;
_height: 111px;
margin-left: 20px;
margin-top: 10px;
background: #ffffff;
border: solid 1px #e6eff7;
}

.bunka-makler .text, .bunka-informace .text{
float: left;
margin-left: 10px;
margin-top: 0px;
margin-right: 10px;
}
.bunka-makler .text p, .bunka-informace .text p{
color: #666666; 
padding-top: 7px;
font: normal 12px Arial, Helvetica, sans-serif;
}
.bunka-makler .text p a, .bunka-informace .text p a{
color: #cc0000; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.bunka-makler .text p strong, .bunka-informace .text p strong{
color: #cc0000;
font: bold 14px Arial, Helvetica, sans-serif;
}
.bunka-makler .pruh{
clear: both;
width: 270px;
height: 34px;
_height: 38px;
background: #f2f7fb;
border-top: solid 5px #ffffff;
}
.bunka-makler .pruh a.dotaz{
clear: both;
float: left;
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
text-decoration: none;
background: url(ico-mail.png) no-repeat left;
padding-left: 28px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 10px;
background-color: #7cb0e1;
color: #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.bunka-makler .pruh a.detail{
float: left;
margin-right: 10px;
margin-top: 5px;
text-decoration: none;
background: url(ico-detail.png) no-repeat left;
padding-left: 28px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 10px;
background-color: #7cb0e1;
color: #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.bunka-makler .pruh a.web{
float: left;
margin-right: 10px;
margin-top: 5px;
text-decoration: none;
background: url(ico-dum.png) no-repeat left;
padding-left: 28px;
padding-top: 1px;
padding-bottom: 2px;
padding-right: 10px;
background-color: #7cb0e1;
color: #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 20px;
}
.bunka-makler .pruh a.dotaz:hover, .bunka-makler .pruh a.detail:hover, .bunka-makler .pruh a.web:hover{
background-color: #3171ae;
}
/*--- bunka informace v detailu ---*/
.bunka-informace{
float: right;
width: 375px;
height: 110px;
_height: 111px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
background: #ffffff;
border: solid 1px #e6eff7;
}
.bunka-informace ul{
margin-left: 10px;
margin-top: 10px;
float: left;
width: 200px;
list-style: none;
}
.bunka-informace ul.right{
margin-right: 10px;
float: right;
width: 170px;
list-style: none;
}
.bunka-informace ul.right li{
color: #333333; 
font: normal 12px Arial, Helvetica, sans-serif;
border-bottom: dotted 1px #cccccc;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 10px;
}
.bunka-informace ul li{
color: #333333; 
font: normal 11px Arial, Helvetica, sans-serif;
border-bottom: dotted 1px #cccccc;
padding-top: 2px;
padding-bottom: 2px;
_padding-top: 0px;
_padding-bottom: 1px;
}
.bunka-informace ul li.bez{
border: none;
}
.bunka-informace ul li strong{
float: left;
width: 80px;
display: block;
}
.bunka-informace ul li span{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
color: #cc0000; 
font: normal 17px Arial, Helvetica, sans-serif;
}
/*--- popis zbozi v detailu ---*/
.popis-detail{
float: right;
width: 663px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 15px;
background: #ffffff;
border: solid 1px #e6eff7;
}

#detail h3.nazev{
padding-top: 4px;
margin-left: 10px;
margin-right: 0px;
margin-top: 0px;
color: #cc0000; 
font: bold 14px Arial, Helvetica, sans-serif;
margin-bottom: 10px;
}
.popis-detail p{
clear: both;
color: #666666; 
margin: 10px;
font: normal 12px Arial, Helvetica, sans-serif;
}
.popis-detail a{
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.popis-detail ul{
margin: 10px;
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.popis-detail ul li{
margin-left: 20px;
color: #666666; 
font: normal 12px Arial, Helvetica, sans-serif;
}
.popis-detail h2{
margin: 10px;
color: #336699; 
font: normal 18px Arial, Helvetica, sans-serif;
}
.popis-detail h3{
clear: both;
margin: 10px;
color: #336699; 
font: bold 16px Arial, Helvetica, sans-serif;
}
.popis-detail h4{
margin: 10px;
color: #336699; 
font: bold 14px Arial, Helvetica, sans-serif;
}
.popis-detail h5{
margin: 10px;
color: #336699; 
font: bold 12px Arial, Helvetica, sans-serif;
}
.popis-detail h6{
margin: 10px;
color: #000000; 
font: bold 12px Arial, Helvetica, sans-serif;
}











/*--- 
paticka
---*/
#paticka{ 
width: 100%;
background: #2e3234;
}
.uvnitr{ 
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.uvnitr h2{ 
color: #666666; 
margin-left: 20px;
font: normal 17px Tahoma, Helvetica, sans-serif;
}
.uvnitr .odst01{ 
float: left;
background: url(cara01.png) no-repeat right;
padding-right: 40px;
margin-top: 10px;
margin-bottom: 10px;
height: 170px;
}
.uvnitr .odst01 ul{ 
width: 200px;
list-style: none;
margin-left: 20px;
margin-top: 14px;
}
.uvnitr .odst01 ul li{ 
list-style: none;
height: 23px;
line-height: 23px;
}
.uvnitr .odst01 ul li a{ 
padding-left: 20px;
background: url(arow.png) no-repeat left;
color: #999999; 
font: normal 12px Tahoma, Helvetica, sans-serif;
}
.uvnitr .odst01 ul li a:hover{ 
color: #cccccc; 
text-decoration: none;
}
.uvnitr .facebook{ 
float: left;
height: 41px;
margin-left: 50px;
margin-top: 10px;
background: url(facebook.png) no-repeat left;
}

.uvnitr .facebook a{
width: 80px;
margin-left: 60px;
display: block;
color: #999999; 
font: normal 17px Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.uvnitr .facebook-text{ 
float: left;
height: 41px;
width: 200px;
margin-left: 30px;
margin-top: 10px;
background: url(cara01.png) no-repeat left;
}
.uvnitr .facebook-text a{
margin-left: 30px;
margin-top: 5px;
display: block;
color: #999999; 
font: normal 12px Tahoma, Helvetica, sans-serif;
text-decoration: none;
}

.uvnitr .hledane{
padding-top: 8px;
float: left;
background: #343739;
margin-left: 50px;
margin-top: 10px;
width: 390px;
height: 110px;
_height: 115px;
text-align: center;
}
.uvnitr .hledane h2{
height: 20px;
line-height: 20px;
float: left;
}
.uvnitr .hledane h2 a{
color: #666666; 
font: normal 18px Tahoma, Helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
height: 20px;
line-height: 20px;
}
.uvnitr .hledane h2 a.male{
color: #666666; 
font: normal 12px Tahoma, Helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
height: 20px;
line-height: 20px;
}
/*--- 
copyright
---*/
#copy{ 
width: 100%;
background: #1a2022;
}
#copy .uvnitr{ 
width: 1000px;
height: 54px;
background: url(logo-bottom.png) no-repeat right;
}
#copy .uvnitr p{ 
padding-top: 20px;
color: #999999; 
font: normal 12px Calibri, Helvetica, sans-serif;
}
#copy .uvnitr p a{ 
color: #999999; 
font: normal 12px Calibri, Helvetica, sans-serif;
text-decoration: none;
}
#ruce{
width: 450px;
height: 300px;
background: white;
border: solid 3px #cccccc;
position: relative;
}
#ruce h2{
color:  #cc0000;
font: bold 20px Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
padding-top: 10px;
position: relative;
}
#ruce p.makler{
color:  #000000;
font: normal 14px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 220px;
margin-top: -20px;
position: relative;
}
#ruce p.makler a{
color:  #000000;
position: relative;
}
#ruce p.formular{
color:  #000000;
font: bold 13px  Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-left: 60px;
margin-top: 0px;
position: relative;
}
#ruce p.formular input{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
height: 20px;
width: 320px;
}
#ruce p.formular textarea{
color:  #000000;
font: normal 13px Arial, Helvetica, sans-serif;
background: none;
border: solid 1px black;
width: 320px;
height: 45px;
}
#ruce a.zavrit{
display: block;
margin-top: 0px;
margin-left: 60px;
width: 100px;
color:  #cc0000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#ruce a.zavrit:hover{
color:  #000000;
font: bold 30px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#ruce a.odeslat{
margin-left: 230px;
margin-top: -30px;
text-decoration: none;
display: block;
text-align: center;
padding-top: 8px;
padding-bottom: 7px;
width: 152px;
color:  #ffffff; 
font: normal 12px Arial, Helvetica, sans-serif;
background: url(det-but.gif);
}
#ruce a.odeslat:hover{
padding-top: 7px;
padding-bottom: 8px;
text-decoration: none;
background: url(det-but-over.gif);
}
.tbl td, .tbl th {
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    border-collapse: separate;
    background-color: #FFFFFF;
    padding: 5px;
}
table {
    font-family: Arial,Verdana;
    font-size: 8pt;
}
.input {
font: normal 8pt  arial,verdana;
color:#666666;
border: solid 1px  #666666;
width: 220px;
background: #ffffff;
}
.button {
font-size: 9pt;
    font-family:  Arial, Helvetica, sans-serif;
    font-weight : bold;
    color : #FFFFFF;
border: solid 1px  #2369B0;
background: #2369B0;
width: 90px;
padding: 0px;
}
.blok {
    border: 1px solid gray;
    padding: 12px;
    margin: 3px;
}