/*ZAKLADNI FORMATOVANE PRVKY*/
html, body {background-color:#d5d7d7; width:100%; height:100%;}
body {color:#262626; font-size:0.75em; line-height:20px; position:relative; background:#d5d7d7 url(../images/bg.png) repeat-x top;}
body, textarea {font-family:Arial, Helvetica, sans-serif;}
body, table, h1, h2, h3, h4, h5, h6, ul, a, li, ol, img, p, form, hr, dl, dt, dd, frame, fieldset {padding: 0px; margin: 0px; border: 0px;}
ul {list-style: none;}
img {display: block;}
a {color:#262626;text-decoration:underline; cursor:pointer;}
a * {cursor:pointer;}
a:hover {color:#000000; text-decoration:none;}
h1, h2, h4, h3, h5, h6 {color:#0c4e65;}
h1 {font-size:1.49em;}
h2 {font-size:1.39em;}
h3 {font-size:1.29em;}
h4 {font-size:1.19em;}
h5 {font-size:1.09em;}
h6 {font-size:1em;}
.clr {clear:both; height:0px; overflow:hidden; font-size:1px; border:0px; padding:0px; margin:0px; line-height:0px;}

/*DALSI FORMATOVANE PRVKY*/

#center_page {width:962px; position:relative; margin:0 auto 0 auto; padding:3px 0 0 0;}

#header {width:962px; height:184px; float:none; clear:both; overflow:hidden; background:url(../images/bg_header.png) no-repeat 0 0;  _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/app/templates/abbauto/images/bg_header.png', sizingMethod='crop');}

#logo_site, #logo_site span {width:260px; height:50px; display:block;}
#logo_site {position:relative; overflow:hidden; color:#fff; margin:68px 0 0 25px;}
#logo_site span {position:absolute; top:0; left:0; background:url(../images/logo_site.png) no-repeat 0 0;}

#hl_menu {width:960px; height:40px; float:none; clear:both; overflow:hidden; border:#0c4e65 solid; border-width:1px 1px 0 1px; background:#ffffff url(../images/hl_menu.png) repeat-x top;}
#hl_menu li {float:left; position:relative; display:block;}
#hl_menu a {text-decoration:none; color:#0c4e65; font-weight:bold; position:relative; font-size:1.09em; padding:10px 20px 11px 20px; display:block; background:url(../images/hl_menu_odd.png) no-repeat 0 15px;}
#hl_menu a:hover {color:#052c3a;}
#hl_menu li.first a {margin-left:-1px; _margin-right:-1px;}
#hl_menu li.active a {background:url(../images/hl_menu_active.png) no-repeat 0 0;}
#hl_menu li.active span {width:1px; height:25px; display:block; position:absolute; top:15px; right:-1px; _top:13px; *top:13px; background-color:#b9baba;}

#content_box {width:960px; float:none; clear:both; overflow:hidden; background-color:#FFF; border:#aaaaaa solid; border-width:0 1px 0 1px; padding-bottom:20px;}

#content_left {width:657px; float:left; overflow:hidden; padding:0 33px 0 13px; margin-top:20px; background:url(../images/con_odd.gif) repeat-y left;}
#content_right {width:226px; float:left; overflow:hidden; padding:20px 0 0 30px;}

#content_left h1, #content_left h3, #content_left h4, #content_left h5, #content_left h6, #content_left p {margin-bottom:20px;}
#content_left h2 {margin:30px 0 20px 0; border-left:3px solid #42a3c5; padding-left:12px;}

.sluzby_sez {width:667px; margin-bottom:10px; float:none; clear:both; overflow:hidden; text-decoration:none;}
.sluzby_sez a {width:249px; height:32px; display:block; float:left; overflow:hidden; margin:0 10px 10px 0; position:relative; border:1px solid #dbdbdb; font-weight:bold; font-size:1.19em; padding:11px 0 0 69px; background:#ededed url(../images/sluzby_sez.png) repeat-x top;}
.sluzby_sez span {width:65px; height:43px; display:block; position:absolute; top:0; left:0; overflow:hidden; padding-left:700px;}

.sluzby_sez .sluzb_prodaut span {background:url(../images/sluzb_prodaut.png) no-repeat 0 0;}
.sluzby_sez .sluzb_dovaut span {background:url(../images/sluzb_dovaut.png) no-repeat 0 0;}
.sluzby_sez .sluzb_vykaut span {background:url(../images/sluzb_vykaut.png) no-repeat 0 0;}
.sluzby_sez .sluzb_mycka span {background:url(../images/sluzb_mycka.png) no-repeat 0 0;}
.sluzby_sez .sluzb_leasing span {background:url(../images/sluzb_leasing.png) no-repeat 0 0;}

.items_box {width:687px; float:none; clear:both; overflow:hidden; margin-bottom:12px;}

.item_box {width:665px; background:#ffffff url(../images/item_box.png) repeat-x bottom; border:1px solid #dbdbdb; padding:2px; margin-bottom:8px; float:none; clear:both; overflow:hidden;}
.item_box img.first {border:3px solid #FFF; float:left;}
.item_box .con {width:536px; float:left; padding:3px 5px 0 10px;}
.item_box .a_more {float:none; clear:both; overflow:hidden; margin-bottom:0px;}
.item_box .a_more a {float:left; display:block; background-color:#1f6982; border:1px solid #104e64; padding:2px 6px 1px 6px; text-decoration:none; color:#FFF;}
.item_box .a_more a:hover {background-color:#104e64;}
.item_box .a_more span {width:120px; display:block; float:left; padding:2px 10px 0 0; margin-right:10px; font-weight:bold; background:url(../images/hl_menu_odd.png) no-repeat 120px 6px;}
.item_box .con p {margin:0 0 10px 0 !important;}

#footer {width:934px; float:none; clear:both; overflow:hidden; position:relative; background:#2e7b96 url(../images/footer.png) repeat-x bottom; color:#ffffff; padding:11px 13px 12px 13px; border:solid #155b73; border-width:0 1px 1px 1px;}
#footer div.first {float:left;}
#footer div.last {float:right; text-align:right;}
#footer a {color:#FFF;}
#footer .odd {padding:0 10px 0 10px; color:#50a0bd;}

#bg_bottom {width:100%; height:50px; background:url(../images/bg_bottom.png) no-repeat top center;}

#content_right .nadpis {font-size:1.49em; color:#0c4e65; font-weight:bold; margin-bottom:20px; display:block;}
#content_right p {margin-bottom:6px;}

#map_box {width:156px; height:90px; display:block; background:url(../images/map_box.png) no-repeat 0 0; margin:17px 0 20px 0;}
#map_box:hover {background-position:0 -90px;}

.img_left, .img_right {border:1px solid #adadad; margin:0 10px 20px 0;}
.img_right {float:right;}
.img_left {float:left;}
.img_left img, .img_right img {border:2px solid #FFFFFF;}

#content_left .odd {width:100%; height:1px; float:none; clear:both; overflow:hidden; font-size:1px; line-height:0; background-color:#dbdbdb; margin-bottom:20px;}

ul.strana_sez {padding-bottom:15px;}
ul.strana_sez li {background:url(../images/lsi.gif) no-repeat 0 8px; padding:0 0 4px 20px; position:relative; display:block;}
ul.strana_sez ul {margin:10px 0 0 0 !important;}
 
ol.strana_sez {padding:0 0 15px 20px;}

.a_more {float:none; clear:both; overflow:hidden; padding:0 40px 0 0;}
.a_more a {float:left; display:block; background-color:#1f6982; border:1px solid #104e64; padding:2px 6px 1px 6px; text-decoration:none; color:#FFF; margin-bottom:15px;}
.a_more a:hover {color:#ffffff; background-color:#004e71;}

.tabulka {width:687px; margin-bottom:20px; float:none; clear:both; overflow:hidden; vertical-align:top; font-size:1em; border:solid #b4b4b4; border-width:2px 0 1px 0;}
.tabulka th, .tabulka td {padding:8px 5px 8px 5px; border-bottom:1px solid #b4b4b4;}
.tabulka th {text-align:left; background-color:#ececec;}

.fotogalerie {width:687px; float:none; clear:both; overflow:hidden; padding-bottom:5px;}
.fotogalerie li {float:left; margin:0 15px 15px 0;}
.fotogalerie a {border:1px solid #e4e6e5; padding:2px; background-color:#FFF; display:block;}
.fotogalerie a:hover {border:1px solid #a7a7a7;}

.lista_box {width:649px; background:#ffffff url(../images/item_box.png) repeat-x bottom; border:1px solid #dbdbdb; padding:10px; margin-bottom:20px; float:none; clear:both; overflow:hidden;}
.lista_box div.first span {padding-right:5px;}
.lista_box div.first select {margin-right:5px;}
.lista_box div.first {float:left;}
.lista_box div.last {float:right; font-weight:bold;}
.lista_box div.last a {padding-left:5px;}

.tabulka_item {width:373px; margin-bottom:20px; vertical-align:top; font-size:1em; border:solid #b4b4b4; border-width:2px 0 1px 0;}
.tabulka_item th, .tabulka_item td {padding:4px 5px 4px 5px; border-bottom:1px solid #b4b4b4;}
.tabulka_item th {text-align:left; background-color:#ececec;}

.fl_box {width:100%; float:none; clear:both; overflow:hidden;}
.fl_box .first {float:left;}
.fl_box .last {float:right;}

.h_sluzb_prodaut, .h_sluzb_dovaut, .h_sluzb_vykaut, .h_sluzb_mycka, .h_sluzb_leasing {display:block; height:25px; padding:5px 0 0 45px !important; border:none !important;}
.h_sluzb_prodaut {background:url(../images/sluzb_prodaut_2.png) no-repeat 0 0;}
.h_sluzb_dovaut {background:url(../images/sluzb_dovaut_2.png) no-repeat 0 0;}
.h_sluzb_vykaut {background:url(../images/sluzb_vykaut_2.png) no-repeat 0 0;}
.h_sluzb_mycka {background:url(../images/sluzb_mycka_2.png) no-repeat 0 0;}
.h_sluzb_leasing {background:url(../images/sluzb_leasing_2.png) no-repeat 0 0;}

.kon_box {width:460px; float:right;}

.kon_box_form {width:428px; display:block; margin:0 10px 10px 0; position:relative; border:1px solid #dbdbdb; padding:11px 10px 10px 10px; background:#ededed url(../images/sluzby_sez.png) repeat-x top;}
.kon_box_form a.first {font-weight:bold; font-size:1.19em;}
.kon_box_form .con {width:428px; padding-top:10px;}
.kon_box_form .con .formular {margin:0;}

.kon_box_map {width:428px; display:block; margin:0 10px 10px 0; position:relative; border:1px solid #dbdbdb; padding:11px 10px 10px 10px; background:#ededed url(../images/sluzby_sez.png) repeat-x top;}
.kon_box_map a.first {font-weight:bold; font-size:1.19em;}
.kon_box_map .con {width:428px; padding-top:10px;}

.formular {float:none; clear:both; overflow:hidden; margin-bottom:20px;}
.formular label {display:block;}
.formular .input input {width:200px; border:1px solid #838383; padding:5px; background:#ffffff url(../images/bg_input.png) repeat-x top; margin-bottom:5px;}
.formular .textarea textarea {width:400px; height:150px; border:1px solid #838383; padding:5px; background:#ffffff url(../images/bg_input.png) repeat-x top; overflow:auto; margin-bottom:5px;}
.formular .but_odeslat input {width:63px; height:29px; display:block; border:none; cursor:pointer; background:#3396c3 url(../images/but_odeslat.png) no-repeat 0 0;}

#myMap {height:300px; width:428px; border:1px solid #282828; position:relative; float:none; clear:both; overflow:hidden;}

.kon_table {margin-bottom:20px; width:140px;}
.kon_table th {text-align:left; width:50px; vertical-align:top;}

/* AdminDirect */
#admin_direct {position: fixed !important; width: 230px; right: 0; top: 0; text-align: left; z-index: 10000; opacity: 0.9;}
#admin_direct .direct_header {overflow: hidden; position: relative; width:230px; height: 25px; background: url('/admindirect/images/header.png') 0 0 no-repeat;}
#admin_direct .direct_header a {position: absolute; display: block; width: 13px; height: 13px; top: 8px; left: 10px; background: url('/admindirect/images/min-max.png') 0 0 no-repeat; outline: none; overflow: hidden; text-indent: -9999px;}
#admin_direct .direct_header a.maxi {background-position: 0 -13px;}
#admin_direct .direct_content {color: #000; font-family: "Tahoma",sans-serif; font-size: 11px; line-height: 1.5; text-align: left;}
#admin_direct .direct_content .direct_edit {background: url('/admindirect/images/bg.png') 0 0 repeat-y; padding: 1px 5px;}
#admin_direct .direct_content ul,
#admin_direct .direct_content li {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0;}
#admin_direct .direct_content ul {margin: 0 1px;}
#admin_direct .direct_content li a {display: block; color: #fff; font-weight: normal !important; padding: 5px 2px 5px 14px; text-decoration: none !important; outline: none;}
#admin_direct .direct_content li a:hover {color: #fff; background: #2e6ec6 url('/admindirect/images/hover.png') 0 0 repeat-x;}
#admin_direct .direct_foot {overflow: hidden; width: 230px; height: 68px; background: url('/admindirect/images/footer.png') 0 0 no-repeat;}
#admin_direct .direct_foot a {display: block; width: 230px; height: 68px; overflow: hidden; text-indent: -9999px;}

/*VALIDATION CSS*/
.formError {position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000;}
#debugMode {background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000;}
.ajaxSubmit {padding:20px; background:#55ea55; border:1px solid #999; display:none;}
.formError .formErrorContent {width:100%; background:#e61a23; color:#fff; width:150px; font-size:11px; border:1px solid #ddd; padding:4px 10px 4px 10px;}
.greenPopup .formErrorContent {background:#33be40;}
.blackPopup .formErrorContent {background:#393939; color:#FFF;}
.formError .formErrorArrow {position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001;}
.formError .formErrorArrowBottom{top:0; margin:-6px;}
.formError .formErrorArrow div {border-left:1px solid #ddd; border-right:1px solid #ddd; font-size:0px; height:1px; background:#e61a23;margin:0 auto; line-height:0px; font-size:0px; display:block;}
.greenPopup .formErrorArrow div {background:#33be40;}
.blackPopup .formErrorArrow div {background:#393939; color:#FFF;}
.formError .formErrorArrow .line10 {width:15px; border:none;} 
.formError .formErrorArrow .line9 {width:13px; border:none;} 
.formError .formErrorArrow .line8 { width:11px;} 
.formError .formErrorArrow .line7 { width:9px;} 
.formError .formErrorArrow .line6 { width:7px;} 
.formError .formErrorArrow .line5 { width:5px;} 
.formError .formErrorArrow .line4 {width:3px;} 
.formError .formErrorArrow .line3 {width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd;} 
.formError .formErrorArrow .line2 {width:3px; border:none; background:#ddd;}
.formError .formErrorArrow .line1 {width:1px; border:none; background:#ddd;}

.filtr_table {float:left;}
.filtr_table td, .filtr_table th {padding:0 2px 0 2px;}
.filtr_table th {text-align:left;}
.filtr_table .input_1 {width:58px;}
.filtr_table .select_1 {width:144px;}

.button {display:block; background-color:#1f6982; border:1px solid #104e64; padding:3px 6px 3px 6px; text-decoration:none; color:#FFF; cursor:pointer;}
