/*CSS Document*/
* {padding : 0;margin : 0;} 
body { 
font-family : Verdana, Arial, Times New Roman; text-align: center; color : #444444; background: #383838 url(/img/bg_page.gif) repeat-x; font-size : 0.8em; }
body { behavior:url("/css/hover.htc"); }

dl {margin: 5px;}
dl dt, dl dd {width: 200px;  display: inline;}

blockquote { margin : 10px 10px 10px 45px; }

h5 {font-size: 1em; margin: 16px 0 0 11px; _margin-left: 13px;}

span.em {color: #666;}

a {color: #016648;}
a:hover {color:#ff6600; text-decoration: none;}


#content_box {width: 800px; margin: 10px auto 20px auto; text-align: left;background-color:#fff;border: 1px solid #fff;}
#top {height: 80px; }
#logo { float: left; width: 240px; height: 63px; _height: 60px; background: #fff; margin: 0;
cursor: pointer; cursor: hand; text-decoration: none; }
#logo a, #logo img {border: 0; margin-left: 8px; }
#logo a img {margin-top: 6px; /*height: 77px;*/  }
#logo h1 {display:none; height: 0px; font-size: 0px;}

#top_nav {float:left;height: 80px; font-weight: bold; width: 560px; background: url('/img/bg_topnav.jpg') 0 0 repeat-x; font-size: 1em; _font-size: 0.9em;}
#top_nav ul {list-style: none; padding: 27px 0 0 10px;}
#top_nav li {float: left; margin: 0 0px;_margin: 0 3px; height: 30px; }
#top_nav a {color: #fff; text-decoration: none; display: block; padding: 5px; border-right: #000 1px solid}
#top_nav li a.last { border: none; }
#top_nav a:hover, #top_nav a.active {color: #ff6600;}
#left {float: left; width: 239px; border-right:1px solid #71a28a; background-color:#fff;min-height: 249px;_min-height: 249px; } 
#left_navig {margin : 0; font-size: 1em; text-transform: lowercase; font-weight: bold;} 
#left_navig strong {font-weight: normal;}
#left_navig ul {/*display : list-item;*/ list-style : none; background-color: #fff} 
#left_navig li a {height : 25px;text-decoration : none; border-bottom: 1px solid #71a28a;} 
#left_navig li a.first { border-top: 1px solid #71a28a; }
#left_navig li a:link, #left_navig li a:visited {color : #fff;
display : block;
/*background : url(/img/bg_nav.gif);*/
background-color: #016648;
padding : 10px 0 0 15px; 
} 
#left_navig li a.offer { text-transform: none; }
#left_navig li a:hover, #left_navig li a.active {color : #fff;background : #ff6600; padding: 10px 0 0 15px;}
#left_navig a img { border: #016648 2px solid; }
#left_navig a:hover img { border: #ff6600 2px solid; }


#content {margin-left: 240px; margin-top: 260px; _margin-top: 0px; position: relative; width: 560px; _width: 554px; }


#header {/*background: url('/img/dlreality.jpg') 0 0 no-repeat;*/ height: 253px; width: 560px; float: left; position: relative; }
.better { line-height: 1.5em; color: #fff; background-color: #016648; top: 205px; left: 428px; padding: 0 10px 0px 10px; font-size: 1.3em; text-align:left; position:absolute; z-index: 5;}
#content p { 
text-align : justify; padding: 5px; margin: 10px; }
#left p.advertisment { margin: 10px 5px 10px 5px; text-align: center; border: 2px solid #016648; text-transform: none; font-size: 1em; padding-top: 10px; padding-bottom: 10px; }
#left p { text-align : justify; padding-left : 5px; padding-right : 5px; padding-top : 3px; } 
#left h2 { background-color : #016648; color : #f9f9f9; font-size : 1.1em; padding : 3px 3px 3px 5px; margin: 5px; text-transform: none; } 
#left h3 { font-size : 0.9em; padding-top : 5px; padding-left : 5px; padding-bottom : 5px; color : #000; font-weight : bolder; } 

#content h1 { 
background-color: #016648;/*#81c7f5;*/
color : #FFF;
font-size : 1.2em;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin : 15px 5px 5px 5px;
_margin-top: 5px;
}

#content h4 { 
background-color: #016648;/*#81c7f5;*/
color : #FFF;
font-size : 0.9em;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin : 15px 5px 5px 5px;
_margin-top: 5px;
}

#content h2 { 
background-color: #016648;
color : #f7f7f7;
font-size : 1.1em;
padding-left : 5px;
padding-top : 3px;
padding-bottom : 4px;
margin : 15px 5px 5px 5px;
} 
#content h3 { 
font-size : 1em;
padding: 4px 3px 4px 8px;
}

.content_right { 
margin : 0 auto;
float : left;
width : 265px;
text-align : justify;
background-color : #deebf2;
margin-right : 15px;
_margin-right : 8px;
_width : 200px;
padding-left : 5px;
padding-bottom : 5px;
padding-right : 5px;
padding-top : 2px;
} 
.content_left {
padding : 5px;
float : left;
width : 265px;
background-color : #deebf2;
margin-left : 8px;
text-align : justify;
}

.content_left p {margin: 0px; text-align: left;}

.content_left h3 { 
padding-left : 5px;
font-size : 1em;
margin: 0px 0px;
}
.content_right h3 { 
font-size : 1em;
margin-bottom : 2px;
margin-top : 5px;
}

.content_left a {color : #016648;}
.content_left .read-more {font-weight: bold; float: right; padding: 0 5px 5px 0;}

.content_left img {float: left; margin: 3px 8px 5px 0px; 
padding : 3px;
border : 1px solid #bcd2e6;
}

.cleaner {clear: both; visibility: hidden;}

.inzerce-table {border-collapse:collapse; width: 570px; margin: 5px auto; border: 1px solid silver;}
.inzerce-table td {border: 1px dotted silver; padding: 5px;}
.inzerce-table thead td {font-weight: bold; text-align: center; background-color: #E6E6E6;}
.inzerce-table .even {background-color: #F9F9F9;}
.inzerce-table .cena {text-align: center; color: red;}

.ls_poptavky {margin: 0 5px; border-collapse: collapse; font-size: 0.9em;}
.ls_poptavky td {padding: 5px; border: 1px dotted silver;}

#footer {font-family : Arial, Helvetica, sans-serif; font-size: 0.9em; color: #fff; padding: 3px 0px; margin: 50px 0px 0px 0px;  text-align: left;clear: both;background-color: #016648; border-top: 2px solid #71a28a; height: 65px; line-height: 1.4em;}
#footer a {color: #f7f7f7; border-bottom: 1px dotted #f7f7f7; text-decoration: none;}
#footer a:hover, #footer a.active {color: #ff6600; border-bottom: 1px solid #ff6600; text-decoration: none;}

.thumb { /*padding:  7px */; _padding-bottom: 0px; position: relative;min-height: 115px; _height: 105px; margin: 5px;  font-size: 0.9em; border: 1px solid #FFF;}
.thumb h3 {position: relative; margin: 3px 0; height: 15px; _height: 12px; font-size: 1em; padding:3px 10px 3px 3px; background-color: #016648; color: #FFF;}
.thumb h3 a { color: #fff; text-decoration: underline; }
.thumb h3 a:hover { color: #ff6600; text-decoration: none; }
.thumb h3 small {font-size: 0.8em;}
#thumbs h2 {position: relative; margin: 3px 0; height: 15px; _height: 12px; font-size: 1em; padding:3px 10px 3px 3px; background-color: #7AB9E0; color: #FFF; _padding: 0px;}
#thumbs h2 small {font-size: 0.8em;}
.thumb table {margin:0 0 0 5px; _margin: 0px; padding:0; }
.thumb table img {border: none;}
.thumb .descr {float: left; width: 440px; margin-left: 5px; margin-top: 5px;}
.thumb:hover {border: 1px solid #016648; background-color: #F2F2F2;}
.thumb img {/*margin: 5px 5px 5px 0px; 
padding : 3px;*/
border : 1px solid #016648;
}
.thumb .sold, .thumb .booked {position: absolute; font-size: 37px; font-weight: bold; color: red; letter-spacing: 30px; margin: 5px 55px; _margin-left: -60px; padding: 10px 10px 10px 40px; _padding: 10px 40px; border: 3px solid red;}
.thumb .booked {color: orange; border-color: orange; margin-left: 90px; _margin-left: -30px;}
.thumb .highlight {font-weight: bold; color: #FF9900;}
.thumb .price {font-weight: bold; color: #FF4500;}
.thumb .new {border: none; position: absolute; top: 3px; _top: 0px; right: 0px;/*background-color: yellow; border: 1px solid #ffcc00; border-right-width: 10px;*/}
.thumb .suggest {position: absolute; bottom: 0px; right: 2px; border: none;}
.thumb .reduct {position: absolute; bottom: 0px; right: 115px; border: none;}
.thumb img.ico {display: block; margin: 0 0 3px 0; padding:0;}
.clear {clear:both; display:block; height:1px; margin:0; padding:0; font-size:1px; line-height:1px;}

#detail {margin: 0 5px 5px 5px; width: 554px; float: right;}

#detail p {width: 457px; margin: 5px 0 0 9px; _margin-left: 12px; padding: 2px 2px 2px 2px;}
#detail .price {color: #FF3300; font-size: 1.4em;}
#detail table.details {border-collapse: collapse;margin: 5px 0 0 5px; }
#detail table.details caption {text-align: left; font-size: 1em; font-weight: bold; padding: 5px 5px 2px 5px; border-bottom: 1px solid silver; margin-bottom: 5px;}
#detail table.details img.ico {display: block; margin: 0 0 3px 0;}
#detail table.details td {padding: 5px 5px 2px 5px; vertical-align: top;}
.main_photo {_float: left; margin-right: 5px; border: 1px solid gray;}
/*#gallery {margin: 10px auto; width: 550px; margin-bottom: 0;}*/
#gallery {min-height: 400px; _height: 400px; /*width: 102px;*/ float: right; }

#scroll_clipper img {border: 1px solid #016648; margin: 0 0 5px 0; _margin-bottom: 3px; cursor: pointer;}
#gallery .button {margin:0 0 5px 0; display: block; text-align: center; padding:0; cursor: pointer; cursor: hand;}
#gallery .button img {border: none; margin: 0; padding:0;}
#scroll_clipper {height: 300px; _height: 300px; width: 102px; padding:0; margin-top: 0;overflow: hidden;}

/* STYLY PRO FORMULARE */
form { margin: 5px; }
form input, form textarea { border: 1px solid silver; margin: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;background: #fff url('/img/form.gif') top left repeat-x; }
form input { height: 18px; padding: 2px;}
input.sort { height: auto; border: 1px solid #AEAEAE; background: none; font-weight: bold;}
input.sort:hover { border: 1px solid #016648; background: #ff6600;cursor: pointer; color: #fff;}


ul.services {
padding: 0 0 0 20px;
margin: 0 10px 0 10px;
list-style: square;
}

input.button {
	width: 100px;
	height: 23px;
	color: #333333;
	/*border: 1px #ff3300 solid;*/
	font-weight: bold;
	padding: 3px;
	background: none;
}

input:hover.button {
color: #fff;
background-color: #ff6600;
}

span.grey {
color: #CCCCCC;
}

.partners { margin: 10px; padding: 5px; }
.partners a img, .partners a:hover img { border: none; }

/*ADMIN sekce*/
.help { font-size: 9px; color:#999999; }