@import 'common.css';

#body { background: #000 url(../images/bg_body_footer.gif) repeat-x scroll left -129px;padding:0px;}


/*--------------------------------HEADER--------------------------------------*/
#header {height:201px; background: url(../images/bg_header.jpg) no-repeat scroll 50% top;}
#header #logo {display:block;width:349px; height:57px;position:absolute;left:50%;top:69px;margin-left:-388px;overflow:hidden;}
#header #logo a{width:349px; height:57px; position:relative; display:block;}

/*--------------------------------MAIN----------------------------------------*/
#main {margin:auto; width:970px; overflow:hidden;padding-bottom:17px;}

#main .left-column {width:216px;float:left;}
#main .left-column .head {display:block; padding-left:11px; padding-top:6px; height:25px; background: #c63c2e url(../images/bg_block_heads.gif) no-repeat scroll right top;font-size:11pt;}
#main .left-column .menu {background: url(../images/bg_left_block.gif) no-repeat scroll right bottom;margin-bottom:12px;padding-bottom:16px;}
#main .left-column .menu li {background: url(../images/arrow.gif) scroll no-repeat 10px bottom;padding-left:20px;height:14px;padding-top:10px; position:relative;}
#main .left-column .menu li a {text-decoration:none; font-size: 10pt; font-weight:bold;}
#main .left-column .menu li a:hover {text-decoration:underline;}
#main .left-column .button-menu li {margin-bottom:12px; height:48px; overflow:hidden;}
#main .left-column .button-menu li a {display:block; height:48px; width:216px; position:relative;}
#main .left-column .button-menu li a span {display:block; height:48px; width:216px; position:absolute; top:0px; left:0px; background-repeat:no-repeat; background-position:left top;}
#main .left-column .button-menu li a:hover span {background-position: 0 -48px;}
#main .left-column .button-menu li.shop-alu-kola a span {background-image: url(../images/bg_eshop_alu_kola.gif);}
#main .left-column .button-menu li.shop-pneu a span {background-image: url(../images/bg_eshop_pneu.gif);}
#main .left-column .button-menu li.reservation-tireservice a span {background-image: url(../images/bg_rezervace_pneuservis.gif);}
#main .left-column .button-menu li.reservation-geometry a span {background-image: url(../images/bg_rezervace_geometrie.gif);}

#main .right-column {width:744px; float:right;position:relative;}
#main .right-column .content {padding-left:16px;padding-right:10px;font-size: 9pt; line-height: 1.6em;}
#main .right-column .content * {font-size: 9pt; line-height: 1.6em;}
#main .right-column .content p {padding-bottom:5px;}
#main .right-column .content li {margin-left:15px;list-style: circle outside url()}
#main .right-column .as-h1,
#main .right-column h1 {padding-left:16px;padding-right:10px;padding-bottom:30px;padding-top:10px;font-size: 10pt;}
#main .right-column h1 strong {color:#c94133;}
#main .right-column .head {display:block; width:733px; padding-left:11px; padding-top:6px; height:30px; background: #c63c2e url(../images/bg_block_heads.gif) no-repeat scroll right top;font-size:11pt;}
#main .right-column .services {background: url(../images/bg_right_block.gif) no-repeat scroll right bottom;margin-bottom:12px;padding-bottom:16px; padding-left:1px;width:743px;overflow:hidden;}
#main .right-column .services li {margin-left:15px;margin-right:15px;width:217px;float:left;margin-top:10px;overflow:hidden;}
#main .right-column .services li a {padding-left:45px; text-decoration:none; font-size: 10pt;display:block;padding-top:8px;padding-bottom:5px;height:32px;background: url(../images/bg_buttons_services.gif) no-repeat scroll 10px 0px;}
#main .right-column .services li a strong {float:left; width:172px; font-weight:normal;font-size: 10pt;text-transform:uppercase; cursor: pointer;}
#main .right-column .services li a span {float:left;font-size: 8pt; display:block; width:172px; padding-top:2px; clear:left; line-height: 12px; cursor: pointer;}
#main .right-column .services li a:hover {background-color:#1d1d1d !important;}
#main .right-column .services li.service-1 a {background-position: 10px 0px;}
#main .right-column .services li.service-2 a {background-position: 10px -45px;}
#main .right-column .services li.service-3 a {background-position: 10px -90px;}
#main .right-column .services li.service-4 a {background-position: 10px -135px;}
#main .right-column .services li.service-5 a {background-position: 10px -180px;}
#main .right-column .services li.service-6 a {background-position: 10px -225px;}
#main .right-column .services li.service-7 a {background-position: 10px -270px;}
#main .right-column .services li.service-8 a {background-position: 10px -320px;}
#main .right-column .services li.service-9 a {background-position: 10px -365px;}
#main .right-column .services li.service-10 a {background-position: 10px -410px;}
#main .right-column .services li.service-11 a {background-position: 10px -455px;}
#main .right-column .services li.service-12 a {background-position: 10px -500px;}

#main .right-column #contact-form legend {padding-top:5px; padding-bottom:10px;}
#main .right-column #contact-form li {list-style: none; margin:0;padding-top:2px;}
#main .right-column #contact-form li label {display:block; margin-top:8px;}
#main .right-column #contact-form li input {width:260px;}
#main .right-column form .error {border: #b33e31 solid 2px;}
#main .right-column #contact-form li textarea {width:50%;}
#main .right-column #contact-form li.checkbox input {width: auto;}
#main .right-column #contact-form li.checkbox label {display: inline;}
#main .right-column #contact-form button {border:none; display:block; width:260px; height:40px; text-indent: -10000px; position:relative; padding:0px; margin:15px 0px 0px 0px; cursor: pointer;background: #c63c2e url(../images/bg_submit_button.png) no-repeat scroll left top; overflow:hidden;}
#main .right-column #contact-form button:hover {background-position: left -40px;}
#main .right-column .content .success {border: #fff solid 1px; padding: 5px; background-color: #1e9000; width:50%;}
#main .right-column .content .errors {border: #fff solid 1px; padding: 5px; background-color: #880303; width:50%; margin-bottom:10px;}
#main .right-column .content .errors li { margin: 0; list-style: none; }
/*#main .right-column #contact-form button span {background: #c63c2e url(../images/bg_submit_button.gif) no-repeat scroll left top; display:block; width:176px; height:40px; position:absolute; left:0px; top:0px;}
#main .right-column #contact-form button:hover span {background-position: left -40px;}*/

#main .right-column .feast-days {padding-top:20px;width:100%; overflow:hidden; }
#main .right-column .feast-days dt {float:left; clear:left; line-height:19px;width:100px;overflow:hidden;font-size: .9em;}
#main .right-column .feast-days dd {float:left; line-height:19px;position:relative; width:500px; padding-left: 100px;font-size: .9em;}
#main .right-column .feast-days dd strong {position:absolute; left:0px; bottom:0px;display:block;font-size: 1em;font-weight:normal;}
#main .right-column .feast-days .th {padding-top:20px;margin-bottom:10px;}

/*--------------------------------FOOTER--------------------------------------*/
#footer {height:100px;padding-top:29px; background: url(../images/bg_body_footer.gif) repeat-x scroll left top;text-align:center;}
#footer p {width:970px; margin:auto; margin-top:0px; margin-bottom:0px;}
#footer p,
#footer p a {color:#646464;font-weight:bold;font-size: 8pt;padding-bottom:10px;}
#footer p a {text-decoration: underline;}
#footer p a:hover {text-decoration: none; color: #fff;}
#footer span { font-size: 8pt; }

#footer #footer-menu { font-size: 8pt; color: #646464; text-align: center; line-height: 1.2; width: 500px; margin: 0 auto; }
#footer #footer-menu a { font-size: 8pt; color: #646464; }

.edit-buttons {position:absolute; top:0px; left:0px;}
.edit-buttons.standard {position: static;}

#main .right-column .content #reservation-steps li { list-style-type: decimal; list-style-position: inside; }

#reservation-steps { width: 100%; margin-bottom: 20px; overflow: hidden; margin-right:-15px;}
#reservation-steps li { text-align: center; width: 222px; border: 1px solid #FFF; float: left; margin-left:0px !important; margin-right:15px; }
#reservation-steps .active { background-color: #C93F32; }

#ui-datepicker-div,
#ui-datepicker-div * { font-size: 8pt; }
#ui-datepicker-div th span { color: #666; }

.reservation-tab { margin-bottom: 20px; }
.reservation-tab th,
.reservation-tab td { padding: 2px 5px; }
.reservation-tab td strong { color: #c93f32; }
.reservation-tab th { font-weight: normal; text-align: right; width: 200px; }
.reservation-tab .th-spec1 { vertical-align: top; padding-top: 5px; }
.reservation-tab .th-spec2 { padding-top: 20px; }
.reservation-tab .input-spec { width: 60px; }
.reservation-tab .ui-datepicker-trigger { margin-left: 3px; }
.reservation-tab #arrival-box {display:none;}

.reservation-tab select option {background-color: #fff; }
.reservation-tab select option.full {background-color: #9c0000; color:white;}
/*.reservation-tab select option.half {background-color: #61a161;}*/

#reservation-nav { width: 100%; overflow: hidden; }
#reservation-nav .left { width: 50%; float: left; }
#reservation-nav .right { text-align: right; width: 50%; float: right; }


button.submit_reservation {width:260px; height:40px; text-indent: -10000px; background: #c63c2e url(../images/bg_submit_button.png) no-repeat scroll left -80px; overflow:hidden;}
button.submit_reservation:hover {background-position: left -120px;}
button.back_reservation {width:260px; height:40px; text-indent: -10000px; background: #c63c2e url(../images/bg_submit_button.png) no-repeat scroll left -160px;}
button.back_reservation:hover {background-position: left -200px;}
button.send_reservation {width:260px; height:40px; text-indent: -10000px; background: #c63c2e url(../images/bg_submit_button.png) no-repeat scroll left -240px;}
button.send_reservation:hover {background-position: left -280px;}



.align-c { text-align: center; }

.align-r { text-align: right; }

.hide { display: none; }

#main .right-column .content .err { color: #FF0000; margin-bottom: 20px; border-collapse: collapse;}
#main .right-column .content .err strong { color: #FF0000; }

/*--------------------------ADMIN---------------------------------------------*/

#admin-body { background: #000 ;padding:0px; font-size:80%; border-color: #430505;}
#admin-body a:hover {text-decoration:none;}
#admin-body #admin-header {padding:10px; margin-left: 5%;}
#admin-body .shifting {float:left; width:5%;padding-top:200px; text-align:center;}
#admin-body .shifting-left {clear: left;}
#admin-body .shifting a {width:100%; display:block; text-decoration:none; margin:auto; margin-bottom:20px;}
#admin-body .shifting button {width:100%;}
#admin-body #reservation {width:90%; margin:auto;background:#450505;float:left; }
#admin-body #reservation th {text-align:center;background:#890505; padding:5px; width:44%;}
#admin-body #reservation th.time {width:5%;}
#admin-body #reservation tr{background:#620707;}
#admin-body #reservation tr.inactive{background:#4d0505 !important;}
#admin-body #reservation td {position:relative;}
#admin-body #reservation td .delete {float:right; margin-right:10px; display:block;}
/*#admin-body #reservation td .delete ul{display: inline;}*/
#admin-body #reservation td .delete ul li{display: inline; margin-left:15px;}
#admin-body #reservation td * {font-size:100%;line-height:1.4em;}
#admin-body #reservation td.free {color:#c3f7d5; text-align:center;}
#admin-body #reservation td.full {padding-left: 10px;}
#admin-body #reservation td .detail {display:none;}
#admin-body #reservation td .detail dl {width:90%; overflow:hidden; padding: 5px 10px;}
#admin-body #reservation td .detail dl dt {float:left; clear:left; width:100px;}
#admin-body #reservation td .detail dl dd {float:left; }
#admin-body .print {margin-right:5%;float:right; clear:both;}
#admin-body .add-new {margin-left: 5%;}

ul.replacement li {color:black; font-size:.8em;}
ul.replacement li strong {color:black; font-size:.8em;}