/*
 *
 * Legal Company / Legal Office
 * Main Structure CSS
 *
 * supplied by: fk|creative / Filip Kastl (c) 2013
 *   
 */

body {
  margin:0;
  padding:0;
}
 
#site {
  width:1020px;
  max-width:98%;
  margin:0px auto;
}

#header {
  padding:20px 0 20px 0;
}

#logo {
  display:block;
  float:left;
  width:314px;
  height:102px;
  margin-left:20px;
}

#logo h1 {
  display:block;
  margin:0;
  padding:0;
}

#logo h1 span, #logo h1 strong {
  display:none;
}

#logo h1 img {
  max-width: 100%;
	height: auto;
}

#phonecontact {
  position:absolute;
  top:50px;
  right:-32px;
  display:block;
  width:264px;
  height:140px;
  background:url(../img/phone.png) top left no-repeat;
  z-index:50;
}

#phonecontact h3 {
  padding:0;
  margin:0;
  line-height:15px;
  padding:23px 0 0 40px;
  font-weight:normal;
  text-transform:uppercase;
  letter-spacing:3px;                 
}

#phonecontact strong {
  line-height:38px;
  font-family:'suave_scriptregular',Calibri,Arial,sans-serif;
  font-size:50px;
  display:block;
  padding:0 0 0 23px;
}

#phonecontact em {
  display:block;
  padding:0 0 0 60px;
}

#phonecontact em a {
  color:#7a5000;
}

#phonecontact em a:hover {
  color:#000;
}
             
/* menu definition */ 
#menu {
  display:block;
  float:right;
  margin-right:35px;
  margin-top:53px;
}


#menu ul, #menu li {
  list-style:none;
  padding:0;
  margin:0;
}


#menu ul {
  display:block;
}

#menu li {
  display:block;
  float:left;
  height:38px;
  line-height:36px;
  position:relative;
  font-size:18px;
  border-right:1px solid #eee;
}

#menu li a {
  display:block;
  padding:0 15px 0 15px;
  color:#888;
  text-decoration:none;
  margin:0 1px 0 0;
  height:38px;
  text-align:center;
}

#menu li a.active, 
#menu li a:hover {
  color:#333;
}

#menu li.last {
  border-right:0px;
}

/* mainimage */
#mainimage, #mainimage_slideshow, #mainimage_small {
  position:relative;
  width:1000px;
  height:480px;
}

#mainimage_small, #mainimage_small #cropimage {
  height:210px;
}

#mainimage_small #cropimage {
  overflow:hidden;
  position:relative;
}

#mainimage_small #cropimage img {
  position:absolute;
  top:-220px;
}

#mainimage_small.fotogalerie #cropimage img {
  top:-230px;
}

#mainimage_small.standardy #cropimage img {
  top:-170px;
}

#mainimage_small.byty #cropimage img {
  top:0px;
}

#mainimage_small.lokalita #cropimage img {
  top:-215px;
}


#mainimage_slideshow {
  overflow:hidden;
}

#mainimage_slideshow img {
  position:absolute;
}

#nav, #mainimage_title {
  position:absolute;
  bottom:15px;
  width:100%;
  height:12px;
  display:block;
  margin:0 auto;
  text-align:center;
  z-index:20;
}

#mainimage_title {
  bottom:15px;
  height:auto;
}

#mainimage_title h3 {
  font-size:15px;
  font-weight:normal;
  color:#fff;
  background:url(../img/slideshow_tbg.png);
  padding:11px 15px 11px 15px;
  display:inline-block;                    
}

.content h2 {
  font-family:'suave_scriptregular',Calibri,Arial,sans-serif;
  font-size:32px;
  padding:20px 0 10px 5px;
  color:#d48b00;
  text-decoration:underline;
  font-weight:normal;
}

.content h2 span {
  color:#444;
  font-weight:bold;
}

#nav a {
  display:inline-block;
  height:12px;
  width:12px;
  padding:0 2px 0 2px;       
}

#nav a span {
  display:block;
  width:12px;
  height:12px;
  background:url(../img/slideshow_dot.png) 0 0 no-repeat;
}

#nav a.active span {
  background-position:0 -12px;
}

/* question box */
#question_box h3 {
  color:#333;
}

#question_box p {
  margin:0;
  padding:0 0 15px 0;
}

#question_box label {
  float:left;
  display:block;
  clear:both;
  width:80px;
  height:30px;
  line-height:30px;
}

#question_box input,
#question_box textarea {
  width:160px;
  float:left;
  display:block;
}

#question_box textarea {
  height:90px;
}


/* fotogalerie */
#fotogalerie .foto {
  margin:0 22px 22px 0;
  padding:0;
  display:block;
  float:left;
  width:182px;
  height:128px;
  position:relative;
}

#fotogalerie .hlavni .foto span {
  position:absolute;
  display:block;
  bottom:0;
  left:0;
  text-align:center;
  width:172px;
  padding:5px;
  font-size:14px;
  font-weight:normal;
  color:#fff;
  background:url(../img/slideshow_tbg.png);
}

#fotogalerie .foto img {
  padding:0;
  margin:0;
  width:180px;
  height:126px;
  border:1px solid #ddd;
}

#fotogalerie a.foto:hover img {
  border-color:#d48b00;
}


/* footer */
#footer {
  border-top:1px solid #ddd;
}

#footer.main {
  border:0px;
  margin-right:20px;             
}

/* copyright */
#copyright {
  text-align:right;
  padding:5px;
  color:#bbb;
}

#copyright a {
  color:#bbb;
}

/* common */
.del {
  clear:both;
}

p.more {
  text-align:right;
  padding-top:0;
}

p.more a {
  display:inline-block;
}


/* byty */
#byty_view {
  width:941px;
  height:420px;
  margin:20px 0 20px 15px;
  position:relative;
  background:url(../img/floorplan_over.png) 0px -1629px no-repeat;
}   

#byty_view #byty_select {
  position:absolute;
  left:760px;
  top:0px;
}

#byty_view #byty_select h3 {
  font-size:22px;
  padding:0;
  margin:10px 0 10px 9px;
}

#byty_view #byty_select ul,
#byty_view #byty_select li {
  padding:0;
  margin:0;
  list-style:none;
}

#byty_view #byty_select li {
  font-size:20px;
  font-weight:bold;
}

#byty_view #byty_select li a {
  color:#000;
  display:block;
  background:#fff;
  padding:5px 10px 5px 10px;
  width:190px;
  text-decoration:none;
  margin:5px 0 5px 0;
}

#byty_view #byty_select li a:hover,
#byty_view #byty_select li a.active {
  background:#d28900;
}

#byty_view #byty_select li a:hover span,
#byty_view #byty_select li a.active span {
  color:#ac7100;
}

#byty_view #byty_select li a .kategorie {
  font-size:14px;
  color:#888;
  padding:0 0 0 5px;
}

#byty_view #byty_select li a .plocha,
#byty_view #byty_select li a .terasa {
  display:block;
  text-align:right;
  font-size:14px;
  margin:0;
  padding:0;
  color:#444;
  border-top:1px solid #d28900;
}

#byty_view #byty_select li a .terasa {
  border-top:0px;
}

#byty_view #byty_select li a .plocha .sup,
#byty_view #byty_select li a .terasa .sup {
  position:relative;
  top:-4px;
  left:0px;
  font-size:10px;
}

.byt_1_active #byty_view {
  background-position:0px 0px;
}

.byt_2_active #byty_view {
  background-position:0px -420px;
}

.byt_3_active #byty_view {
  background-position:172px -840px;
}

.byt_4_active #byty_view {
  background-position:191px -1260px;
}

.floorplan_flat,
.floorplan_info {
 display:block;
 clear:both;
 float:left;
 width:580px;
 margin:30px 0 0 0;
}

.floorplan_info {
 clear:none;
 width:400px;
 margin:10px 0 0 0;
}

.floorplan_info .areas {
  display:block;
  width:325px;
}

.floorplan_info .areas .line {
  width:325px;
  height:30px;
  line-height:30px;
  font-size:14px;
}

.floorplan_info .areas .line .id,
.floorplan_info .areas .line .name,
.floorplan_info .areas .line .size,
.cenylist .line .name,
.cenylist .line .size_total,
.cenylist .line .size,
.cenylist .line .balcon,
.cenylist .line .terace,
.cenylist .line .price,
.cenylist .line .availibility,
.cenylist .line .show {
  display:block;
  float:left;
}

.floorplan_info .areas .line .id {
  width:5px;
}

.floorplan_info .areas .line .name {
  width:215px;
}

.floorplan_info .areas .line .size {
  width:100px;
  text-align:right;
}

.floorplan_info .areas .line.legend {
  font-weight:bold;
  color:#222;
  border-bottom:1px solid #d28900;
}

.floorplan_info .areas .line.total {
  font-weight:bold;
  color:#000;
  font-size:17px;
  border-top:1px solid #d28900;
  border-bottom:1px solid #d28900;
}

a {
  color:#d28900;
}

a:hover {
  color:#444;
}

#lokalita,
#o_projektu {
  padding:0 35px 0 10px;
  font-size:16px;
  font-weight:normal;
}

.cenylist {
  width:960px;
  margin:5px 0 0 15px;
}

.cenylist .line {
  width:960px;
  height:30px;
  line-height:30px;
  font-size:14px;
}

.cenylist .line.legend {
  font-weight:bold;
  border-bottom:1px solid #d28900;
  font-size:14px;
}

.cenylist .line .name,
.cenylist .line .balcon,
.cenylist .line .terace,
.cenylist .line .size,
.cenylist .line .show {
  width:100px;
  height:30px;
  line-height:30px;
  text-align:center;
}

.cenylist .line .show {
  width: 60px;
}

.cenylist .line .price,
.cenylist .line .availibility,
.cenylist .line .size_total {
  height:30px;
  line-height:30px;
  width:120px;
  text-align:center;
}

.cenylist .line .name {
  font-size:18px;
  text-align:left;
}

.cenylist .line .size_total {
  font-size:18px;
  width: 140px;
}

.cenylist .line.legend .name,
.cenylist .line.legend .size_total {
  font-size:14px;
}

.cenylist .line .price em,
.signinfo em,
.larger em {
  font-style:normal;
  font-size:20px;
  color:#d48b00;
  font-weight:bold;
}

.signinfo {
  font-style:italic;
  color:#777;
}

#standardy {
  padding:5px 15px 5px 15px;
  font-size:15px;
  clear:both;
}

#nextstandardy {
  float:right;
  text-align:right;
  margin:25px 50px 0 0;
  font-size:15px;
}

#standardy .list .line {
  clear:both;
  display:block;
  width:960px;
}

#standardy .list .line.legend,
#standardy .list .line.room {
  font-weight:bold;
}

#standardy .list .line.room {
  font-size:18px;
  background:#f5f5f5;
  border-bottom:1px solid #d48b00;
  padding:5px;
  margin:0 0 10px 0;
}

#standardy .list .line .name {
  display:block;
  float:left;
  width:610px;
  height:40px;
  line-height:20px;
  padding:5px;
}

#standardy .list .line.room .name {
  float:none;
  display:block;
  height:20px;
  line-height:20px;
} 

#standardy .list .line .exclusive,
#standardy .list .line .basic,
#standardy .list .line .measure {
  display:block;
  float:left;
  width:150px;
  height:40px;
  line-height:40px;
  padding:5px;
  text-align:center;
}

#standardy .list .line .basic,
#standardy .list .line .measure {
  width:70px;
}

#standardy .list .line.legend .name,
#standardy .list .line.legend .exclusive,
#standardy .list .line.legend .basic,
#standardy .list .line.legend .measure {
  height:24px;
  line-height:24px;
}

#standardy .list .line .included {
  background:url(../img/dot.png) center center no-repeat;
}

.content p {
  text-align:justify;
  text-indent:2em;
}

#map-canvas {
  width:976px;
  height:572px;
  position:static;  
}

#map-canvas.fullsize {
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  z-index:50 !important;
  width:100% !important;
  height:100% !important;
}

.colorized {
  background:url(../img/floorplan_colorized.png) 0px 0px no-repeat;
}

.larger {
  font-size:120%;
}

/**
.cenylist .line .balcon,
.cenylist .line .terace,
.cenylist .line .price,
.cenylist .line .availibility,
.cenylist .line .show {
*/

#akcni_nabidka {
  position:absolute;
  bottom:-40px;
  left:-50px;
  z-index:50;
}

.line.booked {
  opacity:.8;
  color:#d28900; 
}