/* reset */
* {vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0;list-style-type:none;text-align:left;text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
b,strong {font-weight:bold}
i {font-style:italic}
sup {vertical-align:super;font-size:0.7em}

/* layout */
body {
  text-align: center;
  background:#fff;
  font: 10pt Verdana;
  background: #0d4c7f url(/images/layout/body_bg.png) repeat-x top left;
}
#center {
  margin: 30px auto;
  width: 1000px;
  background:#fff;
  overflow:hidden;
}
#header {
  background: #1F6397 url(/images/layout/header_bg.png) no-repeat top center;
  height: 130px;
}
#header p {
  text-align:center;
  color: #eee;
  font-size: 0.9em;
  line-height: 40px;
  margin:0;
  letter-spacing:0;
}
#content {
  padding: 20px;
  float:left;
  width: 667px;
}
html {
  padding-bottom: 40px;
}

#right_column {
  float:right;
  width: 293px;
  margin-top:-6px;
  position:relative;
  z-index:9;
 background: #dce6ee url(/images/layout/right_column_bg.png) repeat-y top left;
  font: 0.7em Arial;
  overflow:visible;
}
* html #right_column {
  margin-top:-17px;
}
#nahodna_reference .caption span, #rychly_kontakt span {
  height:35px;
  width:293px;
  display:block;
  position:absolute;
  left:0;
  top:0;
}
#nahodna_reference .caption span {  background: url(/images/layout/nahodna_reference.png) no-repeat;}
#nahodna_reference h2 { font-size:1.1em; font-weight:normal; margin:5px 45px 15px 45px; }
#nahodna_reference p {}
#rychly_kontakt .caption span {  background: url(/images/layout/rychly_kontakt.png) no-repeat;}
#right_column .caption {position:relative;}
#nahodna_reference img {
  margin: 60px 0 10px 40px;
  border:1px solid #afadaf;
}
#right_column p {margin: 0 45px 35px 45px;}
#rychly_kontakt img { float:left; clear:both; margin-right: 6px; margin-top:2px; margin-bottom: 4px;}
#rychly_kontakt p { margin: 40px 25px 35px 25px; line-height: 1.8em;font-size:1.2em;}

/****/
h1 {
  text-transform:uppercase;
  font: 1.9em Helvetica, Arial;
  margin: 0 20px 20px 20px;
  text-shadow: 1px 1px 1px #ccc;
}
h2 {
  font: bold 1.3em Helvetica, Arial;
  margin: 20px 20px 5px 20px;
}
h3 {
  font: bold 2em Arial;
  margin: 20px 20px 5px 20px;
  color: #666;
}
p {
  margin: 5px 20px 15px 20px;
  text-align:justify;
}
#content ul {
  margin: 10px 30px;
}
#content ul li {
  padding-left: 20px;
  margin: 6px 0;
  list-style-type:none;
  background:#fff url(/images/layout/arrow.gif) no-repeat left top;
  color:#222;
}
.cistic { clear:both;}
.space { height: 100px; }
/* patička */

#footer {
  border-top: 1px solid #cfcfcf;
  font-size: 0.7em;
  overflow:auto;
  color:#777;
  clear:both;
  background:#B1B1B3 url(/images/layout/footer_bg.png) no-repeat top right;
}
#footer a {
  font:bold 1.1em arial;
  color:#777;
}
#footer ul { margin-top:20px;}
#footer a:hover {
  color:#eee; 
}
#footer .info p { font-size:1.1em; color:#efefef; margin:0 0 10px 5px;  }
#footer ul li { list-style-type:decimal; color:#ddd;
  margin-left: 25px;}
#footer .kontaktni_formular {
  padding:10px;
  float:left;
  width:400px;
  background:#dfdfdf url(/images/layout/kontaktni_formular_bg.png) no-repeat top right;
  border-right:1px solid #cfcfcf;
}
#footer .author {
  background: url(/images/layout/logo-cb.png) no-repeat bottom left;
  padding-right: 30px;
  margin-left:30px;
  padding-top:40px;
  color:#676767;
  text-align:right;
}
#footer .info {
  padding:10px 20px;
  float:right;
  width:539px;
}
#footer input, #footer textarea { 
  padding: 10px;
  background: #efefef;
  border:1px solid #cfcfcf;
  font-size: 1.4em;
  color: #555;
  margin: 4px 20px;
}
#footer input.submit { float:right; margin-bottom:10px;}

/* kontakty */
table.kontakty {margin: 0 0 30px 20px; width: 95%; }
table.kontakty td { padding:7px 5px 7px 5px; }
table.kontakty td.title { color:#666; width: 75px;}
table.kontakty tr.podtrzena td { background: #fff url(/images/layout/cara_dotted.gif) bottom left repeat-x; }
table.kontakty .seda { color:#666; }
table.kontakty td.head { padding:0 0 0 5px; font: 1.1em Arial; color: #222;}
.mapa img { margin-top: 20px; border:2px solid #D8E2EB; }

/* reference */
div.reference a {
  display:block;
  width:25px;
  height:25px;
  font: italic bold 0.9em/25px Verdana;
  background:#ccc url(/images/layout/reference_choice.gif) no-repeat;
  text-align:center;
  float:left;
  margin-right:10px;
  color:#888;
}
div.reference a:hover, div.reference .hover {
  text-decoration:none;
  background:#ccc url(/images/layout/reference_choice_hover.gif) no-repeat;
  color:#fff;
}
div.reference { clear:both;}
div.reference h2 { padding-top:15px;}
div.reference p { margin-bottom:20px;}
div.reference div.user-help { font:italic 0.9em/2em Verdana; float:left; margin-right:10px; color:#656565; }
#content div.reference .img { width:200px; text-align:center;}

/* o společnosti */
.uvod_stavebni_cinnost { width: 200px; height:190px; background:#4384BA url(/images/layout/intro_bg.png) no-repeat; float:left;  margin-bottom:20px; margin-top: 20px; margin-left:20px;}
.uvod_znalecka_cinnost { width: 200px; height:190px; background:#4384BA url(/images/layout/intro_bg.png) no-repeat; margin-top: 20px;  margin-bottom:20px; margin-left: 8px; margin-right:8px; float:left;}
.uvod_pronajem { width: 200px; height:190px; background:#4384BA url(/images/layout/intro_bg.png) no-repeat; float:left; margin-bottom:20px; margin-top: 20px; margin-right:20px;}
#content .uvod_stavebni_cinnost li, #content .uvod_znalecka_cinnost li, #content .uvod_pronajem li {background-color:inherit; background-image:none; list-style-type:disc; margin-bottom:8px;margin-left:17px; padding-left:0; color:#fff;}
#content .uvod_stavebni_cinnost ul, #content .uvod_znalecka_cinnost ul, #content .uvod_pronajem ul {border-bottom:1px solid #ccc; }
#content .uvod_stavebni_cinnost a, #content .uvod_znalecka_cinnost a, #content .uvod_pronajem a {display:block;text-align:right; margin-right:30px; color:#eee; padding-right:20px; background: url(/images/layout/arrow.gif) no-repeat top right;}
#content .uvod_stavebni_cinnost h2, #content .uvod_znalecka_cinnost h2, #content .uvod_pronajem h2 { color:#efefef; margin-bottom: 15px;}
img.certifikat {
  float:right; margin-right:20px; margin-top:20px;margin-left:20px;
}

/* pronajem */
.vseobecne_informace {
  padding:5px 10px;
  background:#f4f4f4;
  border:1px solid #ededed;
  margin:0 20px;
  color:#343434;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
}
table.pronajem { margin:0 20px;}
table.pronajem td { background: #fff url(/images/layout/cara1_dotted.gif) bottom left repeat-x; }
table.pronajem td p { margin-bottom:9px;}
table.pronajem h3 { font-size:1em; font-family:verdana; color:#555; text-transform:uppercase; width:170px; margin-right:0; margin-top:9px; }
table.pronajem table.nepodtrzeno { margin-left:15px;}
table.pronajem table.nepodtrzeno td { background: #fff none; padding:4px; }
#content span.pronajem_galerie { margin-left:50px;}
#content span.zuzene { width:66px;}
#content span.zuzene1 { width:75px;}
#content span.pronajem_gal_leva { margin-left:70px;}

/* stavební cinnost */
h2.stavebni_cinnost {
  font: normal 1em Verdana;
}

/* seznam realizovaných staveb */
div.seznam_referenci {  margin:10px 20px;clear:both;overflow:hidden; width:94%;background: #fff url(/images/layout/cara1_dotted.gif) bottom left repeat-x;}
div.seznam_referenci div { padding:20px; }
div.seznam_referenci div.leva { margin-right:20px; float:left; width:260px; background: url(/images/layout/cara_dotted_svisla.png) top right repeat-y; }


/* znalecké posudky */
h2.posudky {
  background:#166ca6 url(/images/layout/h2_bg.gif) repeat-x top left;
  color:#eee;
  padding: 6px 30px 6px 30px;
  border:1px solid #07416b;
  font-size: 1em;
  margin-bottom: 12px;
}
div.znalecke_posudky, div.podklady_k_posudku {
  float:right;
  width: 50%;
}
div.oceneni_nemovitosti, div.cena_posudku {
  float:left;
  width:50%;
}
p.posudky { margin-left: 55px;}
#content ul.posudky li { margin-left: 55px;}
div.oceneni_nemovitosti h3 { font-size:0.9em; font-family:verdana; margin: 0 36px; color: #000;}
div.oceneni_nemovitosti h3 span { font-weight:normal;}
div.oceneni_nemovitosti p, div.cena_posudku p, div.podklady_k_posudku p { margin:13px 36px; text-align: left;}

/* obrázky */
span.img { font:0.8em Arial; color:#265476; display:block; width: 150px; margin: 8px 20px 20px 20px; padding: 4px; background:#D6E0E9; border:1px solid #B0C6DD;  float:left; }
span.right { float:right;}

/* po odeslání zprávy */
.sending_message {
  margin: 40px auto;
  text-align:center;
}
.sending_message p { text-align:center;}
.send_fail ul li { margin:5px auto; width:400px; list-style-type:disc;}

/* menu */
#menu { 
  background: #1F6397 url(/images/layout/menu_bg.png) repeat-x top left;
  height:40px;
  padding-left:10px;
  position:relative;
  z-index:8;
}

#menu ul ul {position:absolute; left:-9999px;}
#menu ul li {float:left;}
#menu ul li a { float:left;color:#fff; display:block; height:35px;} /* float:left kvůli IE6 ... yes...IE6 rocks (čti sucks) */

/* obrázkové pozadí u položek menu */
#menu span { display:block; position:relative; left:-10px; top:-16px; background-position:top left; background-repeat:no-repeat; height:35px;}
/* s pronájmem */
#menu li#o_spolecnosti a span { width:131px; background-image:url(/images/layout/menu_item_o_spolecnosti.png); }
#menu li#o_spolecnosti a:hover span { cursor:hand; background-position:bottom left; } /* hand kvuli IE...to je nahodicka */
#menu li#stavebni_cinnost a span { width:146px; background-image:url(/images/layout/menu_item_stavebni_cinnost.png); }
#menu li#stavebni_cinnost a:hover span { cursor:hand; background-position:bottom left; }
#menu li#reference a span { width:92px; background-image:url(/images/layout/menu_item_reference.png); }
#menu li#reference a:hover span, #menu li#reference:hover a span { cursor:hand; background-position:bottom left; }
#menu li#posudky a span { width:148px; background-image:url(/images/layout/menu_item_znalecke_posudky.png); }
#menu li#posudky a:hover span, #menu li#posudky:hover a span { cursor:hand; background-position:bottom left; }
#menu li#pronajem a span { width:100px; background-image:url(/images/layout/menu_item_pronajem.png); }
#menu li#pronajem a:hover span { cursor:hand; background-position:bottom left; }
#menu li#kontakt a span { width:91px; background-image:url(/images/layout/menu_item_kontakt.png); }
#menu li#kontakt a:hover span { cursor:hand; background-position:bottom left; }
/* konec s pronájmem */

/* záloha bez pronájmu ***
#menu li#o_spolecnosti a span { width:145px; background-image:url(/images/layout/menu_item_o_spolecnosti.png); }
#menu li#o_spolecnosti a:hover span { cursor:hand; background-position:bottom left; } /* hand kvuli IE...to je nahodicka
#menu li#stavebni_cinnost a span { width:168px; background-image:url(/images/layout/menu_item_stavebni_cinnost.png); }
#menu li#stavebni_cinnost a:hover span { cursor:hand; background-position:bottom left; }
#menu li#reference a span { width:112px; background-image:url(/images/layout/menu_item_reference.png); }
#menu li#reference a:hover span, #menu li#reference:hover a span { cursor:hand; background-position:bottom left; }
#menu li#posudky a span { width:171px; background-image:url(/images/layout/menu_item_posudky.png); }
#menu li#posudky a:hover span, #menu li#posudky:hover a span { cursor:hand; background-position:bottom left; }
#menu li#kontakt a span { width:112px; background-image:url(/images/layout/menu_item_kontakt.png); }
#menu li#kontakt a:hover span { cursor:hand; background-position:bottom left; }
**** konec zálohy */

#menu ul li:hover {position:relative;}
#menu ul li a:hover {position:relative;}


#menu ul a:hover ul, #menu ul li:hover ul {
  left:-10px;
  top:35px;
  padding:10px;
  border:1px solid #888;
  border-top:0;
  background:#166ca6;
  text-indent: 3px;
  opacity: 0.95;
}
#menu ul ul a {
  color:#fff;
  font:0.8em Arial;
  background: url(/images/layout/submenu_cara.gif) repeat-x bottom left;
  margin-top: 6px;
  height: 17px;
}
#menu ul ul a:hover {
  text-decoration:underline;
}
#menu ul :hover ul li {float:left;}

#menu ul :hover ul#subReference {width:170px;}
#menu ul :hover ul#subReference li a {display:block;width:170px;}

/*
#menu ul :hover ul#subPosudky {width:195px;}
#menu ul :hover ul#subPosudky li a {display:block;width:185px;} */

#menu ul :hover ul#subPronajem {width:145px;}
#menu ul :hover ul#subPronajem li a {display:block;width:145px;}

/* odkazy */
a { color: #166CA7; text-decoration:none;}
a:hover { color:#F77320; text-decoration:underline;}