/* CSS - Selfcatering.cz */

/*** FIX ***/
form table.mceEditor td { padding:0; }

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

	global

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

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
p { padding: 5px 0; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-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; }
.blue { color: #122371; }
.red { color: #a50000; }
.green { color: #2a4901; }
.no-border { border: none !important; }
.v-top { vertical-align: top; }
.normal_font { font-size:12px !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 { cursor: pointer; }

/* forms */
fieldset { border: none; }
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b6b6b6; padding: 1px; }
form table img { border: 1px solid #B6B6B6; }

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

	layout

******************************/
#page-wrapper { width: 980px; margin: auto; }
#content-wrapper { background: #9cd356 url(/img/content-bg.png) 0 0 repeat-y; border-bottom: 2px solid #fff; }
#content-wrapper.bg { background: url(/img/home-full-bg.gif) 0 0 repeat-y; }


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

	header

******************************/
#header { height: 175px; background: url(/img/header.jpg) 0 0 no-repeat; }
#header1 { height: 175px; background: url(/img/header_1.jpg) 0 0 no-repeat; }
#header2 { height: 175px; background: url(/img/header_2.jpg) 0 0 no-repeat; }
#header3 { height: 175px; background: url(/img/header_3.jpg) 0 0 no-repeat; }
#header4 { height: 175px; background: url(/img/header_4.jpg) 0 0 no-repeat; }
#header5 { height: 175px; background: url(/img/header_5.jpg) 0 0 no-repeat; }
#header6 { height: 175px; background: url(/img/header_6.jpg) 0 0 no-repeat; }

#logo { padding: 15px 0 0 5px; }

/* menu */
#menu { margin: 23px 0 0 0; height: 70px; }
#menu ul { list-style-type: none; }
#menu ul li { float: left; }
#menu ul li a { display: block; height: 66px; width: 84px; font-weight: bold; color: #036; background: #d7e2ee; margin: 0 1px 0 0; padding: 2px 4px; }
#menu ul li a:hover { color: #fff; background: #4e619e; }
#menu a span { height: 70px; width: 92px; }
#menu a:hover span,
#menu .active span { background-position: 0 -70px; background-color: lightblue; }
#m1 span { background-image: url(/img/m1.jpg); }
#m2 span { background-image: url(/img/m2.jpg); }
#m3 span { background-image: url(/img/m3.jpg); }
#m4 span { background-image: url(/img/m4.jpg); }
#m5 span { background-image: url(/img/m5.jpg); }
#m6 span { background-image: url(/img/spec_pobyty_button.jpg); }
#m7 span { background-image: url(/img/m7.jpg); }
#m8 span { background-image: url(/img/m8.jpg); }
#m9 span { background-image: url(/img/m9.jpg); }
#m10 span { background-image: url(/img/m10.jpg); }


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

	breadcrumbs

******************************/
#breadcrumbs { background: #d2d2d2 url(/img/breadcrumbs-bg.png) 0 0 repeat-y; font-size: 11px; color: #858585; padding: 3px 6px; }
#breadcrumbs a { color: #858585; }


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

	left column

******************************/
#left { float: left; width: 210px; background: #ad7c3b; }
#left div.h2 { background: #874c00; color: #fff; font: normal 18px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; text-align: center; padding: 8px 5px; }
#left a { color: #122371; }

/* search */
#search form { padding: 3px 4px; }
#search .submit { background: #24367f url(/img/arrow-right-white.png) 25px center no-repeat; border-color: #666; color: #fff; width: 130px; padding: 3px 5px; }
#search td { color: #fff; padding: 1px 0; }



/* region search */
#region-search { margin: 10px 0; margin-top: 0; }
#region-search h3 { background: #874c00; color: #fff; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: uppercase; text-align: center; padding: 6px 5px; }
#region-search ul { list-style: none; }
#region-search ul li a { display: block; width: 175px; font-weight: bold; text-transform: uppercase; background: #d5af7d url(/img/arrow-right.png) 18px 8px no-repeat; padding: 5px 5px 5px 30px; border-bottom: 1px solid #874c00; text-decoration: none; }
#region-search ul li a.active { background: #d5af7d url(/img/arrow-down.png) 15px 10px no-repeat; }
#region-search ul li a:hover { text-decoration: underline; }
#region-search ul ul a { width: 159px; color: #fff; font-weight: normal; text-transform: none; background: #ad7c3b url(/img/arrow-submenu.png) 5px 8px no-repeat; padding: 3px 3px 3px 21px; margin-left: 27px; border-bottom: 1px solid #d5af7d; }
#region-search ul ul a:hover,
#region-search ul ul a.active { background-color: #d5af7d; background-image: url(/img/arrow-submenu-active.png); color: #122371; text-decoration: none; }

/* recommendation */
#recommendation { border: 1px solid #122371; background: #fff; padding: 5px; margin: 10px 20px; text-align: center; }
#recommendation img { margin: 0 auto 2px auto; }


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

	right column

******************************/
#right { float: right; width: 170px; }
#right.home { background: #ad7c3b; }
#right.home div { border: 1px solid #122371; padding: 10px 10px 10px 12px; }
#right.home div div.h2 {  border:0; padding:0; font-size: 15px; text-transform: uppercase; letter-spacing: -1px; padding-top: 2px; padding-bottom: 5px; }
#right.home div a { color: #fff; }
#right.home div div.h2 a { text-decoration: none; }
#right.home div p { padding:0; }
#last-minute,
#vlozit-nemovitost,
#reference { margin: 0 0 10px 0; }
#last-minute { background: #ed4901; }
#right.home #last-minute div.h2 { border:0; padding:0; background: url(/img/h2-last-minute-bg.png) right top no-repeat; }
#vlozit-nemovitost { background: #24367f; }
#right.home #vlozit-nemovitost div.h2 { border:0; padding:0; background: url(/img/h2-vlozit-nemovitost-bg.png) left top no-repeat; padding-left: 33px; }
#reference { background: #874c00; }
#right.home #reference div.h2 { border:0; padding:0;background: url(/img/h2-reference-bg.png) right top no-repeat; }
#koupit-prodat-nemovitost { background: #65863b; }
#right.home #koupit-prodat-nemovitost div.h2 { border:0; background: url(/files/images/ikona_chcete.png) left top no-repeat; padding-left: 33px; }

#right.home div#twitter { padding:0; border:none; }

/* detail - karta nemovitosti */
#right #right-menu { float: none; }
#right #gallery { background: #eaeef1; margin: 5px 10px 10px 0; padding: 5px 0; border-bottom: 2px solid #65863b; }
#right #gallery .item { padding: 5px 5px 0 5px; margin-bottom: 5px; text-align: center; }
#right #gallery .item img { padding: 2px; background: #fff; border: 1px solid #122371; width: 120px; }
#right #gallery .item p { padding: 0 0 8px 15px; background: url(/img/arrow-brown-small.png) 5px 6px no-repeat; color: #874c00; text-align: left; border-bottom: 1px solid #9cd356; }
#right #gallery .item a { color: #874c00; }
#right #gallery .blue-button { display: block; background: #24367f url(/img/arrow-right-white.png) 8px 8px no-repeat; padding: 5px 0 5px 20px; border: 1px solid #757575; margin: 0 10px; color: #fff; text-decoration: none; }

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

	content

******************************/
#content { width: 770px; float: right; margin: 0; background: #9cd356; min-height:inherit !important; }
#content.bg { background: url(/img/home-bg.gif) 0 0 repeat-y; }
#main { width: 565px; padding: 10px 0 10px 20px; float: left; }
#main.border { border-right: 1px solid #65863b; padding-right: 7px; }

#content h1 { background: #65863b; color: #fff; font: normal 18px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; padding: 8px 10px 8px 20px; }
#content div.h1 { background: #65863b; color: #fff; font: normal 18px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; padding: 8px 10px 8px 20px; }
#content h1.blue { background: #24367f; letter-spacing: 0; text-transform: none; }
#content h1 img { margin: 0 5px 3px 5px; }
#content h2 { font-size: 14px; }
#content h2.blue { background: #24367f; color: #fff; padding: 4px 2px 4px 10px; }
#content h2.big {  padding: 8px 5px 8px 15px; border-top: 1px solid #874c00; }
#content h3 { font-size: 13px; }

/* homepage */
#content #homepage-heading { float: right; width: 330px; position: relative; z-index: 2; }
#content #homepage-heading p { padding: 3px 0 0 8px; color: #122371; }
#content #homepage-heading #h1 { font: normal 20px Arial, Helvetica, sans-serif; color: #122371; width: 325px; height: 28px; padding: 2px 0 0 5px; }
#content #homepage-heading #h1 span { height: 30px; width: 330px; background-image: url(/img/title-vitejte.jpg); }
#map-cr-sr { margin: -30px 0 0 0; }
#maps dl { background: #fff; font-size: 14px; font-weight: bold; color: #122371; width: 200px; margin: -50px 0 0 0; position: relative; }
#maps dt { padding: 3px 8px; }
#maps dd { border-top: 2px solid #9cd356; padding: 3px 5px 3px 30px; background: #fff url(/img/arrow.png) 10px 0 no-repeat; font-size: 13px; }
#region-list { margin: 20px 0 10px 0; color: #fff; }
#region-list h2 { text-transform: uppercase; color: #122371; }
#region-list span { margin: 0 4px; }
#region-list a { color: #fff; text-decoration: none; }
#region-list p { padding: 3px 2px; }
#region-list a:hover { color: #122371; text-decoration: underline; }
#region-list .cr { float: left; width: 310px; }
#region-list .sr { float: right; width: 245px; }
#region-list .cr p { border-right: 1px solid #fff; }

/* page */
#content div.text { padding:20px; }
#content div.text p { padding:10px 0; }
#content div.text ul, #content div.text ol { margin-left:25px; }
#content div.text li { margin:5px 15px 5px 0; }
#content div.text #items .item p { margin:0; padding:5px 0pt 0pt; }
#content div.text img.right { float: right; margin: 0 0 0 10px; }
#content div.text img.left { float: left; margin: 0 10px 0 0; }

/* search results */
#content #sorting { border-bottom: 1px solid #65863b; padding: 8px 20px; }
#content #sorting a { color: #122371; }
#content #sorting img { vertical-align: middle; margin: 0 3px; }

#items { }
#items .item { padding: 10px 0 10px 20px; border-bottom: 1px solid #65863b; }
#items .item.odd { background: #c9f098; }
#items .item img { width: 100px; padding: 2px; background: #fff; border: 1px solid #757575; float: left; position: relative; z-index: 2; }
#items .item h2 { background: #24367f url(/img/h2-gradient.png) right top repeat-y; color: #fff; padding: 5px 5px 5px 115px; position: relative; }
#items .item h2 a { color: #fff; }
#items .item h2 img { width: auto; padding: 0; background: none; border: none; margin: 0 4px 2px 4px; float: none; }
#items .item p.persons { font-size: 13px; font-weight: bold; color: #24367f; float: right; margin: -25px 30px 0 0; position: relative; }
#items .item p { margin: 0 30px 0 115px; padding: 5px 0 0 0; position: relative; }
#items .item a.more { float: right; padding: 0 0 0 10px; background: url(/img/arrow-right.png) 0 4px no-repeat; color: #122371; margin-right: 35px; }

/* calendar */
#calendar-heading { margin: 10px 0 0 0; padding-left: 20px; float: left; }
#calendar-heading h2 { background: #24367f; color: #fff; padding: 3px 5px; width: 270px; float: left; }
#calendar-heading a { float: left; margin: 4px 0 0 20px; padding-left: 10px; background: url(/img/arrow-right.png) 0 3px no-repeat; color: #24367f; }
#right-menu { float: right; list-style: none; width: 160px; padding: 10px 10px 0 0; }
#right-menu a  { display: block; width: 136px; background: #ed4901 url(/img/arrow-right-white.png) 6px 7px no-repeat; border: 1px solid #757575; padding: 4px 4px 4px 18px; color: #fff; text-decoration: none; margin: 0 0 3px 0; }
#right-menu a:hover { text-decoration: underline; }
#calendar-hints { clear: left; color: #874c00; margin: 20px 0 0 20px; }
#calendar-hints td { padding: 3px; }
#calendar-hints td.description { padding: 3px 10px; background: url(/img/arrow-brown-small.png) 2px 12px no-repeat; }
#calendar-hints img { border: 1px solid #757575; }

#calendar { border-top: 1px solid #65863b; border-bottom: 2px solid #65863b; background: #c9ef98; margin: 20px auto 5px auto; border-collapse: collapse; }
#calendar th,
#calendar td { border-collapse: collapse; font-size: 11px; height: 18px; }
#calendar th { width: 19px; }
#calendar td { border: 1px solid #ccc; background: #fff; text-align: center; }
#calendar td.month { border: none; background: none; font-weight: bold; text-align: left; padding: 0 3px; }
#calendar td.weekend { background: #ddd; }
#calendar td.no-day { background: none; border: none; }
#calendar td.volno { background: #6bbf00; }
#calendar td.volno-start { background-image: url(/img/cal-volno-start.png); }
#calendar td.volno-end { background-image: url(/img/cal-volno-end.png); }
#calendar td.obsazeno { background: #e51c24; }
#calendar td.obsazeno-start { background-image: url(/img/cal-obsazeno-start.png); }
#calendar td.obsazeno-end { background-image: url(/img/cal-obsazeno-end.png); }
#calendar td.rezervace { background: #4e65af; }
#calendar td.rezervace-start { background-image: url(/img/cal-rezervace-start.png); }
#calendar td.rezervace-end { background-image: url(/img/cal-rezervace-end.png); }
#calendar td.vyber { background: #eb00ff; }
#calendar td.vyber-start { background-image: url(/img/cal-vyber-start.png); }
#calendar td.vyber-end { background-image: url(/img/cal-vyber-end.png); }
#calendar td { background-position: 0 0; background-repeat: no-repeat; }
.calendar-info { padding: 0 0 0 20px; font-weight: bold; }
.calendar-info span { color: #874c00; font-weight: normal; }

/* detail - karta nemovitosti */
#photo { float: left; width: 250px; background: #eaeef1; border-bottom: 2px solid #65863b; }
#photo img { padding: 2px; background: #fff; border: 1px solid #757575; width: 244px; display: block; }
#photo p { color: #874c00; background: url(/img/arrow-brown-small.png) 7px 10px no-repeat; padding: 5px 5px 5px 15px; }
#description { float: left; margin: 0 0 0 10px; width: 305px; }
#main.detail ul { list-style: none; margin: 3px 0 0 0; }
#main.detail ul li { padding: 4px 10px; border-bottom: 1px solid #cbe3b3; }
#main.detail ul ul li { border: none; padding: 4px 5px 1px 20px; background: url(/img/arrow-green-small.png) 12px 10px no-repeat; }
#main .box { float: left; width: 270px; margin-bottom: 10px; }
#main.detail .box.left { border-right: 1px solid #65863b; margin-right: 10px; padding: 0 10px 0 0; }
#main.detail .box p { padding-left: 10px; }
#main.detail .box a { color: #24367f; font-weight: bold; }
#main .box ul { border-bottom: 3px solid #cbe3b3; }
#info { clear: left; border-top: 4px solid #cbe3b3; padding: 5px 0 10px 0; }
#info p { line-height: 1.3; text-align: justify; }
#noticeboard { background: #eaeef1 url(/img/noticeboard-bg.jpg) 0 0 no-repeat; border-bottom: 2px solid #65863b; padding: 30px 10px 25px 50px; margin-bottom: 20px; }
#noticeboard h2 { color: #fff; padding: 0 0 10px 0; }
#noticeboard h3 { font-size: 12px; background: url(/img/noticeboard-h3.png) 0 10px no-repeat; padding: 10px 0 0 18px; }
#noticeboard p { padding: 3px 0 0 18px; }
#interests { margin: 15px 0; border-bottom: 4px solid #cbe3b3; }
#interests h2 { width: 260px; }
#interests p { padding: 10px; }

/* price list */
#price-list { background: #eaeef1; border-collapse: collapse; width: 565px; }
#price-list th,
#price-list td { padding: 3px 5px; text-align: center; border: 1px solid #e1c7a2; border-collapse: collapse; }
#price-list th { background: #d5af7d; }
#price-list th.green { color: #fff; background: #65863b; border: 1px solid #eaeef1; }
#price-list .text-left { padding-left: 15px; }

/* reservation */
#reservation { margin: 20px 0; background: #eaeef1; border-bottom: 2px solid #65863b; }
#reservation a.check-availability { display: block; width: 126px; background: #ed4901 url(/img/arrow-right-white.png) 6px 7px no-repeat; border: 1px solid #757575; padding: 4px 4px 4px 18px; color: #fff; text-decoration: none; margin: 0 0 3px 0; float: right; margin: -28px 20px 0 0; }
#reservation .contact { border: 1px solid #65863b; width: 198px; float: right; padding: 0 0 10px 0; clear: right; }
#reservation .contact h3 { background: #65863b; color: #fff; padding: 6px 5px 6px 15px; }
#reservation .contact h4 { padding: 6px 0; margin: 0 10px 0 15px; border-bottom: 1px solid #65863b; }
#reservation .contact p { padding: 5px 5px 5px 15px; }
#f_reserve { margin: 10px; }
#f_reserve td { padding: 4px 2px; }
#f_reserve td.spacer { width: 240px; }
#f_reserve td.text-right { width: 60px; }
#f_reserve input,
#f_reserve textarea { padding: 4px 6px; margin: 0 3px 0 0; }
#f_reserve textarea { float: left; position: relative; width: 400px; height: 80px; }
#f_reserve .submit { background: #24367f url(/img/arrow-right-white.png) 15px center no-repeat; border-color: #666; color: #fff; width: 160px; padding: 3px 5px; float: right; clear: right; }


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

	bottom links + footer

******************************/
#bottom-links *,
#foter * { color: #122371; }
#bottom-links { text-align: center; background: #d6d6d6 url(/img/bottom-links-bg.png) 0 0 repeat-y; padding: 8px; }
#bottom-links a { font-size: 11px; font-weight: bold; }
#footer { background: #7689bc url(/img/footer-bg.png) 0 0 repeat-x; height: 33px; padding: 5px 10px 0 10px; text-align: center; font-size: 11px; }
#footer * { vertical-align: middle; }
#footer a { vertical-align: baseline; }
#footer span { font-size: 24px; margin: 0 25px; color: #fff; }
#footer #selfcatering { margin: -1px 0 0 0; }

hr.cleaner {
	clear:both;
	margin:-1px 0 0 0; padding:0;
	height:1px;
	border:none;
	font-size:1px;
	line-height:1px;
	visibility:hidden;
}
#vypis-obrazek p.insert, #vypis-priloha p.insert { margin-top:10px; }

#right.home div#novinky { padding:0; margin-bottom:10px; }
#right.home div#novinky .h2 { background:#874C00; padding:5px 10px 5px 12px; }
#right.home div#novinky p { padding:7px 10px 7px 12px; }
#right.home div#novinky p.nadpis { border-bottom:1px solid #D5B07C; }
#right.home div#novinky p.footer { border:none; }