/*=== hlavni ===*/
body { margin: 0; padding: 0; border: 0; color: #3F3F3F; background-color: #aac292; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; }

a { color: #035003; font-weight: bold; } 
a:hover { color: maroon; } 
a:visited { color: #035003; }
a:visited:hover { color: maroon; } 

h1 { margin: 0; padding: 4px 4px 4px 10px; font-size: 14px; font-weight: bold; text-align: left; line-height: normal; background: #424221 url("../images/bg_header.png"); color:#ffff04; }
h2 { padding: 10px 0 0 0; font-size: 15px; font-weight: bold; }
h3 { font-weight: bold; font-size: 13px; color: #424221; padding-top: 8px; padding-bottom: 2px; border-bottom: 2px dotted #424221; }
h4 { font-size: 12px; line-height:130%; color: #626262; }

.found { padding: 0px 5px; background-color: yellow; }
.lighttext { color: gray; }
.redtext { color: red; }
.clear_both { clear: both; }

/*=== hlavni panel === */
#backbox_middle { width: 1000px; margin: 0 auto; background: #FFFFFF none repeat scroll 0 0; }
#backbox_bottom { padding: 0 0 13px; background: #aac292; }
#container{ width: 1000px; margin: 0 auto; background: #cbeba5 none repeat scroll 0 0; }

#headerbox { position: relative; width: 100%; height: 130px; background-color: #88bc5a; background-repeat: no-repeat; }
#headerbox .logo { position: absolute; top: 0px; left: 0px; }
#headerbox .debug { position: absolute; right: 10px; margin: 5px; font-weight: bold; font-size: large; background-color: transparent; color: red; }
#middlebox { }
#footerbox { width: 1000px; clear: both; margin: 0 auto; text-align: right; }
#footerbox .copyright { padding: 5px 5px 50px 5px; color: gray; font-size: 11px; }
#footerbox .sitemap { float:left; margin: 5px 5px 5px 5px; color: gray; font-size: 11px; font-weight: normal; text-decoration: underline; }
#footerbox .sitemap:hover { text-decoration: underline; }

#leftbox { float: left; width: 200px; padding: 0 0 0 0; }
#rightbox { float: right; width: 800px; }
#topbox { background: #538725 url("../images/bg_menu_top.png"); }

#content { padding: 7px; text-align: justify; line-height: 1.4; }

#menu_left, #signup, #offerbox { width:200px; margin-bottom: 5px; background-color: #f2f2f2;}

/*=== menu ===*/
#menu_left { padding: 6px 0; font-size: 11px; font-weight: bold; line-height: 1.6; background: #538725 url("../images/bg_menu_top.png") top repeat-x; color: #ffffff; }
#menu_left ul, #menu_top ul { margin: 0; padding: 3px 5px; list-style: none; color: #ffffff;}
#menu_left a { text-decoration: none; font-weight: normal; color: #ffffff;}
#menu_top a { text-decoration: none; font-size: 12px; font-weight: bold; color: #ffffff;}
#menu_left a:hover, #menu_top a:hover, #signup a:hover { color: #ffdd22; }
#menu_left .active a, #menu_top .active a { font-weight: bold; color: #ffdd22;  }

#menu_left a { margin: 5px; padding-left: 17px; background: transparent url("../images/menu_arrow.gif") no-repeat center left; text-decoration: none; }
#menu_left a:hover { background-image: url("../images/menu_arrow_over.gif"); }
#menu_left .title { margin: 0 0 0 10px; font-size: 14px; font-weight: bold; font-variant: small-caps; }
#menu_left .active a { background-image: url("../images/menu_arrow_over.gif"); }

#menu_top { line-height: 1.6; font-size: 11px; font-weight: bold; color: #035003; }
#menu_top li { margin-left: 11px; margin-right: 11px; display: inline; }

#menu_lang { float: right; }
#menu_lang li { margin: 0 5px 0 5px; display: inline; }

/*=== registrace ===*/
#signup { width: 184px; padding: 8px; background: #538725; }
#signup .title { margin-bottom: 4px; font-size: 14px; font-weight: bold; font-variant: small-caps; color: #035003; }
#signup .info { font-size: 10px; color: #ffffff; line-height: 1.2; text-align:left;}
#signup img { float: right; }
#signup a { float: right; margin-top: 0px; clear: both; font-size: 10px; }

/*=== reklama ===*/
#offer_top { width: 180px; padding: 5px 10px; margin-bottom: 0; background: #538725;}
#offer_top img { margin: 5px 0; }

/*=== odkazy === */
ul.links { list-style-image: url("../images/icons/arrow_right.png"); line-height: 1,5; }
a.linkphoto { padding-right: 20px; background: url("../images/icons/camera.gif") no-repeat right; }
a.linkphoto:hover { background-image: url("../images/icons/camera_over.png"); }


/*=== informace ===*/
ul.informace { list-style: none; color: gray; padding-left: 0; line-height: 2; }


/*=== formulare ===*/
input, select, textarea { padding:1px; font-size:11px; vertical-align:middle; border:1px solid #cac2aa; }

form { margin:0; padding: 0; }
form .row { clear:both; padding:5px 0; }
form .after { float:left; }
form .colname { vertical-align:top; text-align:right; padding-right:10px; }
form .separator { border-top:1px solid #cac2aa; margin:20px 0; }
form .info { float:left; color:gray; font-size:10px; }

form label { float:left; padding:0; vertical-align:middle; }
form label.caption { width:150px; margin-right:15px; text-align:right; }
form input.button { float:none; width:100px; height:24px; margin:0px; border:0; background-image: url("../images/button.png"); background-color:transparent; font-size:12px; text-align:center; vertical-align:middle; }
form input.button:hover { background-image: url("../images/button_over.png"); color:white; cursor:pointer; }
form input.checkbox, input.radio { width:auto; }
form input.checkbox { border: 0;  }
form input.radio { border-width:0; }
form input.file { }

#nabidka_form label.caption { width:270px; }

.spam { margin-top:10px; margin-bottom:10px; vertical-align:middle; }
.spam img { float:left; padding-right:10px; vertical-align:middle; }
.spam input { width:98px; height:26px; font-size:20px; }

/*=== panel form ===*/
.panelform { }
.panelform .header { padding: 6px 10px; font-size: 14px; font-weight: bold; background: #cac2aa url("../images/bg_header_form.png") repeat-x; color: #68561d; }
.panelform .title { padding-left: 22px; background: url("../images/icons/edit_brown.png") no-repeat left center; }
.panelform .panel { padding: 20px; border: 1px solid #cac2aa; border-top-width: 0; background-color: #FCF4DC; }
.panelform .before  { float:left; margin-right:10px; }
.panelform input, .panelform select, .panelform textarea { float:left; margin-right:10px; }
.panelform input.disabled { background-color:#e6e0da; color:#c1a698; }
.panelform input.button { float:none; }
.panelform #selectCountrydiv, #selectCAdiv { float:left; }

/*=== panel search ===*/
.panelsearch { margin-left: 30px; margin-right: 30px;}
.panelsearch .header { padding: 6px 10px; font-size: 14px; font-weight: bold; background: #cfd061 url("../images/bg_header_search.png") repeat-x; color:#396b1b; }
.panelsearch .title { padding-left: 22px; background: url("../images/icons/search_title.png") no-repeat left center; }
.panelsearch .panel { padding:10px; border: 1px solid #cfd061; border-top-width: 0; background-color: #FDFDBD; }
.panelsearch input, .panelsearch select, .panelsearch textarea { border-color:#cfd061; }
.panelsearch input { float:left; }

/*=== panel contact ===*/
.panelcontact { margin-bottom: 20px; }
.panelcontact .header { padding: 4px; font-size: 14px; font-weight: bold; background: #efefef url("../images/bg_header.png") repeat-x; color:#ffff04; }
.panelcontact .title { padding-left: 5px;}
.panelcontact .panel { margin: 0; padding: 10px; background-color:#cbeba5; }

#map_contact { width: 500px; height: 375px; float:right; border: 1px solid silver; }

.panelform, .panelsearch, .panelcontact { text-align: left; line-height: normal; }

.panelform .required, .panelsearch .required { padding-right: 0.2em; color: red; }

#question, #notification, #notification_sale { display: none; }

/*=== stav nabidky ===*/
#offer .nabidka_aukce, #offer .nabidka_sleva, #offer .nabidka_doporucujeme, #offer .nabidka_zmena, #offer .nabidka_rezervace, #offer .nabidka_prodano
{ padding: 10px; padding-left: 32px; font-size: 14px; font-weight: bold; background: transparent url("../images/icons/information16.png") 8px 50% no-repeat; color: red; }

.aukce, .sleva, .doporucujeme, .zmena, .rezervace, .prodano
{ margin-left: 5px; padding: 1px 4px 1px 4px; font-weight: bold; color: white; }

.aukce { background-color: #ffcccc; border-color: #e1aeae; }
.sleva { background-color: #37ad63; border-color: #c8d5dc; } /*#e6f3e6*/
.doporucujeme { background-color: #ffcd38; border-color: #adc8ae; } /*#cce6cc*/
.zmena { background-color: #FFDB99; border-color: #e1bd7b; }
.rezervace { background-color: #ffe6e6; border-color: #e1c8c8; }
.prodano { background-color: #d3d3d3; border-color: #b5b5b5; }

.nabidka_box { background-color: #afcc5c; }
.nabidka_box_aukce, #offer .nabidka_aukce { background-color: #ffcccc; }
.nabidka_box_sleva, #offer .nabidka_sleva { background-color: #e6f3e6; }
.nabidka_box_doporucujeme, #offer .nabidka_doporucujeme { background-color: #ffe79f; }
.nabidka_box_zmena, #offer .nabidka_zmena { background-color: #FFDB99; }
.nabidka_box_rezervace, #offer .nabidka_rezervace { background-color: #ffe6e6; }
.nabidka_box_prodano, #offer .nabidka_prodano { background-color: #d3d3d3; }

/*=== tabulka doporucujeme ===*/
#recommended { border-spacing: 2px; font-size: 10px; text-align: left; line-height: 1.3;}
#recommended caption, #offer_table caption { padding: 2px 5px 2px 5px; text-align: left; font-size: 12px; font-weight: bold; letter-spacing: 0.1em; background: #424221 url("../images/bg_header.png") center; color: #ffff04; }
#recommended td { padding: 7px; border: 1px solid silver; }
#recommended p { padding: 0; }
#recommended a { font-weight: normal; text-decoration: none;}
#recommended a:hover { color: maroon;}
#recommended img { display: block; margin-bottom: 5px; border: 1px solid silver; }
#recommended .link_box { position: relative; }
#recommended .legend, #offer_table .legend { border: 0; padding: 10px 0 0 0; }
#recommended .empty { border: 0; }
#recommended .price { font-weight: bold; color: maroon; }
#recommended .aukce, #recommended .sleva, #recommended .doporucujeme, #recommended .zmena, #recommended .rezervace, #recommended .prodano
{ position: absolute; top: 1px; left:1px; width: 128px; margin: 0; opacity: 0.8; text-align: right; color: black; }

/*=== tabulka s nabidkami ===*/
#offer_table { font-size: 10px; }
#offer_table th { padding: 5px; background-color: #999871; }
#offer_table th .info { font-weight: normal; }
#offer_table th, #offer_table thead a { margin-left: 15px; font-weight: bold; text-decoration: none; color: white; }
#offer_table thead a.sort_up { margin-left: 0; padding-left: 15px; background: url("../images/icons/sort_up.png") no-repeat left center; }
#offer_table thead a.sort_down { margin-left: 0; padding-left: 15px; background: url("../images/icons/sort_down.png") no-repeat left center; }
#offer_table tr:hover { background-color: #afcc5c; }
#offer_table td { padding: 8px; border-bottom: 1px solid gray; }
#offer_table a { font-weight: normal; }
#offer_table a:hover { color:maroon; }
#offer_table .empty { border: 0; }
#offer_table .description { margin: 3px 0 0 0; line-height: 100%; font-size: 10px; color:gray; }
#offer_table .row_even { background-color: white; }
#offer_table .row_odd  { background-color: #f5f5f5; }
#offer_table .legend:hover { background-color: transparent; }
#offer_table img { border: 1px solid silver; background: #ececec; }


/*=== prikazy a tlacitka ===*/
.commands { margin: 10px 0 10px 0; text-align: right; }
.commands a { font-size: 11px; font-weight: normal; }

.toolbar { width: 100%; margin-top: 15px; padding: 4px 0; text-align: left; list-style-image: none; background-color: #999871; clear: both; }
.toolbar ul { margin: 0; padding: 0; }
.toolbar li { float: left; padding: 3px 10px; list-style: none; }
.toolbar a  { padding: 3px 0; color: white;}
.toolbar a:hover { color: maroon; }

#paging { margin-top: 5px; padding: 5px; background-color: #999871; color: white; }
#paging label { margin: 0px 10px; padding: 0; }
#paging select { float: left; margin: 0px 2px; padding: 0; width: 50px; text-align: center; }
#paging input { margin-left: 20px; }
#paging a { float: left; margin: 0 2px; }
#paging .button { float: none; width: 80px; height: 18px; margin: 0 2px; padding: 0; border: 0; font-size: 10px; text-align:center; vertical-align:middle; background-image: url("../images/button_page.png"); color: white; }
#paging .button:hover { background-image: url("../images/button_page_over.png"); color:white; cursor:pointer; }

a.nahoru { padding-left: 15px; font-size: 11px; text-decoration: underline; background: url("../images/icons/arrow_up.png") 0% 80% no-repeat; }
a.nahoru:hover { background: url("../images/icons/arrow_up_over.png") 0% 80% no-repeat; }
a.search { padding-left:18px; font-size: 11px; text-decoration: underline; line-height:1; background: url("../images/icons/search_btn.png") 0% 50% no-repeat; }
a.search:hover { background: url("../images/icons/search_btn_over.png") 0% 50% no-repeat; }

a.print, a.notification, a.notification_sale, a.question, a.delete
{ padding-left:25px; font-size: 11px; text-decoration: none; }

a.print { background: url("../images/icons/print.png") 0% 50% no-repeat; }
a.print:hover { background-image: url("../images/icons/print_over.png"); }
a.notification { background:url("../images/icons/contact.png") 0% 50% no-repeat; }
a.notification:hover { background-image: url("../images/icons/contact_over.png"); }
a.notification_sale { background:url("../images/icons/email.png") 0% 50% no-repeat; }
a.notification_sale:hover { background-image: url("../images/icons/email_over.png"); }
a.question { background:url("../images/icons/email.png") 0% 50% no-repeat; }
a.question:hover { background-image: url("../images/icons/email_over.png"); }
a.delete { background:url("../images/icons/bin.png") 0% 50% no-repeat; }
a.delete:hover { background-image: url("../images/icons/bin_over.png"); }


/*=== nabidky ===*/
#offer { }
#offer h1 { margin: 0; padding: 4px 4px 4px 10px; font-size: 14px; font-weight: bold; text-align: left; line-height: normal; background: url("../images/bg_header.png"); color:#ffff04;}
#offer h2 { margin:3px 0 5px 0; font-size:14px; color:#035003; border-bottom: 1px dotted black; }
#offer p { padding:0 0 0 5px; margin:0 0 10px 0; line-height:130%;}
#offer p.cena_info { color:red; font-weight:bold; }
#offer p.aukce { font-weight:bold; color:red; }
#offer .polozka { padding-top:2px; padding-bottom:2px; }
#offer .polozka .nazev { float:left; width:5em; display:block; clear:none; margin-right:5px; color: gray; text-align:right; }
#offer .polozka .cena { padding-top:5px; font-weight:bold; font-size:12px; color: maroon;}
#offer .mapa { position: relative; }
#offer .mapa a { position: absolute; top: 10px; right: 20px; }
#offer .text { float: left; }
#offer .photos { float: right; width: 302px; padding-left: 5px; padding-right: 5px; background-color: #cbeba5; }
#offer .photos img { margin:5px 0 5px 0; border:1px solid silver; }
#offer .photos p { margin:0; margin-bottom:10px; padding-bottom:5px; }

#offer_map { width: 100%; height: 500px; border: 1px solid #999901; }
#offer_map .info { display: block; }
#offer_map h1 { margin-right: 20px; font-size: 12px; background: none; }
#offer_map img { float: left; margin-right: 10px; border:  1px solid silver; }
#offer_map .text { float:left; }

/*=== boxy ===*/
.newsbox { padding: 10px 10px 10px 55px; font-weight: bold; background: #538725 url("../images/icons/warning32.png") no-repeat 10px 10px; color:#ffdd22; }
.infobox { padding: 10px; font-weight: bold; text-align: center; background: #538725; color:#ffdd22; }

/*=== cena ===*/
.cena { margin-bottom: 20px; }
.cena thead { font-weight: bold; background-color: #cfd061; }
.cena td { background-color: #cfd061; }
.cena td.old, th.old { background-color: #dddddd; }


/*=== hlaseni ===*/
.form_ok     { padding: 40px 0 40px 50px; color: green; font-size: 12px; font-weight: bold; background: url("../images/icons/ok32.png") left center no-repeat; }
.form_failed { padding: 40px 0 40px 50px; color: red; font-size: 12px; font-weight: bold; background: url("../images/icons/error32.png") left center no-repeat; }
.form_error  { margin-bottom: 10px; padding: 0 0 20px 50px; color: red; font-size: 12px; font-weight:bold; background: url("../images/icons/error32.png") left top no-repeat; border-bottom: 1px dashed gray; }
.form_error ul { list-style: none; margin-bottom:0; }

.panelreport { padding: 10px; margin-bottom: 15px; background-color: #FCF4DC; }
.panelreport .form_ok, .form_failed { padding-top:10px; padding-bottom:10px; }
.panelreport .form_error { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 0; }


/*=== napoveda ===*/
#popupBackground
{
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6*/
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  z-index: 1;
}
.help { display: none; float: left; position: absolute; border: 0px solid #ffdd22; z-index: 10; background-color: white; }
.help .header { display: block; padding: 10px; font-size: 14px; font-weight: bold; background: #538725 none; color: white; }
.help .body { display: block; padding: 20px; font-weight: normal; color: black; }
.help a.close { position: absolute; right: 5px; top: 5px; padding: 0 3px; font-size: 12px; text-decoration: none; color: white; }
.help a.close:hover { color: white; }