@CHARSET "UTF-8";

html {background: #cccccc;}
/* to je moje, tj. mateuszowe */
/* to je moje, tj. mateuszowe_mod */
/* comment_sufiks */
body,textarea,input, td{font:12px Arial;margin:0;}

#main {background: white; width: 950px; padding: 0 50px 20px;margin: 48px 0 110px;}
#main {text-align: left;}

a img {border: 0px;}

div.submit {text-align: right; margin-top: 20px;}

#content div.text_block p {margin: 0; padding: 0; font-weight:normal; font-size:11pt;}
#content div.text_block p.enhanced {font-size: 10pt; background-color: #f3f1eb; border: 1px solid #d6cebc; margin: 15px 0; padding: 10px; font-weight:bold;}
#content div.text_block p.enhanced .number {margin-right: 5px;}


/* rezerwacja */
#content {text-align:center; padding: 0 5px;}
#hours {margin:auto;padding:10px;border-collapse: collapse; }
#hours th {color: #333333;}
#hours td, #hours th {border:1px solid #ccc;height:35px;font-size:13pt;padding: 3px 5px;}
#hours td.hours {width:50px; text-align: center; vertical-align: middle;font-weight:bold;}
#hours td.reservation_true {width:150px;text-align: center;}
#hours td.reservation_false {width:150px;background-color: #f1f1f1;text-align: center; font-weight: bold;}
#hours td.reservation_false * {color: #a60021;}
#reservationform {}
#reservationform #form {margin:10px;}
#reservationform .fieldset {text-align:center;border:1px solid #cccccc;}
#reservationform td {font-size:12px;}
#hours td a {display:block;width:100%;text-decoration:none;}

/* validation */
div.validationError, tr.validationError, td.validationError {color:red;}
td.validationError input, tr.validationError input {background: #F4E1DF;}
div.validationError {font-size:11px; float:left;}

#date_info {font-size:14px; font-weight:bold; line-height: 16px; vertical-align: middle;}
.hidden {display: none;}
.warning {color: #ff0000;}
.depozyt_detailed {text-align: right;}

/* site top menu */
#site_top img.logo {margin: 50px 0 0 30px; float: left;}
ul#top_menu {float: right; margin: 12px 0;}
ul#top_menu h1 {color: #bd1900; line-height: 1; font-size: 10pt; margin: 8px 0 5px;}
ul#top_menu li {list-style: none; float: left; margin-left: 15px;}
ul#top_menu div.bg {background: url(/img/top_menu/bg.gif); width: 85px; height: 70px; display: block; padding: 4px;}
ul#top_menu img {padding: 0; margin: 0;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.vspace {height: 20px;}

/* site top - register */
#site_top-register #current_language_box {float: right; margin: 60px 60px 0 0;}
#site_top-register {
	position:relative;
	height:112px;
}
#site_top-register h1 {display: block; float: left; margin: 70px 0 0 20px; font-size:16pt;}
#site_top-register img.logo {margin: 50px 0 0; float: left;}
#site_top-register ul.navi_menu {list-style: none; float: right; margin: 0; padding: 0; margin-top: 20px;}
#site_top-register ul.navi_menu h1 {font-size: 9pt; color: #BB1902; line-height: 1; margin: 0 0 3px; padding: 0; float: none;}
#site_top-register ul.navi_menu li {
	float: left; 
	margin-left: 10px;
}
#site_top-register ul.navi_menu li .img_box{
	background: url(/img/top_menu/bg.gif);
	width: 85px; 
	height: 70px; 
	padding: 4px; 
}
#site_top-register ul.navi_menu li img{}

/* site top - navi menu */
#site_top-menu {color: white; padding: 0; margin: 10px 0;}
#site_top-menu div, #site_top-menu ul { position: relative; display: block;}
#site_top-menu .left_edge {background: url(/img/top_navi_menu/left.gif) no-repeat left top; }
#site_top-menu .right_edge {background: url(/img/top_navi_menu/right.gif) no-repeat right top; }
#site_top-menu .body {margin: 0 10px; padding: 0 15px; background: url(/img/top_navi_menu/bg.gif) repeat-x; height: 46px;}
#site_top-menu ul.navi_menu {list-style: none; float: left; margin: 0; padding: 0; height: 46px;}
#site_top-menu ul.navi_menu a {color: white;}
#site_top-menu ul.navi_menu li {display: inline; line-height: 46px; margin-right: 5px;}
#site_top-menu #current_language_box {float: right; height: 39px; margin-top: 7px;}

/* footer */
#foot {border-top: 1px #ae9d7a dotted; margin: 40px 0 40px; color: #474531; padding: 10px 0 0;}

/* top navigation menu */
#top_navi_menu {margin-bottom: 20px; font-weight: bold;}
#top_navi_menu .left_edge {background: url(/img/top_navi_menu/left.gif) left top no-repeat;}
#top_navi_menu .right_edge {background: url(/img/top_navi_menu/right.gif) right top no-repeat;}
#top_navi_menu .bg {background: url(/img/top_navi_menu/bg.gif) left top repeat-x;}
#top_navi_menu ul {padding: 0; height: 46px;}
#top_navi_menu ul li {list-style: none; float: left; color: white; line-height: 46px; padding: 0; margin: 0 0 0 15px; }
#top_navi_menu ul li * {vertical-align: middle;}


/* LOGIN CONTAINER */
#info_container, #login_container {color: #4D4D4D;}
#login_container .simplebox {padding: 10px;}
#login_container .simplebox.right_space {margin-right: 20px;}
#login_container a {color: #474431; font-weight: bold; text-decoration: none; line-height: 1.5;}
#login_container a:hover {color: #827e7e;}
#login_container form {margin: 0;}
#login_container #foot {margin: 20px 0 0;}
/* login box */
#login_container #login_box td.top_space {padding-top: 10px;}
#login_container #login_box {float: left; border: 1px solid #999999;}
/* offer box */
#login_container #day_offer_box {float: left; width: 300px; border-right: 1px solid #BB1902; padding-right: 20px;}
#login_container #day_offer_box h1 {color: #BE0115; margin: 0 0 15px; font-size: 12pt; line-height: 1;}
#login_container #day_offer_box .offer_image {float: left; margin: 0 10px 10px 0; width: 130px;}
#login_container #day_offer_box .producer {}
#login_container #day_offer_box h2 {color: #484532; margin: 0; line-height: 1.2; font-size: 13pt;}
#login_container #day_offer_box .size {color: #F14E01;}
#login_container #day_offer_box .slogan {color: #BF0216; font-weight: bold; font-size: 13pt; text-align: right;}
#login_container #day_offer_box div.login .hint {background: url(/img/dot3.gif) left center no-repeat; font-weight: bold; color: #474431; padding-left: 15px; }
#login_container #day_offer_box div.login { margin-top: 20px; }
/* offer box */
#login_container #register_box  {float: left; width: 360px; height: 220px; background: url("/img/login/register_man.jpg") right bottom no-repeat;}
#login_container #register_box h1 {color: #BE0115; margin: 0 0 15px; font-size: 12pt; line-height: 1;}
#login_container #register_box .body {width: 280px;}
#login_container #register_box .body a.register:hover {color: #827e7e;}
#login_container #register_box .body a.register {
	margin-top: 10px; 
	display: block; 
	background: url("/img/register/button-register-bg.gif"); 
	width: 127px; 
	height: 25px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	outline: none;
}

/* INFO CONTAINER */
#info_container {border: 1px solid red; margin-top: 20px; padding: 10px 10px 0;}
#info_container .body {/*background: url(/img/bg.gif) 316px 0 repeat-y; */height: auto; display:block; width:100%;}
#info_container .simplebox {float: left; /*width: 288px;*/ }
#info_container .simplebox.right_space {margin-right: 20px;}
#info_container .right_box {padding-left: 20px; border-left: 1px solid #E4E4E4;}
#info_container {font-size: 14pt;}
#info_container .left_box h1 {font-size: 14pt; color: #4D4D4D; line-height: 1; margin: 0 0 10px;;}
#info_container .left_box p {margin: 0;}
#info_container .right_box a {display: block; color: #BE0115; margin-bottom: 10px;}

/* text block */
div.text_block h1 {font-size: 13pt; line-height: 1; float: left; margin: 20px 0 0; color:#333333;}
div.text_block p {padding: 10px; text-align: left; margin: 0;}

/* box */
div.box.rspace {margin-right: 20px;}
div.box.lspace {margin-left: 20px;}
div.box {border: 1px solid #D6CEBC;}
div.box h1 {display: block; text-align:left; height: 22px; font-size: 13pt; margin: 0; padding: 7px 5px 0; color: #333333;}
div.box h2 {display: block; text-align:left; height: 22px; font-size: 11pt; margin: 0; padding: 7px 5px 0; color: #333333;}
div.box p {text-align:left; margin: 0 5px 5px;}
div.box .body {padding: 10px 5px; text-align: left;}
div.box ul {margin: 0; padding:0;}
div.box li {list-style:none; margin: 0;}
div.box li input {margin-right: 5px; }

/* custom boxes */
div.box.vehicle_type .warning {margin-top: 5px;}
div.box.vehicle_type {width: 220px;}
div.box.workshop {width: 385px;}
div.box.workshop .body {}
div.box.reservation_date {width:188px;}
#date_info img, div.box.reservation_date .body img {vertical-align: middle; margin-right: 10px;}

/* date picker */
td.holiday {background: #BF0116; color: white; font-weight: bold; font-size: 9pt; text-align: center; cursor: help !important;}

/* Backend */
#back_menu {border-bottom:2px solid #000;height:24px; margin-bottom: 20px;}
#back_menu ul {margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px; padding:0px 0px 0px 0px;
			list-style:none;}
#back_menu li {float:left;background-color: #bf0116;margin-left:10px;padding:4px;} 
#back_menu a {display: block;font-size:14px;text-decoration: none;color:#fff;}

#back_table {border-collapse: collapse;border:1px;}
#back_table th {background-color: #dddddd;font-weight:bold;font-size:13px;border:2px solid #fff;}
#back_table td {border:2px solid #fff;text-align: center;}
#back_table td {border:2px solid #fff;background-color: #fff; font-size:12px;}
#back_table td.g{background-color: #eeeeee;}

/* workshop edit */
table#workstands, table#workshop_edit {border: 0px; font-size: 10pt;}
table#workshop_edit th {width: 50%; text-align: right; }
table#workshop_edit th, table#workshop_edit td {border-spacing: 0; border-collapse: collapse; padding: 0px 10px;}
table#workstands input, table#workshop_edit input {width: 150px;}


/* message boxes */
ul.errorbox, ul.okbox, ul.warningbox {list-style: none; margin: 10px 0;}
.errorbox {
	border: 1px solid #ff0101;
	min-height: 25px;
	overflow: hidden;
	margin: 0 0 4px 0;
	padding: 22px 20px 13px 20px;
	color: #ff0101;
	line-height: 16px;
	font-size: 10pt;
	background: #ffd7cc;
}
.okbox {
	border: 1px solid #009933;
	background: #e4f4df;
	min-height: 25px;
	overflow: hidden;
	margin: 0 0 4px;
	padding: 22px 20px 13px 20px;
	color: #009933;
	line-height: 16px;
	font-size: 10pt;
}
.warningbox {
	border-top: 1px solid #e8b23d;
	border-bottom: 1px solid #e8b23d;
	background: #f3f0ad;
	min-height: 25px;
	overflow: hidden;
	margin: 0px 0 4px;
	padding: 22px 20px 13px 20px;
	color: #6e99a8;
	line-height: 16px;
	font-size: 10pt;
}

a.delete {color: red !important; text-decoration: none;}


.error input, .error select, .error textarea {border: 1px solid #ff0101; background:#ffd7cc;}
.error label {color: red;}

/* rejestracja */
#formularz_rej {color: #333333 !important;}
#formularz_rej h1 {color: #333333; font-size: 14pt; line-height:1; margin:15px 0 5px;}
#formularz_rej td td.numer {vertical-align:top; text-align:left;}
#formularz_rej td td a {color: #e1221c; text-decoration:none;}
#formularz_rej td td {border: none !important;}
#formularz_rej td table {border: none;}
#formularz_rej tr.space {height: 15px;}
#formularz_rej tr.naglowek td {background-color: #f3f1eb; border: 1px solid #d6cebc; margin: 15px 0; padding: 5px; font-weight:bold;}
#formularz_rej a.reset, #formularz_rej a.register {
		background:url(/img/register/button.gif) no-repeat; 
		width: 233px; 
		height: 25px; 
		display: block; 
		float:left; 
		margin-right: 20px;
		color: #333333;
		text-decoration:none;
		padding: 6px 5px 2px;
}
#formularz_rej div.register_submit {padding-left: 200px; margin: 20px 0 0;}

/* logowanie */
#formularz_login tr.naglowek td {background-color: #f3f1eb; border: 1px solid #d6cebc; margin: 15px 0; padding: 10px; font-weight:bold;}
#formularz_login tr.space {height: 15px;}
#formularz_login h1 {color:#555555; font-size:12pt; margin:10px 0 0;}
#formularz_login a img {vertical-align:middle;}

#brands_box {margin: 0 0 10px 0;}
#brands_box .brands_label {font-weight: bold; font-size: 12pt; margin-right: 40px;}
#brands_box img {line-height: 80px; vertical-align: middle; margin-left: 15px;}

#programs_box {position: relative; border-top:1px dotted #AE9D7A; padding-top: 25px;}
#programs_box img.right_img {float: right; margin-left: 10px;}
#programs_box img.left_img {float: left; margin-right: 10px;}
#programs_box .body {position: relative; text-align: center;}

img.ok, img.error {vertical-align: middle; margin: 0 10px 0 5px;}

div.right {float: right;}
div.left {float: left;}

/* contact */
#contact {padding-top: 20px;}
#contact .left, #contact .right {text-align: center; width: 45%}

div#pager{
	margin: 5px 0px 5px 0;
	border: 1px solid #888;
	padding: 5px;
	background: url('/img/pager_bg.gif') repeat-x;
}

div#pager span{
	margin: 0 15px 0 99px;
}

div#pager b{
	border: 1px solid #888;
	padding: 0 6px;
}

div#pager b:hover{
	background: #faa;
}

div#pager a{
	color: #b10;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 14px;
}
div#pager a:hover{
	text-decoration: underline;
}

div#pager b a{
	margin: 0;
}