/* Style File for Main Content */

* {margin:0px; padding:0px;}
img, a img {border: none;}
a {text-decoration: underline; color: #000002;}
a:hover {text-decoration: none;}
p {padding: 5px 0; text-align: justify;}

h1 {font-size: 18px; line-height: 1em; padding:1em 0 1em 0; font-weight:normal;}
h2 {font-size: 14px; line-height: 1em; padding:0.5em 0 0.5em 0; font-weight: bold;}
h3 {font-size: 12px; padding:0.5em 0 0.5em 0;}
h4 {font-size: 1em;}

/* TABLES 
table {border-collapse: collapse; margin: 1em 0; width: 100%;}
td, .desc th {border: 1px solid #000; padding: 1px 3px; vertical-align: top;}
th {text-align: center; vertical-align: top;}
*/

/* list default settings */
ul {padding:2px 0 2px 30px;}
ul li {margin:0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

html, body {width:100%;}
body {text-align:center; color:#202728; font-family: Arial, Tahoma, Trebuchet MS; font-size:12px; background:#28166F url("/public/images/header2.jpg") no-repeat center top;}
#page {width:1001px; text-align:left; margin:0 auto;}

#header {position:relative; height:118px; }
#logo {display: block; left: 48px; position: absolute; top: 25px;}
#header .head {margin-left:301px; height: 100%; width: auto; background: #FFFFFF url(/public/images/header.jpg) no-repeat top center;}

/* MAIN MENU */
#menu-bg {background:#130DA1 url(/public/images/menu-bg.jpg) repeat-x left top; width: 100%; height: 53px; font-size: 1px; line-height: 1px; position: absolute; top: 118px; z-index: 0;}
#menu {padding:0; list-style-type:none;position:relative;z-index: 10;}
#menu.right {float: right;}
#menu li {float:left;}
#menu li a {width:166px; height:53px; display:block; background:url(/public/images/main-menu2.png);}

#menu li a.main{background-position:0 0; width:171px;}
#menu li a.main:hover,
#menu li.active a.main {background-position:0 53px;}

#menu li a.about {background-position: -171px 0;}
#menu li a.about:hover,
#menu li.active a.about {background-position:-171px 53px;}

#menu li a.placereklama {background-position: -337px 0;}
#menu li a.placereklama:hover,
#menu li.active a.placereklama, #menu li.hover a.placereklama { background:url(/public/images/razmesch-rekl.jpg);}
#menu li.active ul {
display:block;
}

#menu li a.makereklama{background-position: -503px 0;}
#menu li a.makereklama:hover,
#menu li.active a.makereklama {background-position:-503px 53px;}

#menu li a.partner{background-position: -669px 0;}
#menu li a.partner:hover,
#menu li.active a.partner {background-position:-669px 53px;}

#menu li a.contacts{background-position: -835px 0;}
#menu li a.contacts:hover,
#menu li.active a.contacts {background-position:-835px 53px;}

/*#menu {padding:0; list-style-type:none;}
#menu.right {float: right;}
#menu li {float:left;}
#menu li a {width:162px; height:59px; display:block; background:url(/public/images/main-menu.png);}

#menu li a.main{background-position:0 0;}
#menu li a.main:hover,
#menu li.active a.main {background-position:0 59px;}

#menu li a.placereklama {background-position: -162px 0;}
#menu li a.placereklama:hover,
#menu li.active a.placereklama {background-position:-162px 59px;}

#menu li a.makereklama{background-position: -324px 0;}
#menu li a.makereklama:hover,
#menu li.active a.makereklama {background-position:-324px 59px;}

#menu li a.partner{background-position: -486px 0;}
#menu li a.partner:hover,
#menu li.active a.partner {background-position:-486px 59px;}

#menu li a.contacts{background-position: -648px 0; width:150px;}
#menu li a.contacts:hover,
#menu li.active a.contacts {background-position:-648px 59px;}*/

#menu li ul {
				margin: 0;
				padding: 0;
				position: absolute;
				background: #abb3e1;
				width: 100%;
				left:0;
				top:53px;
				text-align: left;
		                border-bottom:1px #919598 solid;
				font-weight: bold;				
				display: none;
list-style:none;
			}

#menu li ul li {
display:inline-block;
float:none;
}
				#menu li ul li a {
					color: #585367;
					background: none !important;
					padding: 7px 25px;
font-weight:normal;
text-decoration:none;
width:auto;
height:auto;
font-size:13px;
				}

#menu li ul li a:hover, #menu li ul li.selected a {
color:#27176f;
font-weight:bold;
}
/* / MAIN MENU */

#page-search #container,  #container.search{
padding-top:32px;
}

#container {padding-left:301px; position:relative;background:#FFFFFF;border-top: 1px solid #919598; min-height: 30em; _height:30em;}
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .buttons {padding:4px;border:#959595 solid 1px;margin:20px;background-color:#dfdfdf;margin-bottom:0;}
#container .center {margin-left:auto;margin-right:auto;}

#container.full {padding-left:0px;}

#content {margin-left:0; width:100%; float:left;}
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#primary {float:none; min-height:18em; _height:18em; padding-bottom: 80px;}
#primary div.text {padding:0 50px 0 0; line-height: 1.4em; padding-bottom: 60px;}
#primary div.text a {text-decoration: underline;}
.dual  #primary {float:left; width:65%;}
.dual  #secondary {float:left; width:35%;}

#sidebar {left:-301px; width:301px; position:relative; float:left; margin-left:-100%; overflow: hidden; color:#FFFFFF;}
#sidebar a {color:#FFFFFF;}
#sidebar div.text {/*overflow:auto; */padding:10px 15px; line-height: 1.5em; background:#28166F;}

#footer {line-height:1.5em; padding:10px 10px 30px 20px; text-align: left; color: #9890BA; font-size: 11px;}
#footer .block-text {padding:30px 40px 20px 20px; height:8em; color: #FFFFFF; text-align:right; font-size:12px;}
#footer .block-text p {text-align:right;}
#footer .block-text .author {color:#B1B9E1; text-align: right;}

#container .breadcrumb {padding:0 0 30px 20px; color:#90A4A3; background: url(/public/images/ico-book.gif) no-repeat top left;}
#container .breadcrumb a {color:#90A4A3;text-decoration: none;}
#container .breadcrumb a:hover {text-decoration: underline;}
#container .breadcrumb a.first {font-size:14px; color:#202728;}

/* STATIC PAGES */
#container .static:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container .static {padding:10px 35px 25px 30px; width:auto;}
#container .static h1 {text-transform:uppercase; color:#DA251D;}

#container .static .paginate {padding: 10px 0; text-align:center; font-size:14px;}
#container .static .paginate a,
#container .static .paginate b,
#container .static .paginate strong {color:#900000; padding:0 2px;}

#primary .form input.text  {border:1px solid #D1D1D1; border-radius: 3px; padding:2px 8px; vertical-align: middle; font-size:11px; width:200px;}
#primary .form textarea  {border:1px solid #D1D1D1; border-radius: 3px; padding:2px 8px; vertical-align: middle; font-size:11px; width:200px; height:70px;}
#primary .form input.submit {background: #D8521F;border: 1px solid #BCBEBD;border-radius: 5px;padding: 3px 8px;color: white;font-size: 11px;font-weight: bold;cursor: pointer;}
#primary .form .button {padding: 5px 70px;}
#primary .form .button input {padding: 2px 5px;}

#primary table.form th,
#primary table.form td {padding:3px 8px; text-align:left; vertical-align:top;}

#primary .block-text {padding:10px 25px; background: #CBD5F2;}
#primary .footer {background: #E8F4F7; padding:35px 25px; color:#8C8CB6; font-size:11px;}

/* MAIN page */
.main-form {position:relative; width:1000px; height:112px; background:url(/public/images/main-form2.jpg) no-repeat left top;}
.main-form input.radio {vertical-align:middle; margin-right:3px; cursor:pointer; font-size:11px;}
.main-form input.text {width:60px; border:1px solid #D1D1D1; border-radius: 3px; padding:2px 8px; vertical-align: middle; font-size:11px;}
.main-form .step1 {position: absolute; top:80px; left:24px; font-size:11px;}
.main-form .step1 label {float: left; display:block; margin:0 5px 0 0; padding: 3px 5px; border:1px solid #CC9866; border-radius:3px; background-color:#FFF; cursor:pointer;}
.main-form .step2 {position:absolute; top:80px; left:408px; font-size:11px;}
.main-form .step2 .date input.text{padding:2px 25px 2px 8px}
.main-form .step2 .date .icon {margin:0 0 0 -25px; width: 30px; vertical-align: middle; cursor:pointer;}
.main-form .submit {position:absolute; width:227px; height: 100px; top:7px; right: 5px; border:none; background:none; cursor:pointer;}
body .ui-widget {font-size:11px;}
.main-form .x {bottom: 1px; font-size: 7px; margin: 0 2px; position: relative;}

/* Search page */
#container.search .top {padding:10px 40px 10px 20px; color: #FCFCFC;}
#container.search .top .legenda {float:right; padding:0;}
#container.search .top h1 {color:#DA251D; padding:0;}
#container.search .res {width:100%; border-collapse: collapse;}
#container.search .res input {margin-left: 10px;}
#container.search .res th {text-align: center; padding: 5px 5px; background-color: #B7B7B7; background: #B7B7B7;}
#container.search .res .header {background: #B7B7B7 url("/public/images/sort.gif") no-repeat right center; cursor: pointer; padding-right: 25px;}
#container.search .res .headerSortDown {background-image: url("/public/images/desc.gif");}
#container.search .res .headerSortUp {background-image: url("/public/images/asc.gif");}
#container.search .res tr {background-color: #FBFDFC;}
#container.search .res tr.two {background-color: #F0F1F0;}
#container.search .res tr td {padding: 14px 4px; text-align: center;}
#container.search .res tr td.mb {width: 1px; padding-left:12px; padding-right: 1px; text-align:left;}
#container.search .res tr td.add {text-align:left;padding-left:20px;}
#container.search span.reserv {width:17px; height:17px; background-color: #9fb59f; display: inline-block; line-height: 0; font-size:0px; margin-bottom: 2px; vertical-align: middle;}
#container.search span.open {width:15px; height:15px; border:1px solid #9FB59F; background-color: #FFFFFF; display: inline-block; line-height: 0; font-size:0px; margin-bottom: 2px; vertical-align: middle;}
#container.search span.closed {width:17px; height:17px; display: inline-block; background: #FFFFFF url(/public/images/reserv.gif); line-height: 0; font-size:0px; margin-bottom: 2px; vertical-align: middle;}
#container.search span.notused {width:15px; height:15px; display: inline-block;  border:1px solid #9FB59F; background: #FFFFFF url(/public/images/notused.gif) no-repeat center center; line-height: 0; font-size:0px; margin-bottom: 2px; vertical-align: middle;}
#container.search .res tr td.mb span {margin:0 3px;}
#container.search .res a {color:#4B7FB1;}
#container.search .res .sel {color:#CD6667;}
#container.search .res .total td {background:#D6531F; color:#FFFFFF; font-weight:bold;}
#container.search .legenda {color:#525252; padding:20px 0 10px 20px;}
#container.search .legenda b {color:#6C6C6C;}

#container.search  .month_h {background-color:#D5D3D4; border:1px solid #787878; border-radius:3px; /*-khtml-border-radius:3px; -webkit-border-radius:3px; behavior: url(/public/scripts/border-radius.htc);*/ text-align:left; display:inline-block; padding:3px 10px; font-size:11px;white-space: nowrap;margin:7px 0px 0px 0px;}
#container.search  .month_h .year {color:#010101; font-weight:bold; padding-left:4px; margin-right: -10px;}
#container.search  .month_h .m {color:#686667; font-weight:normal; display: inline-block; padding:2px 3px; width:17px; text-align:center;}
#container.search  .month_h .left {display:inline-block; border-left:1px solid #666465; /*margin-left:-3px; padding-left:1px;*/ margin-left: 1px; padding-left: 2px;}
#container.search  .month_h .first {border-left:none;margin-left:0px; padding-left:0px;}

/*#page-search #page {background:#FFFFFF;}
#page-search #container {background:none;}
#page-search #footer {padding:20px 0 10px 20px; color:#666666; font-size:11px;}*/

#primary .top-search {padding:10px 40px 10px 10px; font-size:11px; background: #B84210 url(/public/images/top-search.jpg) repeat-x top center; color:#FFFFFF; }
#primary .top-search form {float:right;}
#primary .top-search input.radio {vertical-align:middle; margin-right:3px; cursor:pointer; font-size:11px;}
#primary .top-search input.text {width:60px; border:1px solid #D1D1D1; border-radius: 3px; padding:2px 8px; vertical-align: middle; font-size:11px;}
#primary .top-search .format {float:left;margin-top: 3px;}
#primary .top-search .format label {display:inline; vertical-align: middle; margin:0 5px 0 0; padding: 3px 5px; border:1px solid #CC9866; border-radius:3px; background-color:#FFF; color:#202728; cursor:pointer;}
#primary .top-search .dates {float:left;}
#primary .top-search .dates input.text{padding:2px 25px 2px 8px}
#primary .top-search .dates .date .icon {margin:0 0 0 -25px; width: 30px; vertical-align: middle; cursor:pointer;}
#primary .top-search .submit {float:left; background: #D8521F; border:1px solid #BCBEBD; border-radius:4px; padding:2px 6px; color:#FFF; font-size: 11px; font-weight: bold; cursor:pointer;}
#primary .top-search .x {bottom: 1px; font-size: 7px; margin: 0 2px; position: relative;}

/* BUTTONS */
.btn-order {background:url(/public/images/btn-order.jpg) no-repeat left top; width:233px; height:49px; border:none; cursor:pointer;vertical-align: top;}
.btn-garant {background:url(/public/images/btn-garant.jpg) no-repeat left top; width:211px; height:50px; border:none; cursor:pointer;vertical-align: top;}
.btn-show {background:url(/public/images/btn-show.gif) no-repeat left top; width:169px; height:34px; border:none; cursor:pointer;vertical-align: top;}

#primary .center_form {background:#FCD06F; border-radius:8px; padding:20px; margin:20px 40px; display: inline-block;}
#primary .center_form h3 {padding: 0 0 9px;color: #858585;font-family: Arial Narrow;font-size: 19px;margin: -8px 0 0 -5px;}

/* Show HEADER hide */
.highslide-header {display: none;}

.details {text-align:left;}
.details .row {padding:3px 15px;}
.details .sel {background:#FAA183;}
.details .images {text-align:center; padding:20px 0 0 0;}
.details .header {padding: 5px 0;margin-bottom: -24px;text-align: right;}
.details .header img {margin:0 5px;}
.details .header .close img {margin-right:0px;}

/*ZAYAVKA*/
#zayavka {
		width: 500px;
		margin: 0 auto;
	}
		#zayavka .row {
			width: 100%;
			
			margin-bottom: 9px;
		}
			#zayavka .row .col1 {
				width: 250px;
				text-align: left;
			}
				#zayavka .row .col1 label {
					margin-left: 0px;
					padding-top: 5px;
					display: block;
				}
				#zayavka .row .col1 label .req {font-weight:bold;color:#FF0000;}
			#zayavka .row .col2 {
				width: 250px;
			}