/* Fashion Clear - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.0, February 27, 2006 */

a img {border-width: 0px;}

a:link, a:visited {color: #AD001A; text-decoration:none;}

a:hover, a:active {text-decoration:underline; color: #430000;}

/******** General tags ********/
body {
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#370009;
	line-height:1.2em;
	margin:0 auto 0 auto;
	padding:0;
    background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#fff;
	font-size:11px;
}

div#title {display:none;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.textright {text-align:right;}
.readmore {text-align:right; margin:-10px 10px 18px 0;}
.center {text-align:center;}
.blue {color:#559900;}
.big {font-size:1.2em;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.clear {clear:both;}
.hide {display:none !important;}

.cols1 { width: 100% }
.cols2 { width: 50% }
.cols3 { width: 33% }
.cols4 { width: 25% }
.cols5 { width: 20% }
.cols6 { width: 12% }



/******** Main wrap ********/
#wrap {
	width:1009px;
	margin:0 auto;
	padding:0;
    background-image:url(images/bg_main.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	position:relative;
}

#header {
	width: 1009px;
    height: 261px;
    background-image:url(images/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0;
}

#contentwide {padding:0; position:static;}

#content_left {
	font-size:11px; 
	width:741px; 
	margin-bottom:10px; 
	margin-left:9px !important; 
	margin-left/**/:5px; 
	float:left; 
	min-height:300px; 
	height:auto;
	Aoverflow:hidden !important;
}
#content_left_inner {
	margin:10px 25px 0 25px; 
	Aoverflow:hidden !important; 
	height:auto;
	}

#content_right {
	width:249px; 
	margin-right:9px !important;
	margin-right/**/:5px;
	float:right; 
	min-height:960px; 
	height:auto !important; 
	_height:960px;
    background-image:url(images/bg_right.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#E2001F;
	Aoverflow:hidden;
	font-size:11px;
}


#footer {
	clear:both;
	width:1009px;
	text-align:left;
	font-size:0.9em;
	font-weight: bold;
	margin:0px auto 0 auto;
	height:30px;
	padding:0px;
	color:#000;
    background-image:url(images/bg_footer.jpg);
	background-repeat:repeat-y;
	background-position:bottom left;
}

#footer p {padding:5px 30px;}


h1 {
	color: #730011;
    font-size: 18px;
    padding-top: 10px;
	margin:0;
}

h2 {
    background-image:url(images/bg_h2.jpg);
	background-repeat:repeat-y;
	background-position:bottom left;
	padding:10px 10px;
	margin:10px 0px 5px 0px;
	color:#fff;
	font-size: 17px;
	line-height:22px;
}

h3 {
    background-image:url(images/bg_h2.jpg);
	background-repeat:repeat-y;
	background-position:bottom left;
	padding:10px 10px;
	margin:10px 0px 5px 0px;
	color:#fff;
	font-size: 11px;
	text-transform:uppercase;
}

h4 {
	color:#AD001A;
	font-size: 14px;
	margin-top:0;
	margin-bottom:5px;
}


.offer-chunked h2 {
	color:#fff;
	display:block;
	height:29px;
	width:201px;
	overflow:hidden;
	line-height:29px;
	background:#430000 !important;
	font-size:11px !important;
	text-transform:uppercase;
	padding:0 0 0 24px;
}

a.link_home {display:block; width:222px; height:175px; position:absolute; margin:15px 0 0 55px; z-index:10;}
a.document_link_more:hover h4 {text-decoration:underline;}

/*_______ MENU _________________________________*/

#top_menu {_position:absolute; _top:220px; z-index:auto; padding:220px 0 0 0 !important; padding/**/:0;}
*:first-child+html #top_menu {position:absolute; top:220px; z-index:auto; padding:0 !important;}
#top_menu ul {margin:0 0 0 -30px !important; margin/**/:0 0 0 10px;}
*:first-child+html #top_menu ul {margin:0 0 0 10px !important;}
#top_menu ul li {display:inline !important; float:left;}
#top_menu ul li a {border-right:1px solid #fff; float:left; display:block; height:14px; padding:9px 8px; color:#000; text-transform:uppercase; font-weight:bold; font-size:11px;}
#top_menu ul li.last a {border-right:none;}

#form {
	float: left;
	font-weight: bold;
	width: 250px;
}

#form form {color: #2951c0;
}

#form form .small {width: 70px;}
td.small {vertical-align:top;}

#form ul {
	margin-top: 60px;
	padding-bottom: 20px;
	list-style-type: none;
	list-style-position: inside;
	font-size: 12px;
}

#form ul li {
	line-height: 20px;
	margin-right: 20px;
	float: left;
	white-space: nowrap;
	font-weight: normal;
}

.pruh {
	padding: 8px 5px;
    color: #430000;
    line-height: 18px;
    height: auto;
	overflow:hidden;
	font-weight:bold;
	font-size:11px;
}

.pruh h2 {color: #0f37a6; font-size: 15px; margin: 0px;}

.pruh h3 {color: #0f37a6; font-size: 12px; margin: 0px;}

.pruh p {margin: 0px; padding: 0px;}


div.searchform {padding: 0px;}

.searchform .result {padding: 5px 0px 10px 5px; color:#430000; margin: 0px;}

div.searchform table {font-size: 10px; font-weight:bold; width:100%; overflow:hidden;}

.searchform table th {
	background: #900016;
	padding:7px 5px 7px 10px;
	text-align: left;
	white-space: nowrap;
	color:#fff;
	border-bottom: none !important;
}


.searchform table tr {background: #DBDCDE;}

.searchform table td {padding:5px 5px 5px 10px !important;}

.searchform table.list td a {color:#fff !important; text-decoration:underline !important;}

.searchform table.list td.r {text-align: right !important; white-space: nowrap; }
.searchform table.list td.n {text-align: left !important; /* white-space: nowrap; */ }
.searchform table.list td.c {text-align: center !important; }
.searchform table.list td.l {text-align: left !important; }


.searchform table.list td { color:#000 !important; background:#c8c8c8 !important; padding:7px 5px 7px 10px !important; border-top: none !important; }
.searchform table.list td.c1 { background: #AD001A !important; color:#fff !important; cursor: pointer; }
.searchform table.list td.c2 { color:#5B5B5B !important; cursor: pointer; }
.searchform table.list td.c3 { color:#3f3f3f !important; cursor: pointer; }
.searchform table.list td.c4 { color:#000 !important; cursor: pointer; }
.searchform table.list td.c5 { cursor: pointer; }


.searchform input.button {margin: 0px 0px 5px 0px;}
.searchform table.search,
.searchform table.search tr,
.searchform table.search td {border-collapse: collapse !important; font-size: 11px !important; background: #fff; color:#430000;}

.searchform table.search tr {background:transparent !important;}

.searchform table.search td {}

.searchform table.search td.small {width: 130px; font-weight: bold;}

.row {float: left;} 

.broker {width: 100%;}
.broker .broker-photo {float: right;}



/*====== DETAIL NABIDKY ======================*/

.offer-photos {
	float: right;
	width: 350px;
	margin-top: 10px;
	border:10px solid #FCDEE3;
	background:#FCDEE3;
}

.offer-detail {
	float: left;
	width: 300px;
}

.offer-detail h3 {text-align:left; font-size:100%; color:#730001; background:0; text-transform:none; margin:0; padding:5px 0 0 0; border-top:1px solid #666;}
.offer-detail strong {color:#c3001e;}


.detail {float: right; width: 600px;}

.sum {
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	border-right: 60px solid #FCDEE3;
	color: #FF9BAC;
	width:80%;
	float: left;
	margin: 10px 0px 10px 0px;
	background:#C3001E;
}

span.price {color:#fff; font-weight:bold;}

p.bigger {font-size: 13px;}

.lokalita {margin:0; padding:0;}

.row .key {
	padding: 5px 0px 5px 5px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	_width:130px;
	color: #fff;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	margin:0;
}
.row .value {
	padding: 5px 5px 5px 0;
	font-size: 11px;
	text-align: right;
	height: 20px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	border:0 !important;
	color:#fff;
	margin:0;
}

div.cols1 {border-bottom:1px solid #fff !important; background:#c3001e;}


/*====== DETAIL PROJEKTU ======================*/

/*__input______*/
div.projekt {margin:10px 0; padding-top:69px !important; padding-top/**/:57px; height:auto;}
div.projekt h1 {background-image:url(images/bg_h2.jpg); background-repeat:repeat-y; background-position:bottom left; padding:10px 10px; margin:10px 0px 5px 0px; color:#fff; font-size: 18px;}
div.projekt h2 {color: #730011; font-size: 20px; padding:10px 10px; margin:0; background:none;}
div.projekt h3 { margin:0; color:#C3001E; font-size: 14px; text-transform:uppercase; padding:10px 10px 10px 11px; border:none; background:0;}
div.projekt ol {}
div.projekt ol li {}
div.projekt ul {list-style-image:url(images/seznam.gif);}
div.projekt ul li {color:#505050;}
div.projekt a {color:#C4001E; text-decoration:underline; font-weight:bold;}
div.projekt a:hover {color:#730011;}
div.projekt input {background:#fff; border:1px solid #7F9DB9;}
div.projekt textarea {background:#fff; border:1px solid #7F9DB9;}
div.projekt input.button {background:#430000; color:#fff; border:0;}
div.projekt input.button:hover {background:#C4001E; color:#fff;}
div.projekt table {border-collapse:collapse; color:#fff;}
div.projekt table th {background:#760012; border:1px solid #fff; border-right:2px solid #fff; padding:2px 5px;}
div.projekt table td {background:#c4001e; border:1px solid #fff; border-right:2px solid #fff; padding:2px 5px;}

div.projekt_popis {margin:10px 0; padding-top:0px; height:auto;}
div.projekt_popis h1 {background-image:url(images/bg_h2.jpg); background-repeat:repeat-y; background-position:bottom left; padding:10px 10px; margin:10px 0px 5px 0px; color:#fff; font-size: 18px;}
div.projekt_popis h2 {color: #730011; font-size: 20px; padding:10px 10px; margin:0; background:none;}
div.projekt_popis h3 { margin:0; color:#C3001E; font-size: 14px; text-transform:uppercase; padding:10px 10px 10px 11px; border:none; background:0;}
ol {}
ol li {}
ul {list-style-image:url(images/seznam.gif);}
ul li {color:#505050;}
a {color:#C4001E; text-decoration:underline; font-weight:bold;}
a:hover {color:#730011;}
input {background:#fff; border:1px solid #7F9DB9; _margin-top:1px;}
textarea {background:#fff; border:1px solid #7F9DB9;}
input.button {background:#430000; color:#fff; border:0 !important;}
input.button:hover {background:#C4001E; color:#fff;}
table {border-collapse:collapse; color:#fff;}
table th {background:#760012; border:1px solid #fff; border-right:1px solid #fff; padding:2px 5px;}
table td {background:#c4001e; border:1px solid #fff; border-right:1px solid #fff; padding:2px 5px;}

.offer-photos {
	margin-left: 10px;
}

div.projekt .offer-detail {
	float: left;
}

.document_intro {}

div.introtext {margin:10px 10px 10px 0;}

div.projekt_menu {margin-bottom:10px;}
div.projekt_menu ul {margin:15px 0 0 0; padding:0; list-style:none !important;}
div.projekt_menu li {display:inline; list-style:none; margin-right:1px;}
div.projekt_menu li a {color:#fff; text-decoration:none; padding:5px; background:#C3001E; border:2px solid #750011; font-size:80%;}
div.projekt_menu li a:visited {color:#fff !important; text-decoration:none;}
div.projekt_menu li a:hover {color:#fff; text-decoration:none;}
div.projekt_menu li a span {text-decoration:underline;}


 
.prodejce {float:right; overflow:hidden; width: 360px; margin: 20px 0px 0 0;}
.prodejce p {color:#c3001e; font-weight:bold; padding-top:5px; border-top:1px solid #666;}
img.broker-photo {border:1px solid #c3001e;}
p.address {color:#730011 !important; font-weight:normal; padding-top:0px; border-top:0px solid #666;}


p.address strong {color:#730011 !important; padding-top:0px; border-top:0px solid #666;}

.offer-chunked {
	width: 100%;
	padding:0;
}

.offer-hot, .offer-new {padding: 15px 15px 0 0; overflow: hidden;}

.offer-hot img, .offer-new img {border: 1px solid #FFB0BC;}

.offer-hot p, .offer-new p {margin: 10px 0px; padding:0px;}

.offer-hot p a, .offer-new p a {color: #FFB0BC; font-weight: bold; font-size: 12px;}

.offer-hot p a:hover, .offer-new p a:hover {text-decoration:underline;}

.offer-hot a.cat, .offer-new a.cat {margin-left: 0px; padding: 0px; text-align: right;display: block;color: #fff}

.offer-hot .item, .offer-new .item {margin-bottom: 20px; padding:0 0px 0 25px; color:#fff;}

#offer-hot-inline {
	width: 100%;
	height: 200px;
}
#offer-hot-inline .item {
	float: left;
	height: 200px;
}

/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
 
.main-image {margin:0; border:1px solid #c3001e; }
 
#photos-wrapper {}
 
 
.display_mode_0 {
	position: static;
	width: auto;
}
.display_mode_0 #html-carousel {width: 310px}
.display_mode_0 .main-image { width: 348px; height: 261px }

.display_mode_1 #html-carousel {width: 930px;}
.display_mode_1 .main-image { width: 960px; height: 720px }

.display_mode_1  {
	position:absolute; 
	top: 20px;
	left: 24px;
	width: 980px;
	z-index:10000000 !important;
	overflow:visible !important;
	visibility:visible !important;
}
 
 
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#3F3F3F;
	padding:0px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}


#html-carousel .carousel-list li { 
    margin:4px 10px 0px 10px;
}

#html-carousel .carousel-list li { 
    width: 80px; 
    border: 0px solid green;
    padding: 10px;
    padding-top:  15px;
    margin: 0;
    color: #3F3F3F;
}

#html-carousel .carousel-list li img { 
    border:1px solid #999;
    display:block; 
    cursor: pointer;
}

#html-carousel {
    margin-bottom: 10px;
    float: left;
    width: 310px;
    height: 100px;
}

/* BUTTONS */
#prev-arrow-container, #next-arrow-container { 
    float:left;
    margin: 0px;
    padding: 0px;
}

#next-arrow { 
    cursor:pointer; 
}

#prev-arrow { 
    cursor:pointer; 
}

/* Overlay */
#overlay {
	width: 200px;
	height: 80px;
	background-color:  #FFF;
	position: absolute;
	top: 25px;
	left: 150px;
	padding-top: 10px;
	z-index: 100;
	color: #000;
	border:1px dotted #000;	
	text-align: center;
	font-size: 24px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.button {border:1px solid #fff; background:#430000; color:#fff; font-weight:bold; padding:3px 8px;}


/*==== DROBE�KY ================================*/

span.B_crumbBox {color:#AD001A; font-weight:bold; font-size:11px; padding:0 5px;}
span.B_crumbBox a {color:#430000; text-decoration:underline;}
span.B_crumbBox a:hover {color:#AD001A;}


/*==== NOVINKY ================================*/

div.document_list_item {height:auto; margin:10px 0 15px 0; color:#000;}
div.document_image {float:left; width:120px; margin:0 8px 0 0;}
div.document_image img {border:1px solid #850014;}
div.document_text {float:right; width:558px;}
div.document_author {float:left;}
div.document_date {float:right;}
div.document_intro {margin-top:3px; text-align:justify;}
div.document_link_more {margin-top:5px; float:right; font-weight:bold;}


/*==== NOVINKY right =====================*/

#content_right h2 {background:0; text-transform:uppercase; font-size:15px; padding:0 24px;}
.novinky_right {border-top:8px solid #430000; border-bottom:8px solid #430000;}
#content_right div.document_list_item {height:auto; margin:10px 0 15px 0; color:#fff; padding:0 24px;}
#content_right div.document_image {float:left; width:120px; margin:0 8px 0 0;}
#content_right div.document_image img {border:1px solid #850014;}
#content_right div.document_text {float:right; width:558px;}
#content_right div.document_author {float:left;}
#content_right div.document_date {float:right;}
#content_right div.document_intro {margin-top:3px; text-align:justify;}
#content_right a.document_link_more h4 {color:#fff; font-weight:bold; text-decoration:underline; font-size:11px;}



/*==== O NAS KONTAKT ================================*/

div.kontakt_left {float:left; height:auto; margin-bottom:20px;}
div.kontakt_right {float:right; margin-bottom:20px;}
div.kontakt_bunky {width: 410px; height: 155px; float: left; padding-right: 0pt; margin-right: 0pt;}
div.bunka_left {float: left; width: 200px; text-align: left; clear:left; margin-top:10px;}
div.bunka_right {float: right; width: 200px; text-align: left; margin-top:10px;}


div.makleri {float:left; width: 40%; margin-top: 8px}
div.makler {width:280px; float:left; border:1px solid #cecece; margin:3px;}
div.foto_makler {float:left; padding:8px;}
div.foto_makler img {border:1px solid #000;}
div.info_makler {float:right; width:180px; margin:7px 5px 5px 0;}



/*==== Formul��e ================================*/


form#EmailForm {color:#730011; font-weight:bold; margin:20px 0 0 0;}
form#EmailForm fieldset {border:0 !important;}
div.form_left {float:left; width:340px;}
div.form_bottom {float:left; margin:0;}
form#EmailForm label { float:left; margin:0 0 6px 0;}
form#EmailForm input {float:right; margin:-15px 0 0 0; border:1px solid #7F9DB9;}
form#EmailForm textarea {float:right; border:1px solid #7F9DB9; width:475px !important; width/**/:500px; height:100px; margin:-10px 0 0 0;}
*:first-child+html form#EmailForm textarea {width:500px !important;}
form#EmailForm p {width:100%; text-align:right; clear:both;}
form#EmailForm input.button {margin:0px 0 10px 0;}

div.prodejce form#EmailForm fieldset {
	margin-left: 0px;
	padding-left: 0px ;
}

div.prodejce form#EmailForm textarea {
	width: auto !important;
	margin-right: 0px;
}
div.prodejce  {
	width: 350px !important;
}

div.contact {
	margin-top: 0px;
}

div.classGroup {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #bebebe
	
}
div.classes { margin: 40px 0 80px; padding-bottom: 12px; border-bottom:  1px solid #bebebe }
div.classes a { color: #fff }
div.classes table tr td { padding:  9px 12px !important; }
div.classes table tr th { padding: 8px 12px !important; }
div.classes table { font-size: 96%}

div.classes table td.c1 { background:#ad001a !important; }

div.classes table td.c2 {background:#dbdcde !important; text-align: center}
div.classes table td.c2 a {color:#4e4d52 !important;}
div.classes table td.c3 {background:#9fa0a5 !important; text-align: center}
div.classes table td.c3 a { color:#252525 !important;  }