div#page_wrap { margin:0 auto;	/*width:90%;*/ position:relative; min-height:100%; /*height:100% margin-bottom:50px;*/ }

.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
/* ___| container |_____________________ */


#container {
	margin: 0 auto;
	width: 930px;
	/*position: relative;*/
	height:164px;/*
	height:154px;*/
	}


/* ___| header |_____________________ */

.topbox {position:relative; width:930px; height:175px;}

#header {
	margin: 0;
	width: 930px;
	height: 144px;	
	float: left;
	clear: both;
	}
#header div#logo {
	margin: 0 0 0 10px;
	left: 0;
	top: 40;
	width: 400px;
	/*height: 132px;*/
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	margin-top:40px;
	}
/*#header h1 a {
	width: 360px;
	height: 55px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
	margin-top:40px;
	}
#header h1 span {
	left: 0;
	top: 40;
	width: 360px;
	height: 55px;
	background: url("images/swn8.png") no-repeat;
	display: block;

	}*/
	
#ikony {
	margin: 0;
	width: 300px;
	height: 80px;
	position: absolute;
	top: 28px;
	right: -34px;
	}


/* ___| menu |_____________________ */


ul#menu, ul#menu_lng, div.menu_lng {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 132px;
	left:0;
	z-index:1000;
	text-align:left;
	}	
ul#menu li, ul#menu_lng li, div.menu_lng span {
	margin: 0 14px 0 0;
	list-style: none;
	display: inline;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
	}
ul#menu li a, ul#menu_lng li a { color: #79797A/*#F58220*/; text-decoration: none; }
ul#menu li a:hover, ul#menu_lng li a:hover { color: #F58220; text-decoration: none; }

ul#menu ul, ul#menu ul.sub-sub {
	margin: 0;
	padding: 9px 0 0 0;
	width: 150px;
	height: 301px;
	display: none;
	position: absolute;
	/*top: 24px;*/
	left: 1px;
	/*background: url("images/image/img1-blur.png") no-repeat left top;*/
	background: url(images/main/uvodka_2_blur1.jpg) no-repeat left top;
	/*background: url('images/blur.png') repeat-y -3px top;*/
	}
ul#menu ul.sub-sub { top: 0; left: 154px; }
ul#menu ul.submenu { margin-top:26px; *margin-top:25px; z-index:1000; text-align: left; /position:absolute; /top:17px; /*10*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {body:first-of-type ul#menu ul.submenu {margin-top:27px; }}
/*html[xmlns*=""] ul#menu ul.submenu {margin-top:17px\9;]margin-top:default}
@media screen and (-webkit-min-device-pixel-ratio:0){ul#menu ul.submenu {margin-top:17px;}ul#menu ul.submenu:not(:root:root) {}}*/
ul#menu li ul li { position: static; }
ul#menu li ul li, ul#menu li ul.sub-sub li {
	margin: 0;
	line-height: 110%;
	width: 160px;
	font-size: 0.7em;
	font-family: Arial, sans-serif;
	font-weight: bold;
	float: none;
	clear: both;
	}
ul#menu li ul.sub-sub li {font-size: 1em; }
ul#menu li ul li a, ul#menu li ul.sub-sub li a {
	width: 120px; 
	margin: 0 0 0 5px;
	padding: 6px 10px 6px 10px;
	background: none;
	color: #02407d;
	display: block;
	}
ul#menu li ul.sub-sub li.ods a {
	width: 110px;
	padding: 3px 10px 3px 20px;
	font-weight: normal;
	}
ul#menu li ul li a:hover, ul#menu li ul.sub-sub li a:hover { width:125px; color: #02407d; background:url("/bitrix/templates/lswn_main/images/arr.png") no-repeat left center;  }

ul#menu_lng, div.menu_lng { left: auto; right: 10px; }
ul#menu_lng li, div.menu_lng { margin: 0; /*font-size: 100%;*/ text-transform: uppercase; font-weight: normal; }
ul#menu_lng li a { color: #717171; }
	
	
/* ___| main |_____________________ */


#main {
	margin: 0;
	width: 930px;
	float: none;
	clear: both;
	padding:0;
	}
.nofont {font-size:1px;}
#top_img_head { padding:0 0 0 1px;}
#top_img_head IMG {padding-bottom:15px}
/*#top_img_head {padding-top:22px\9;}*/
#top_img { margin: 0; padding: 0px 0; width: 930px;/* height: 390px;*/ /*background: url("images/bg_main.png") no-repeat top;*/ float: none; clear: both; }
#top_img img{ padding:0; }

ul.boxes { margin: 0; padding: 10px 0 0 0; width: 930px; height: 133px; float: left; clear: both; text-align: right; }
ul.boxes li { list-style: none; width: 25%; *width: 24.8%; height: 120px; text-align: right; float: left; /*margin: 0 46px 0 10px;*/ }
ul.boxes li h2 {
	line-height: 130%;
	color: #ff9900;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	}
ul.boxes li h2 span { display:block; font-weight:normal; font-size: 0.9em;}
ul.boxes li h2 a { text-decoration:none; color:#ff9900; }
ul.boxes li h2 a:hover { color: #fff; }
ul.boxes li p { width:114px; color:#999; line-height:100%; float:right; font-size:1em; text-align:right; /*padding-top:20px;*/ }
ul.boxes li.iko1 { background: url("/bitrix/templates/lswn_main/images/ikony/iko01.png") no-repeat left top; }
	ul.boxes li.iko1 h2 { margin:15px 40px 0 0; }/*
	ul.boxes li.iko1 h2 span { font-size:0.8em;} */
	ul.boxes li.iko1 p { margin-right:40px; *margin-right:20px; margin-top:25px; }
ul.boxes li.iko2 { background: url("/bitrix/templates/lswn_main/images/ikony/iko02.png") no-repeat left top; }
	ul.boxes li.iko2 h2 { margin:15px 35px 0 0; }
	ul.boxes li.iko2 p { margin-right:35px; *margin-right:18px; margin-top:25px; }
ul.boxes li.iko3 { background: url("/bitrix/templates/lswn_main/images/ikony/iko03.png") no-repeat left top; }
	ul.boxes li.iko3 h2 { margin:15px 15px 0 0; }
	ul.boxes li.iko3 p { margin-right:15px; *margin-right:8px; margin-top:25px; }
ul.boxes li.iko4 { background: url("/bitrix/templates/lswn_main/images/ikony/iko04.png") no-repeat 40px top; }
	ul.boxes li.iko4 h2 { margin:15px 0 0; }
	ul.boxes li.iko4 p { margin-top:25px; }

/* ___| footer |_____________________ */

#footer { margin: -80px auto 0px; height:80px;  width: 930px; /*padding: 3px 6px 70px 0;*/ font-size:10px; color: #747474; text-align: right; position:relative;}
#footer a { margin: 0; color: #747474; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: none; }
#footer div#footleft { float:left; text-align:left; padding-top:10px;}
#footer div#footleft_noMain{ float:left; text-align:left; padding-top:10px;}
#footer div#footleft_noMain a {text-decoration: none; color: #747474/*#F58220*/; padding-right:10px; /*font-weight:bold; text-transform: uppercase;*/}
#footer div#footleft_noMain a:hover {text-decoration:underline;/*color: #747474;*/}
#footer div#footright { float:right; text-align:left; padding-top:10px; width:200px;}
#footer div#footright img{ padding:2px 0 0 10px; float:none; margin-bottom:-2px; *margin-bottom:0; }
#foot_foot { width:930px; position: ralative; }
@media screen and (-webkit-min-device-pixel-ratio:0){#footer { overflow:hidden; }#footer:not(:root:root) { overflow:hidden; }}

#footer div#foot_bottom { float:left; width:100%; text-align:center; padding:10px 0 5px 0}
/*#footer div#foot_bottom p { font-size:10px;}*/
#content {float:left;/*padding-bottom:90px;*/}
@media screen and (-webkit-min-device-pixel-ratio:0){#content {margin-bottom:100px;}#content:not(:root:root) { margin-bottom:0; }}
#content .scroll-wrap .jScrollPaneContainer { width:930px !important; }
#content .scroll-wrap .jScrollPaneContainer .scroll-text { width:900px !important; }


#foot_text { margin: 0 auto; width: 930px;/* position: absolute; top: 611px; left: 0;*/ padding: 12px 0 120px; /*float: left;*/ clear: both; position:relative; *z-index:-1; }
@media screen and (-webkit-min-device-pixel-ratio:0){#foot_text { padding: 12px 0 0; }#foot_text:not(:root:root) { padding: 12px 0 50px; }}
#foot_text-vypl { /*margin: 0 auto 5px auto;*/ width: 100%; height: 2px; background: url("/bitrix/templates/lswn_main/images/bg_footer.png") repeat-x bottom; /*position:absolute; */left:0; font-size:1px; /margin-top:-2px; }
#foot_text p { /*margin-bottom: 10px;*/ /*line-height: 150%; font-size: 90%;*/ }
/*#foot_text a { color: #959595; text-decoration: underline; }
#foot_text a:hover { text-decoration: none; }
*/
.text h2 { line-height: 100%; margin: 10px 0 5px 0; font-weight: bold; /*font-size: 120%; font-family: Arial, sans-serif; text-transform: uppercase;*/ }
#foot_text h3 { line-height: 100%; margin: 0 0 5px 0; font-weight: bold; /*font-size: 120%;font-family: Arial, sans-serif;*/  }
#CatalogSsection h2 { margin-top:30px; }



/* Lightbox CSS definitions */
#lightbox{background: #eee; padding: 10px; border: 0}
#lightboxDetails{font: 10px Verdana, Arial; color: #444; padding-top: 8px;}
#lightboxCaption{float: left}
#keyboardMsg{text-align: center}
#keyboardMsg a{font: 9pt Arial, sans-serif; color: #333; border: 0px none; padding: 0px; background: transparent; text-decoration: none}
#closeButton{top: 5px; right: 5px}
#lightbox img{border: none;	clear: both; border: 0}
#loadingImage {border: 0}
/*#overlay{background: url(/graphics/alpha/overlay.png)}*/

.contact-list  {width: 500px; float:left;}
.contact-list .item {margin-bottom:20px}
/* .contact-list .item h3 {color: #f58220}*/
div.map-balloon {color:#000; width:150px}
#YMapsID {float: right; margin: -40px 0 0 20px; width:400px; height:400px; border:1px solid grey}
#hlavni_obsah_uplny{z-index:-99}

#CatalogSsection {margin-bottom:50px; float:left; min-width: 930px; }
#CatalogSsection .jScrollPaneContainer { width:630px !important; }
#CatalogSsection .SectionPicture {float:left; width:300px;}
#CatalogSsection .SectionPicture img{/*border: 1px solid #959595*/}
#CatalogSsection .jScrollPaneContainer {float:right; width:650px;}
#CatalogSsection .SectionElements {height:424px; margin-right:-20px; width: 650px; /*float:right;*/ overflow: auto}
#CatalogSsection .SectionElements .item{padding:0px 3px 11px 25px; width: 175px; float:left;}
#CatalogSsection .SectionElements .item img {border: 1px solid #999999;}
#CatalogSsection .SectionElements .item a:hover img {border:1px solid #F58220;}
#CatalogSsection .SectionElements .item a {text-decoration: none; }

#SectionElementsPreview { float:left; overflow: hidden}
#SectionElementsPreview .item{padding:0px 11px 15px 0px; width: 175px; float:left;}
#SectionElementsPreview .item img {border: 1px solid #999999;}
#SectionElementsPreview .item a:hover img {border:1px solid #F58220;}
#SectionElementsPreview .item a {text-decoration: none; }

#CatalogElement {margin-top:-20px; *margin-top: 0; }
#CatalogElement .ElementPicture {float:left; width:545px;}
#CatalogElement .ElementPicture img{/*border: 1px solid #959595*/ margin-bottom:35px;}
#CatalogElement .ElementDescription {width: 376px; float:right }
#CatalogElement .ElementDescription ul{ font-size:1.2em; line-height:1.4em; text-align:left}

.GalleryPreview {/*padding-bottom: 35px;*/ /*padding-top:35px;*/ height:100%; float: left}
.GalleryPreview img { padding:2px; margin-top: 10px; margin-left:auto;/*margin-right: 10px;*/ width: 120px; float: left; border:1px solid #999999;}
.GalleryPreview a { display:inline-block; margin-left:3px; text-decoration:none}
.GalleryPreview a:hover img {border:1px solid #F58220;}
.GalleryPreview p{margin:0; text-align:center;clear:both}


.GalleryPreviewC { height:100%; float: left}
.GalleryPreviewC img { padding:2px; margin-left:auto; float: left; border:1px solid #999999;}
.GalleryPreviewC a:hover img {border:1px solid #F58220;}
.down_box2 { width:930px; /*white-space:nowrap; height:190px;overflow:auto; padding-top:50px;*/ float:left; text-align:center;}
.down_box2 img { float:none; margin:3px; }

.right_box {float: right; width:299px; /*margin-top:20px;*/}
.left_box {padding-right:85px; float:left; width:540px;}

/*
.down_box { width:930px; padding-top:50px; float:left; text-align:center;}
.down_box img { float:none; padding:10px; }
*/

div.error{border: 1px solid red; color:red;padding:5px}

div.form td.error input, div.form td.error select {background-color:#fdb5b5; }
div.form td.error label  {color:#F00;}
div.form td.error textarea {background-color:#fdb5b5}
div.form .button {text-align:left;padding:20px 0 20px 0}
div.form .button input{width:auto }
div.form table td{padding:4px 0 4px 0;vertical-align:top} 
div.form .bt_submit{text-align:left; margin-top:20px; margin-bottom:30px}

div.form input{width:90%}
div.form textarea{width:90%}
div.form .button input{width:auto }

.inputtext { width:100%}

/*
div.index_text { overflow:auto; width:100%; height:300px; display:block; float:left}
div.index_text div.text { padding-right:20px}
*/
div.scroll-wrap {width:100%; height:300px; float:left; }
div.scroll-wrap .scroll-text{width:100%;height:300px;/*padding:0 0 0 10px;*/overflow:auto;}

/*////////////       Вакансии           //////////*/
div.vacancy { font-size:1.2em; padding-top:20px}
div.vacancy div.left { float:left; }
div.vacancy p{ font-size:1em}


/*///////////       Стать дилером       /////////////*/
div.for_dealers { width:100%}
#order_catalog { float:left; font-size:1.2em;}
#order_catalog div.left { float:left; width:50%;}
#order_catalog div.right { float:left; width:50%;}
#order_catalog span.input { float:left; clear:both; width:155px; margin-top:13px;}
#order_catalog .inputtext { float:left; width:240px; margin:10px 60px 0 0; }
#order_catalog input.error     {background-color:#fdb5b5; float:left; width:240px; margin:10px 60px 0 0;}
#order_catalog .inputtextarea {float:left; width:240px; *width:240px; margin:10px 0 0 0 ;}

.scroll-wrap{
    width: 300px;
    margin: 0 auto 40px;
    /*background: #F7F1E5*/
}
.scroll-pane{
    width: 290px;
    height: 200px;
    padding: 0 0 0 10px;
    overflow: hidden
}
#SlideCatalog { margin-top:10px; }
#SlideCatalog { float:right; width:295px; height:150px; overflow:hidden; }
	#SlideCatalog div { width:295px; height:150px; }
		#SlideCatalog div img { margin:auto; float:none; }



/*Work with on-line order form*/
#form_dropdown_bridgeboard option, #form_dropdown_handrail option, .hideElements {
	/*display:none;*/
}
td.selectForm input { width:20px; }
td.selectForm label { clear:right; }
tr.special, td.bridgeboard input, td.bridgeboard label, td.handrail input, td.handrail label { /*display:none;*/ }
td.selectForm span { color:#F00; }
.onlyWood, .onlyMetall, .onlySpiral, .onlyConcrete { display:inline !important; }
label.onlyWood, label.onlyMetall, label.onlySpiral, label.onlyConcrete { width:535px; }
.hidden { /*display:none;*/ }

#order_catalog table.order { margin-bottom:20px; }
#order_catalog table.order td { padding:0; }
#order_catalog table.order td .inputselect { width:60%; }
#order_catalog table.order td .inputtext { margin:0 0 5px; float:right; margin-right:10px; width:50px; }
#order_catalog table.order td div .inputtext { margin:0 0 5px; float:none; margin-right:10px; width:50px; }
#order_catalog table.order td .inputtextarea { margin:0 0 5px; width:100%; }
#order_catalog table.order tr.size td .inputtext { float:none; width:50px; }
#order_catalog table.order tr.size td label { font-size:smaller; }
#order_catalog table.order td input { width:348px; *width:371px; margin:0 0 5px; }
#order_catalog table.order td label { margin:0 5px 5px 5px; }
#order_catalog table.order td div input { width:50px; }
#order_catalog table.order td.button input { width:auto; margin-left:3px; }
#order_catalog table.order td.selectForm input { width:20px; margin:0 0 5px 5px; }
#order_catalog table.order tr.contact td.selectForm label { clear:none; margin-right:5px; }
#order_catalog table.order td.selectForm input.inputtext { width:40%; margin:0 85px 5px 0; }
#order_catalog table.order td img { float:none; border:1px solid #999999; padding:2px; }


.left { float:left; }
.right { float:right; }
div.form input { width:auto; }
h3.error  { color:#F00; }
#order_catalog.form h3 { border-bottom:1px solid #999; padding-top:25px; font-size:16px; font-weight:bold; line-height:120%; margin:0 0 5px; clear:both; }
#order_catalog.form div#type { font-size:1.4em; }
										div#type select { width:280px; }
#order_catalog.form div#form div.left { width:20%; padding-top:15px; }
										div#form img { float:none; border:1px solid #999999; padding:2px; }
										div#form input { width:20px; margin-top:2px; }
										div#form div#hack { display:none; }
#order_catalog.form div#size div.left,
										div#size div.right { padding-top:15px; margin:auto; }
										div#size div.right div.size { margin-top:25px; margin-left:0; }
										div#size div.right div.size	input { margin-right:10px; }
										div#size div.size { margin-top:5px; margin-left:70px; }
										div#size div.size div { width:20%; float:left; }
#order_catalog.form div#size div.size .inputtext { float:none; margin:5px; }
										div#size img { float:none; border:1px solid #999999; padding:2px; }
										div#size div.clear { clear:both; overflow:visible; margin-bottom:25px; }
										div#size div.clear input { float:none; margin-right:10px; }
										div#size input { width:50px !important; }
#order_catalog.form div#material div { width:25%; float:left; padding-top:15px; }
#order_catalog.form div#handrail div { padding-top:15px; }
#order_catalog.form div#riser div { padding-top:15px; }
#order_catalog.form div#bridgeboard div { padding-top:15px; }
#order_catalog.form div#extra div { padding-top:15px; }
										div#extra textarea { width:100% !important; margin-bottom:10px !important; }
#order_catalog.form div#contact input { float:none; margin-left:20px; }
#order_catalog.form div#captcha input { float:none; margin:0 10px 0 20px; }
										div#captcha img { float:none; margin-bottom:-15px; }
										div#captcha div { padding-top:15px; margin-bottom:30px; }
.jScrollArrowDown {/background-position:right !important; /right:-3px !important;}


#phones{font-size:17px; font-weight:normal; line-height:1.6em;	margin: 0;
	width: 400px;
	height: 80px;
	position: absolute;
	top: 50px;
	right: -30px;}
	
#phones	.code {color: #BEBEBE; font-size: 16px}