/* CSS Document */
body{padding:25px 0; margin:0px; background:url(images/page_bgr_2.jpg) 0 0 repeat-x #FFFFFF; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

h1, h3{font-size:15px; font-weight:bold; color:#AC9601;}
h2{font-size:22px; font-weight:bold; margin: 10px 0 15px 0;}

img {border:none;}
table {table-layout:fixed; border-collapse:separate; empty-cells:show;}
/* čistič rušící obtékání prvku */
/* v zápisu HTML potom použijeme blok s průhledným obrázkem 1x1 px<div class="cleaner"><img src="...../spacer.gif" alt=""></div> */
.cleaner {clear: both; height: 1px; width: 100%; margin: 0 0 -1px 0;}

/*----MAIN PANEL----*/
#container{position:relative; margin:0;}
#mainpan {width:1000px; padding: 0 0 0 25px;}

/*----HEADER PANEL----*/
/* #headerpan{width:1000px; height:315px; background:url(images/top.jpg) 0 0 no-repeat; position:relative; margin:0 auto; padding:0;} */
#headerpan{width:1000px; height:315px; background:url(images/top.png) 0 0 no-repeat; position:relative; margin:0 auto; padding:0;}
#headerpan ul.leftmenu{width:87px; position:absolute; top:155px; margin:0 0 0 92px;}
#headerpan ul.leftmenu li{width:87px; height:22px; border-bottom:1px dashed #AECCCA;}
#headerpan ul.leftmenu li a{width:87px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerpan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerpan ul.leftmenu li.solutions{width:87px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerpan ul.leftmenu li.clients{border-bottom:none;}

#headerpan ul.botton{width:150px; height:45px; position:absolute; top:115px; left:590px;}
#headerpan ul.botton li{float:left; height:45px;}
#headerpan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerpan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}

#headerpan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
#headerpan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}

#headerpan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
#headerpan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}

/*#slogan {position:absolute; top:105px; left:67px; width:139px; height:44px; background:url(images/logo_real3.gif) 0 0 no-repeat; text-align: center; color:#5A8E94; font-size:15px; font-weight:bold;}*/
#procenta {width: 165px; height: 70px; padding:8px 0 0 0; color:#695523; font-size:42px; font-weight:bold; text-align:center; position:absolute; top:95px; left:800px;}
#procenta .obsazenost {font-size:25px; line-height: 30px; margin: 15px 0 0 0;}
#prihlaseni {position:absolute; top:275px; left:750px; width:226px;}
#prihlaseni input.txt {margin:3px 8px 0 0; float:left; font-size:14px; font-weight:bold; color:#5F7A77; width:85px; border: 2px solid #FFFFFF;}
#prihlaseni input.nam {background:url(images/form_bgr.jpg) 0 0 no-repeat #FFFFFF;}
#prihlaseni input.pas {background:url(images/form_bgr.jpg) 0 0 no-repeat #FFFFFF;}
#odhlaseni {position:absolute; top:275px; left:795px; width:180px;}
.butt {width:28px;}
#login {float:left; color:#5F7A77; font-size:14px; padding:5px 8px 0 0;}
#login a {color:#5F7A77; text-decoration: none;}
#login a:hover {color:#5F7A77; text-decoration: underline;}
#logout {float:right;}
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodypan{width:1000px; background:url(images/top_bgr.jpg) 0 0 repeat-x #FFFFFF; position:relative; margin:0 auto; padding: 0;}
/*----Body Left Panel----*/
#leftframe{width:230px; height:470px; float:left;}

#leftpan {width:180px; height: 250px; background-color: #FFFFFF; color:#5F7A77; position:absolute; left:47px; top: 30px;}
#leftpan h1{font-size:18px; color:#5A8E94; text-align:center; margin:15px 0;}

#leftpan ul.projekty li{width:145px; height:22px; border-bottom:1px dashed #AECCCA;}
#leftpan ul.projekty li a{width:145px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#leftpan ul.projekty li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}

#leftpan ul.projekty li.solutions{width:145px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#leftpan ul.projekty li.clients{border-bottom:none;}
#menu_pop ul.projekty li.clients{border-bottom:none;}
#empty_space{height:250px;}
/*----/Body Left Panel----*/

/*----Body Right Panel----*/
#rightframe{width:770px; float:right;}
#rightpan{margin:0; padding:0 25px;}

#rightpan p{padding:0 0 10px 0; text-align:justify;}
#rightpan p.more{width:100%; height:10px; background:url(images/sky-color-bg.gif) 0 0 repeat-x; margin:15px 0 15px 0;}
#rightpan .left_box{width:238px; height:150px; float:left; border:1px solid #B1DED5; background: #FFFFFF;}
#rightpan .center_box{width:238px; height:150px; float:left; border:1px solid #B1DED5; background:#FFFFFF;}
#rightpan .right_box{width:238px; height:150px; float:left; border:1px solid #B1DED5; background:#FFFFFF;}

#rightpan .titulek{color:#FFFFFF; background: #B1DED5; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; padding:10px 0 8px 0;}

.seznam1{padding: 0 0 0 15px;}

#rightpan ul.souhrn1{color:#5F7A77; padding:10px 0 0 10px;}
#rightpan ul.souhrn1 li.nadpis1{background:#FFFFFF; color:#AC9601; font-size:14px; font-weight:bold; text-decoration:underline; padding:0 0 8px 0;}
#rightpan ul.souhrn1 li {font-size:12px; height:18px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #FFFFFF; color:#5F7A77; text-decoration:none; line-height:18px; padding:0 0 0 12px;}

#rightpan ul.souhrn2{color:#5F7A77; padding:10px 0 0 10px;}
#rightpan ul.souhrn2 li.nadpis2{background:#FFFFFF; color:#AC9601; font-size:14px; font-weight:bold; text-decoration:underline; padding:0 0 8px 0;}
#rightpan ul.souhrn2 li{font-size:12px; height:18px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #FFFFFF; color:#5F7A77; text-decoration:none; line-height:18px; padding:0 0 0 12px;}

#rightpan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#FFFFFF; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightpan ul.events{width:305px; height:114px; float:left; border:1px solid #B1DED5; background:#FFFFFF; color:#5F7A77; padding:7px 0 0 25px;}

#rightpan ul.events li.captionthree{background:#FFFFFF; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightpan ul.events li{width:305px; height:20px;}
#rightpan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #FFFFFF; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightpan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #FFFFFF; color:#5F7A77; text-decoration:underline;}

#byty {color:#000000;}
#byty table {width:720px; margin:0 0 30px 0; border-spacing: 2px;}

#mistnosti table {color:#000000; width:460px;}
.col1 {width:20px;}
.col2 {width:54px;}
/*.col3 {width: ?px;} pro případ, že je potřeba určit šířku středních sloupců napevno - jinak se rozpočítává automaticky dle zbylého místa*/
.col4 {width:64px;}
.col5 {width:80px;}
.aligr {text-align:right;}
.aligl {text-align:left;}
.banky {width: 720px; height: 90px; padding:0 0 15px 15px; background:url(images/banky.gif) 0 10px no-repeat;}

#byty caption {text-align:left; font-size:15px; font-weight:bold; color:#AC9601;}
#byty caption a {color:#AC9601; text-decoration: none;}
#byty caption a:hover {color:#AC9601; text-decoration: underline;}
#byty span {text-align:left; font-size:15px; font-weight:bold; color:#FF0000;}
#byty tr {background-color: #E0E0E0; color:#000000;}
#byty th, td {font-size:11px; text-align: center; padding: 0 4px;}
#byty th {text-align: center; height: 50px; font-weight:bold; background:#5F7A77; color:#FFFFFF; line-height:12px;}
#byty tr.licha {background-color: #F5F5F5; cursor: pointer;}
#byty tr.suda {background-color: #E0E0E0; cursor: pointer;}
#byty .reservace {background-color: #FFE9A3; font-weight:bold;}
#byty .prodano {background-color: #707070; font-weight:bold; color: #FFFFFF;}
/*#byty tr:hover {background-color: #D3F0F0; font-weight:bold;}*/
#byty tr.aktivni {background-color: #D3F0F0; font-weight:bold; cursor: pointer;}
#byty tr.neaktivni {cursor: pointer;}
#byty span.galerie {text-align:left; font-size:12px; font-weight:bold; color:#305E5C;}

#mistnosti th, td {font-size:11px; text-align: center; padding: 0 4px;}
#mistnosti th {text-align: center; height: 35px; font-weight:bold; background:#969178; color:#FFFFFF; line-height:12px;}
#mistnosti tr.licha {background-color: #F5F5F5;}
#mistnosti tr.suda {background-color: #E0E0E0;}

.galery img {border:8px #f5f0e6;}

#predstaveni {float: left; margin-right: 10px;}

.hl_border {position: relative; height: 5px;}
.zpr_l {position:absolute; top:0; left:0;}
.zpr_r {position:absolute; top:0; right:0;}
.hl_txt {padding: 8px; font-size:12px; font-weight:bold;}
#hl_green {background-color:#009999; color:#FFFFFF; margin:0 0 20px 0;}
#hl_yellow {background-color:#FECB00; color:#000000; margin:0 0 20px 0;}
#hl_red {background-color:#F00000; color:#FFFFFF; margin:0 0 20px 0;}

/*formuláře*/
.udaje form {font-size: 11px;}
.udaje form span, form label {font-size: 11px;}
.udaje fieldset {margin: 0 0 10px 0; padding: 0 10px 10px 10px; border: 1px solid #5F7A77}
.udaje legend {font-size: 11px; font-weight: bold; color: #ffffff; padding: 2px; margin: 10px 0 5px 0; border: 1px solid #5F7A77; background: #5F7A77;}
.udaje input, select, textarea {border:1px solid #5F7A77; float:left; font-size:11px; padding:2px; background:#FFFFFF;}
.udaje .input_check {width: 1.5em;}
.udaje .input_radio {width: 1.5em; border:0; background-color:#F0F0F0;}
.udaje label {float:left; margin:5px 0 0 0; padding:0;}
.udaje input, select {width: 60px;}
.udaje {padding:10px; background-color:#F0F0F0;}
.pred {float: left;}
#pozn {width: 240px;}
#zak {width: 100px;}
.stavy select {width: 100px;}

#radio .lab{float:left; text-align:left; display:block; width:60px; height:20px; padding:2px; margin-right:2px;}
#radio .fre{background-color: #FFFFFF; color:#000000;}
#radio .res{background-color: #FFE9A3; color:#000000;}
#radio .buy{background-color: #707070; color:#FFFFFF;}

.link1 a{text-decoration:none; color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;}
.link1 a:hover{text-decoration:underline; color:#AC9601; font:13px/19px Arial, Helvetica, sans-serif;}
/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

/*----FOOTER PANEL----*/
#footermainpan{height:103px; background:url(images/footerbg.gif) 0 0 repeat-x #D3F0F0; color:#2F5958; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; margin:0; clear:both; padding:30px 0 0;}
#footerpan{width:1000px; position:relative; padding:0 0 0 25px;}

#footerpan ul{width:510px; height:20px; position:relative; margin:0 245px;}
#footerpan li{float:left; }
#footerpan ul li a{padding:0 10px; color:#2F5958; background:#EBF8F7; text-decoration:none; font-size:13px;}
#footerpan ul li a:hover{text-decoration:underline;}

#footerpan p.copyright{width:510px; margin:0 255px; padding:22px 0 0 0; color:#FFFFFF; font-size:12px;}
#footerpan p.copyright a{text-decoration:none; color:#FFFFFF;}
#footerpan p.copyright a:hover{text-decoration:underline; color:#FFFFFF;}
#footerpan p.copyright{background:url(http://toplist.cz/dot.asp?id=862273) no-repeat;}

#footerpan ul.templateworld{width:250px; background:#D3F0F0; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerpan ul.templateworld li{height:20px;}
#footerpan ul.templateworld li a{background:#D3F0F0; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerpan ul.templateworld li a:hover{text-decoration:underline;}

#footerpanhtml{width:70px; height:24px; display:block; position:absolute; top:40px; left:590px;}
#footerpanhtml a{width:70px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#FFFFFF; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerpanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#FFFFFF;}
#footerpancss{width:58px; height:24px; display:block; position:absolute; top:40px; left:665px;}
#footerpancss a{width:58px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#FFFFFF; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerpancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#FFFFFF; text-decoration:none;}
/*----/FOOTER PANEL----*/

/*----POPUP MENU ----*/


#menu_pop {width:180px; background-color: #FFFFFF; color:#5F7A77; position:absolute; left:47px; top:45px;}
#prodano{width:180px; height:90px; background:url(images/prodano.gif) 0 -10px no-repeat; position:relative; margin:0 auto; padding:0;}
#menu_pop ul.top_zero {position:relative;}

#menu_pop h1{font-size:18px; color:#5A8E94; text-align:center; margin:15px 0 10px 0;}

#menu_pop ul{width:145px; padding:0 0 0 17px;}
#menu_pop li{width:145px; height:22px; border-bottom:1px dashed #AECCCA;}

#menu_pop ul.projekty li a{width:145px; height:22px; display:block; background:url(images/bullet-normal.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#menu_pop ul.projekty li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat #FFFFFF; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}

#menu_pop ul ul {width:118px; background-color: #FFFFFF; position:absolute; z-index:500; top:-22px; left:148px; display:none; border: 1px solid #AECCCA;;}
#menu_pop li li{width:110px;}
#menu_pop ul.top_zero li a{width:95px;}

#menu_pop ul ul ul {width:95px; top:0; left:100%;}

div#menu_pop li:hover {cursor:pointer; z-index:100;}

div#menu_pop li:hover ul ul,
div#menu_pop li li:hover ul ul,
div#menu_pop li li li:hover ul ul,
div#menu_pop li li li li:hover ul ul
{display:none;}

div#menu_pop li:hover ul,
div#menu_pop li li:hover ul,
div#menu_pop li li li:hover ul,
div#menu_pop li li li li:hover ul
{display:block;}
/*----/POPUP MENU ----*/