/* CSS Document - Reality Trebon */

/******************************

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #adbad4 url(../img/body-bg.png) left top repeat-x; padding-bottom: 20px; }

a { color: #18245a; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
p { line-height: 1.3; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
#hp .clear { height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.no-border { border: none !important; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#shadow-repeat { background: url(../img/shadow-repeat.png) center top repeat-y; width: 990px; margin: auto; }
#shadow-no-repeat { background: url(../img/shadow-no-repeat.png) center top no-repeat; }
#shadow-footer { height: 10px; background: url(../img/shadow-footer.png) center top no-repeat; }
#page-wrapper { width: 980px; margin: auto; position: relative; border: 1px solid #18245a; border-top: none; background: #fff; }
#right-wrapper { float: right; width: 765px; }
#left-column { float: left; width: 200px; }
#right-column { float: right; width: 250px; }
#content { background-color: #fff; padding-left: 15px; }
#hp #content { float: left; width: 500px; padding: 0 15px 0 0; }
#content.article { padding: 0 50px; background: #feffb4; border-bottom: 1px solid #18245a; padding-bottom:10px; }


/******************************

	header

******************************/
#header { height: 100px; background: #18245a url(../img/header-bg.jpg) left top no-repeat; border-bottom: 2px solid #18245a; margin-bottom: 50px; }
#logo { font-size: 14px; font-weight: bold; width: 320px; height: 68px; padding: 15px 0 0 20px; }
#logo img { display: block; }
#logo a { color: #fff; text-decoration: none; }


/******************************

	menu + languages

******************************/
/* main menu */
#menu-wrapper { height: 0; }
#menu { position: absolute; top: 57px; right: 25px; width: 580px; height: 43px; }
#menu ul { list-style: none; }
#menu ul li { float: left; padding: 0 4px; position: relative; }
#menu ul li a { display: block; float: left; color: #18245a; padding: 16px 14px 12px; text-decoration: none; background: #d4d9e2 url(../img/menu-li-border-top.png) 0 0 repeat-x; }

#menu ul li a span { position: absolute; top: 0; display: block; width: 4px; height: 43px; background-position: 0 0; background-repeat: no-repeat; }
#menu ul li a span.left { left: 0; background-image: url(../img/menu-corner-left.png); }
#menu ul li a span.right { right: 0; background-image: url(../img/menu-corner-right.png); }
#menu ul li a:hover,
#menu ul li.active a { background-color: #fff; border-bottom: 2px solid #fff; }
#menu ul li a:hover span.left,
#menu ul li.active a span.left { height: 45px; background-image: url(../img/menu-corner-left-active.png); }
#menu ul li a:hover span.right,
#menu ul li.active a span.right { height: 45px; background-image: url(../img/menu-corner-right-active.png); }

/* submenu */
#menu ul ul { position: absolute; top: 48px; left: -70px; width: 580px; }
#menu ul ul li { padding: 0; background: #fff url(../img/submenu-li-separator.png) 0 0 no-repeat; }
#menu ul ul li a { padding: 1px 10px 2px 15px; margin: 0 0 0 1px; background: url(../img/arrow-blue.png) 9px 6px no-repeat; border: none !important; }
#menu ul ul li a:hover,
#menu ul ul li.active a { background-color: #d4d9e2; }


/* languages */
#languages { position: absolute; top: 0; right: 0; font-size: 11px; color: #fff; background: #18245a url(../img/languages-corner.png) left bottom no-repeat; padding: 8px 5px 7px 15px; }
#languages a { margin: 0 3px; color: #fff; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 125px; left: 0; width: 930px; padding: 6px 25px; font-size: 10px; color: #013376; border-top: 1px solid #18245a;  }
#breadcrumbs a { color: #013376; }


/******************************

	content

******************************/
/* common */
#content p { padding: 5px 0; }
#content.article h1 { background: #f29120 url(../img/h2-bg-orange.jpg) 0 0 no-repeat; color: #fff; font-size: 14px; padding: 5px 5px 5px 32px; margin: 0 -50px 15px -50px; }
#content.article h2 { color: #18245a; font-size: 15px; padding: 5px 0; border-bottom: 2px solid #ee7e16; margin: 5px 0; }
#content.article h3 { color: #18245a; font-size: 14px; margin: 10px 5px 5px; }
#content.article ul { list-style: none; margin: 5px 25px; }
#content.article ul li { padding: 2px 15px 2px 15px; background: url(../img/content-li-bg.png) 2px 8px no-repeat; }
#content.article p { padding: 5px 20px; }
#content.article p.intro { padding: 5px 0; }


/* homepage */
#hp-visual { width: 500px; height: 220px; background: url(../img/visual.jpg) center top no-repeat; }
#hp-main { width: 500px; height: 175px; background: #fcc93f url(../img/hp-main-bg.png) center top no-repeat; }
#hp-main div { float: left; width: 210px; padding: 0 20px 5px; }
#hp-main div h1 { font-size: 18px; color: #fff; height: 47px; margin: 5px 0; background-color: #18245a; }
#hp-main div p { line-height: 1.5; }
#hp-main div a.button { display: block; width: 174px; height: 16px; margin: 15px auto 0; background: url(../img/hp-button-bg.png) 0 0 no-repeat; text-align: center; padding: 3px 0; }

/* detail nemovitosti */
#content #orange-heading { background: #f29120 url(../img/h2-bg-orange.jpg) 0 0 no-repeat; color: #fff; font-size: 14px; padding: 5px 5px 5px 32px; margin: 0 0 15px -15px; width: 728px; }
#content #orange-heading a, #content #orange-heading a:hover { color:#fff; text-decoration:none; }
#content #result-count { color: #18245a; float: right; margin: -40px 20px 0 0; }
#content #top-tabs { position: relative; width: 604px; height: 60px; background: #18245a url(../img/detail-tabs-bg.png) 0 0 no-repeat; padding: 0 0 0 1px; }
#content #top-tabs h1 { font-size: 13px; color: #fff; padding: 8px 80px 0 20px; height: 25px; }
#content #top-tabs .id { float: right; margin: -30px 5px 0 0; width: 55px; color: #fff; }
#content #top-tabs .locality { color: #18245a; font-weight: bold; background: #feff93; width: 480px; padding: 6px 20px 4px; }
#content #top-tabs .type { position: absolute; bottom: 0; right: -130px; color: #fff; background-position: 0 0; background-repeat: no-repeat; width: 100px; height: 30px; padding: 6px 0 0 0; text-align: center; text-transform: uppercase; }
#content #top-tabs .type.sleva { background-image: url(../img/detail-tab-sleva.png); background-color: #d60303; }
#content #top-tabs .type.novinka { background-image: url(../img/detail-tab-novinka.png); background-color: #ee7e16; }
#content #top-tabs .type.rezervace { background-image: url(../img/detail-tab-rezervace.png); background-color: #65a953; }
#content #top-tabs .type.prodano { background-image: url(../img/detail-tab-prodano.png); background-color: #3c4d9d; }
#content #info { border: 1px solid #18245a; border-width: 1px 0 1px 1px; width: 749px; }
#content #info .description { background: #dce4f2; padding: 10px 10px 10px 10px; position: relative; }
#content #info .description img { float: left; margin: 0 15px 0 0; border: 2px solid #18245a; }
#content #info h2 { font-size: 15px; color: #18245a; border-bottom: 2px solid #ee7e16; padding: 5px 0; margin-bottom: 10px; }
#content #info .description p { font-weight: bold; margin-bottom:55px; }
#content #info .description h2,
#content #info .description p { margin-left: 385px; }
#content #info .description .price { border-top: 2px solid #ee7e16; position: absolute; bottom: 25px; left: 10px; width: 344px; font-size: 13px; margin-bottom:0; }
#content #info #additional-info-wrapper { background: #feffb4 url(../img/detail-additional-info-bg.png) 0 0 repeat-y; width: 749px; position: relative; }
#content #info .gallery { float: left; width: 178px; padding: 5px 10px 0; background: #feff93; border: 1px solid #18245a; border-width: 1px 2px 0 0; }
#content #info .gallery a img { display: block; margin: 5px auto 10px auto; border: 1px solid #18245a; }
#content #info .additional-info { float: right; width: 530px; padding: 6px 0 80px 0; background: #feffb4; }
#content #info .additional-info ul { list-style: none; margin: 0 0 10px 0; padding: 0 10px 10px; border-bottom: 1px solid #18245a; font-size: 11px; }
#content #info .additional-info ul li { padding: 3px 0; }
#content #info .additional-info .block-float { float: left; width: 240px; }
#content #info .additional-info .block-float.margin { margin-right: 40px; }
#content #info .additional-info .block { clear: both; margin-right: 10px; border-bottom: 1px solid #18245a; }
#content #info .additional-info p { font-size: 11px; padding: 0 10px 10px; }
#content #info #reservation { background: #ee7e16; margin-top:30px; width: 470px; height: 40px; padding: 20px 30px 0 30px; }
#content #info #reservation a { display: block; height: 16px; padding: 3px 5px; text-align: center; }
#content #info #reservation a.back { width: 100px; background: url(../img/input-submit-bg.png) 0 0 no-repeat; float: left; }
#content #info #reservation a.book { width: 164px; background: url(../img/hp-button-bg.png) 0 0 no-repeat; float: right; }

#content #info .description .price span,
#content #top-tabs .locality span,
#content.realproperty-list #items .item .locality span,
#content.realproperty-list #items .item .price span { color: #18245a; }

/* vypis nemovitosti */
#content.realproperty-list #items .item { background: #18245a url(../img/realproperty-list-item-corner.png) 0 0 no-repeat; padding: 5px 0 1px 5px; margin-bottom: 15px; width: 745px; }
#content.realproperty-list #items .item .text { float: right; width: 565px; background: #feff93; }
#content.realproperty-list #items .item img { float: left; border-right: 5px solid #18245a; }
#content.realproperty-list #items .item h1 { font-size: 13px; color: #fff; background: #18245a url(../img/hx-gradient-separator.png) 490px 0 no-repeat; padding: 2px 80px 0 20px; height: 23px; }
#content.realproperty-list #items .item h1 a { color: #fff; }
#content.realproperty-list #items .item .id { float: right; margin: -28px 5px 0 0; width: 55px; color: #fff; }
#content.realproperty-list #items .item .locality { color: #18245a; font-weight: bold; background: #feff93; padding: 6px 120px 4px 20px; border-bottom: 1px solid #ee7e16; }
#content.realproperty-list #items .item .type { float: right; margin: -25px 10px 0 0; color: #fff; background-position: 0 0; background-repeat: no-repeat; width: 98px; height: 19px; padding: 3px 0 0 0; text-align: center; text-transform: uppercase; }
#content.realproperty-list #items .item .type.sleva { background-image: url(../img/item-type-sleva.png); background-color: #d60303; }
#content.realproperty-list #items .item .type.novinka { background-image: url(../img/item-type-novinka.png); background-color: #ee7e16; }
#content.realproperty-list #items .item .type.rezervace { background-image: url(../img/item-type-rezervace.png); background-color: #65a953; }
#content.realproperty-list #items .item .type.prodano { background-image: url(../img/item-type-prodano.png); background-color: #3c4d9d; }
#content.realproperty-list #items .item .info { padding: 10px 10px 5px 20px; }
#content.realproperty-list #items .item .price { padding-left: 20px; float: left; font-size: 13px; }
#content.realproperty-list #items .item .more { float: right; padding-right: 10px; margin-top: -2px;}
#content.realproperty-list #items .item .more a { display: block; width: 164px; padding: 3px 5px; height: 16px; text-align: center; background: url(../img/hp-button-bg.png) 0 0 no-repeat; }


/******************************

	left column

******************************/
/* left menu */
#left-menu ul { list-style: none; border-right: 1px solid #18245a; border-bottom: 7px solid #18245a; }
#left-menu ul li { padding-bottom: 1px; }
#left-menu ul li a { display: block; width: 164px; font-size: 13px; color: #18245a; background: #fff url(../img/arrow-blue.png) 20px 10px no-repeat; padding: 4px 5px 4px 30px; border: 1px solid #18245a; border-width: 1px 0; text-decoration: none; }
#left-menu ul li a:hover,
#left-menu ul li.active a { color: #fff; background: #18245a url(../img/arrow-white.png) 20px 10px no-repeat; }

/* search */
#search { background: #a2c3c6; padding: 15px 5px; }
#search h2 { font-size: 12px; color: #fff; text-transform: uppercase; background: #18245a; padding: 6px 10px 5px 15px; }
#search h2 a, #search h2 a:hover { color:#fff; text-decoration:none; }
#search form { border: 1px solid #18245a; padding: 5px 7px; }
#search form table td { padding: 2px 0; }
#search form input,
#search form select { border: none; background: #fff; }
#search form select { width: 170px; }
#search form input.submit { width: 110px; height: 22px; float: right; text-align: center; cursor: pointer; color: #18245a; background: url(../img/input-submit-bg.png) 0 0 no-repeat; }

/* bottom corner */
#bottom-corner { background: #a2c3c6 url(../img/left-bottom-corner.png) right bottom no-repeat; height: 50px; width: 200px; position: relative; margin-bottom:5px; }
#bottom-corner .quality-seal { margin: -1px 0 0 15px; position: absolute; top: 0px; left: 5px; }


/*****************************

	right column

******************************/
#right-column h2 { font-size: 13px; color: #fff; padding: 7px 5px 7px 10px; }
#right-column div { width: 250px; clear: both; }
#right-column div .content { border: 1px solid #18245a; padding-bottom: 5px; margin-bottom: 10px; border-width: 0 0 1px 1px; width: 249px; }
#right-column div .clear { width: 1px; }

/* exclusive offer */
#right-column #exclusive-offer h2 { background: #ee7e16 url(../img/right-h2-bg-orange.png) 0 0 no-repeat; }
#right-column #exclusive-offer h3 { font-size: 12px; }
#right-column #exclusive-offer .content { background-color: #feff93; padding-top: 10px; }
#right-column #exclusive-offer img { float: left; margin: 0 10px 5px 5px; border: 1px solid #18245a; }

/* news */
#right-column #news h2 { background: #18245a url(../img/right-h2-bg-blue.png) 0 0 no-repeat; margin: 0; }
#right-column #news .content { background: #d4d9e2; }
#right-column #news ul { list-style: none; }
#right-column #news ul li { padding: 4px 5px 3px 20px; background: url(../img/arrow-blue.png) 10px 10px no-repeat; font-weight: bold; }

/* vasechalupy */
#right-column #vasechalupy h2 { background: #cfd053 url(../img/right-h2-bg-green.png) 0 0 no-repeat; font-size: 16px; padding-left: 15px; padding-bottom: 0; }
#right-column #vasechalupy .content { background: #cdce52; }
#right-column #vasechalupy img { display: block; margin: auto; }


/******************************

	forms / tables

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #18245a; background: #fff; padding: 1px; }

/* common form */
#content form { margin: 10px 0; }
#content form p.message { border:2px solid #EE7E16; background:#FEFF93; color:#aa0000; font-weight:bold; font-size:12px !important; padding:5px 10px !important; }
#content form label { font-weight: bold; white-space:nowrap; }
#content form table td { padding: 2px; }
#content form .input { width: 150px; padding: 2px 3px; }
#content form textarea { width: 600px; height: 120px; margin-top: 3px; }
#content form .submit { background: #fff url(../img/input-submit-bg.png) 0 0 no-repeat; color: #18245a; padding: 2px 0 4px; height: 22px; width: 110px; cursor: pointer; border: none; }
#content form .radio,
#content form .checkbox { vertical-align: middle; border: none; margin: 0 3px; background:none; }
#content form span.multiple { white-space:nowrap; padding-right:5px; }


/******************************

	footer + bottom menu

******************************/
/* bottom menu */
#bottom-menu { padding: 6px 10px; height: 15px; text-align: center; font-size: 11px; color: #18245a; }
#bottom-menu span { margin: 0 10px; }

/* footer */
#footer { clear: both; background: #a2c3c6 url(../img/footer-bg.png) 0 0 repeat-x; border-top: 1px solid #18245a; padding: 3px 10px 3px 0; font-size: 10px; width: 970px; }
#footer p { float: left; padding: 3px 10px 3px 10px; width: 270px; border-right: 1px solid #fff; }
#footer p.logo { width: 150px; border: none; }
#footer #copy { float: right; width: 180px; border: none; padding: 9px 10px 0 0; height: auto; }
#footer #copy img { vertical-align: middle; margin: -2px 0 0 0; }

/* novinky */
#content.article ul#novinky { margin:0; }
#content.article ul#novinky li { background:none; padding:5px 0; }
#content.article ul#novinky li h3 { background:#18245A; color:#fff; padding:5px 20px; }
#content.article ul#novinky li p.nahled { font-style:italic; }