* { font-size: 100.01%}

html, body, ul, ol, li, dl, dt, dd, p,
h1, h2, h3, h4, h5, h6, blockquote,
form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}

h3.actual{color:#3da225;font-size:16px}

ul {
	list-style-type:none;
}

sup { vertical-align: baseline; position: relative; top: -0.4em; font-size:85%;}
sub { vertical-align: baseline; position: relative; bottom: -0.4em; font-size:85%; }

html, body{
	height:100%
}

body {color: #000000; font-family: Trebuchet MS, sans-serif; line-height: 1.3; background-color: #ffffff;}

body.faq{
	background:transparent url(/i/background.jpg) repeat-x scroll left top;
}

.faq p{
	margin-bottom:15px;
}

img {border-width: 0;}

a , a:visited {
	color:#0372b3;
	text-decoration: underline;
}

.clear {clear: both; font-size: 0; overflow: hidden; height: 1px;}

.clearfix{
	overflow:hidden
}

.pseudo {
	cursor:pointer;
	border-bottom:1px dashed
}

.faq div#layout {
	position: relative;
	overflow:visible;
}

div#layout {
	position: relative;
	min-width: 980px;
	min-height: 100%;
	overflow:hidden;
	overflow-y:visible;
	width:100%
}

#header{
	position:absolute;
	top:58px;
	width:100%;
	z-index:100;
}

.info{
	display:none;
}

#footer{
	position:absolute;
	//top:610px;
	top:700px;
	width:100%;
	z-index:99
}

.faq #footer{
	margin-top:40px;
	position:static;
	padding-bottom:40px;
}

#footer .wrap{
	width:1000px;
	margin:0px auto;
}

#footer .wrap p{
	float:left;
	font-size: 0.8em;
}

#footer .phone{
	cursor: pointer;
}

#footer .wrap p.phone{
    margin: 0 30px 0 0;
}

#footer .wrap p.copyright{
    margin: 0 30px 0 0;
}

#footer .wrap p.counter{
    margin-right: 30px;
}

#footer .wrap .made_in img{
	float: right;
	margin:-4px 0 0 0;
}

#footer a{
	color:black;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#navigation {
	font-family:Trebuchet MS, sans-serif;
	font-size:0.85em;
	line-height: 115%;
	font-weight:bold;
	color:#0372b3;
	width:1000px;
	margin:0px auto;
	list-style-type: circle;
	list-style-position: outside;
}

#navigation li{
	float:left;
	position:relative;
	margin:0px 25px 0px 20px;
	text-align: left;
	color:#39ac1f;
}

#navigation .logo, #navigation.logo.selected{
	border: 0;
	overflow: visible;
	margin:0 305px 0 0;
	list-style-type: none;
	cursor: pointer;
}

#navigation .logo img{
	position:absolute;
	margin:4px 0 0 0px;
	left:0;
	top:0;
}

#navigation li a{
	font-weight:normal;
	font-family:Trebuchet MS;
	font-size:13px;
}

#navigation li.selected{
	margin:0px 25px 0px 20px;
	border-bottom: none;
	list-style-type: disc;
}

#navigation li.selected a{
	color:black;
	text-decoration: none;
}

#navigation li.last{
	margin-right:-100%;
}

#content{
	position:relative;
	top:0px;
	left:0px;
	width:605%;
	background:url('/i/background.jpg') repeat-x top left;
	font-size:0.9em;
	padding-bottom:50px;
}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  #content{
  		width:625%;
  }
}

.faq #content{
	position:relative;
	top:0px;
	left:0px;
	width:1000px;
	background:none;
	font-size:0.9em;
	margin:0 auto;
}



#ornament {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
/*	background:url('/i/ornament.png') repeat top left*/
}


#dashed_line {
	position:absolute;
	left:1000px;
	top:60px;
	background:url('/i/dashed_line.png') no-repeat left top;
	width:4531px;
	height:559px;
}


.faq .page{
	margin:146px auto 0px auto;
	width:1100px;
	height:100%;
}

.page {
	width:16.6%;
	margin:146px 0px 0px 0px;
	height:500px;
	float:left;
}


.faq .page .wrap{
	height:100%;
	margin:0 0 0 0px;
}

.page .wrap{
	height:400px;
	margin:0 auto;
	position:relative;
	width:1000px;
}

.thumbs {
	margin:25px 25px 0px 25px;
	width:950px;
	position:relative;
}
.thumbs.todown{
	top:55px;
}

.thumbs ul{
	position:relative;
	width:300%;
}

.thumbs li {
	background-position:0;
	background-attachment:scroll;
	background-repeat:repeat;
	background-image: none;
	border-bottom:solid 3px white;
	cursor:pointer;
	float:left;
	height:104px;
	margin:0 32px 0 0;
	overflow:hidden;
	position:relative;
	width:104px;
}

.thumbs li{
	height:124px;
	width:139px;
	margin-top:-20px;
}

.thumbs li.current {
	border-color:#3ca126;
}

.thumbs li img{
	position:relative;
}

.thumbs ins{
	display:block;
	cursor:pointer;
	width:22px;
	height:40px;
	position:absolute;
	z-index:100;
	top:30px;
}

.thumbs ins.left{
	background:url('/i/thumbs_left.png') no-repeat left top;
	left:-30px;
}

.thumbs ins.right{
	background:url('/i/thumbs_right.png') no-repeat left top;
	right:-30px;
}

.thumbs.start ins.left,
.thumbs.stop ins.right{
	display:none;
}

.thumbs .overflow{
	position:relative;
	overflow:hidden;
}

div.contacts{
	float:right;
	left:500px;
	position:absolute;
	top:56px;
	width:457px;
}

.contacts .tabs{
	float:left;
	left:0;
	position:relative;
	margin:0 15px 18px 0;
	width:220px;
	top:-4px;
}

.contacts .tabs li{
	float:none;
	margin-bottom:14px;
	text-align: right
}

.contacts .tabs li span{
	color: #1357a4;
	font-weight: bold;
	font-size:10px;
	position:relative;
	z-index:100;
}

.contacts .tabs li.selected span{
	color: white;
}

.tabs li.tabsone{
	margin-bottom: 35px;
}

.contacts .tabs ins {
	display:none;
	height:22px;
	width:11px;
	position:absolute;
	top:0px;
	left:-5px;
	background:url('/i/tab_l.png') no-repeat top left;
}

.contacts .tabs ins.r {
	left:auto;
	right:-11px;
	background:url('/i/tab-cont_r.png') no-repeat top left;
}

.contacts .tabs li.selected ins{
	display:block;
}

.tabs {
	font-size:0.8em;
	margin:0px 0px 18px 29px;
}

.tabs li{
	float:left;
	height:16px;
	margin:0 10px 0 5px;
	padding:3px 2px;
	position:relative;
}

.tabs li.selected{
	color:#fff;
	background:#3ca126;
}

.tabs li.selected .pseudo{
	border:0px
}

.tabs ins {
	display:none;;
	height:22px;
	width:5px;
	position:absolute;
	top:0px;
	left:-5px;
	background:url('/i/tab_l.png') no-repeat top left;
}

.tabs ins.r {
	left:auto;
	right:-5px;
	background:url('/i/tab_r.png') no-repeat top left;
}

.tabs li.selected ins{
	display:block;
}

.frame {
	width:636px;
	height:473px;
	position:relative;
	background:url('/i/frame.png') no-repeat left top;
	left:0px;
	top:0px;
}

.frame .shadow{
	width:636px;
	height:27px;
	position:absolute;
	left:0px;
}

.frame .shadow.top{
	top:-27px;
	background:url('/i/frame_shadow_top.png') no-repeat left top;
}

.frame .shadow.bottom{
	bottom:-27px;
	background:url('/i/frame_shadow_bottom.png') no-repeat left top;
}

.frame .shadow.inner{
	width:550px;
	height:387px;
	top:43px;
	left:43px;
	z-index:100;
	background:url('/i/frame_inner_shadow.png') no-repeat left top;
}

.frame .picture {
	position:absolute;
	top:43px;
	left:43px;
}

.picture.loader{
	background:url("/i/loader.gif") no-repeat 250px 140px #ffffff;
}

.picture {
	position:relative;
	overflow:hidden;
}
.picture img {
	display:block;
	position:relative;
}

#decor {
	position:relative;
	height:700px;
	width:800%
}

#decor .wrap{
	position:relative;
	width:100%;
	margin:0px auto
}

h2{
	font-size:1.5em;
	line-height:1.2em;
	font-weight:normal;
	margin:0px 0px 25px 0px;
	color:#0372b3;
}

.one div.rims{
	float:left;
	height:310px;
	margin:-140px 0 0 205px;
	width:580px;
}

.one div.diagnostics{
	height:310px;
    margin: -283px 0 0 608px;
	width:130px;
}

.one div.frames{
	float:left;
	width: 580px;
	height:310px;
	margin:40px 0 10px 0;
}

.one img{
	display:block;
}

.one li{
	padding:0;
	margin:0;
}

.one .rims img{
    margin: 30px 0 15px -31px;
}

.one .frames img{
    margin: 30px 0 15px 1px;
}


.one .rims a, .one .frames a, .one .lens a, .one .diagnostics a {
	text-decoration:underline;
	font-size: 1.3em;
	line-height:1.15em;
}

.one .diagnostics a{
	left:36px;
	position:relative;
	top:0;
}

.one .rims a{
    left: 55px;
	position:relative;
	top:-20px;
}


.one .frames a{
    left: 104px;
	position:relative;
	top:-24px;
}


.one .rims a ins{
	position:absolute;
	left: -70px;
	width:58px;
	height:58px;
	top:-7px;
	background: url('/i/rims/sun.png') no-repeat
}

.one div.lens {
	float:left;
	width:140px;
	margin-left:-60px
}
.one div.lens a{
    left: -30px;
	position:relative;
	top:0px;
}

.one .lens img{ 
	/* margin: 60px 0 10px 15px; */
    margin: 60px 0 0 -89px !important;
	margin-left:-39px;
	margin-bottom:0px;
}


.one div.lens a.lens_dostavka{
left:0px;
line-height:16px;
	text-decoration:none;
}
.one div.lens a.lens_dostavka span{
	width:70px;
	display:block;
	position:relative;
	left:105px;
	top:-188px;
	font-size:13px;
	color:red;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
}


.one div.diagnostics{
	float: left;
}

.one span.quest{
	font-size:0.9em;
	margin-top:90px;
}

div.quest {
    display: block;
    float: left;
    height: 70px;
    left: 176px;
    overflow: visible;
    position: relative;
    top: 183px;
    width: 193px;
}
div.quest.toup{
   top: 184px;
}
div.quest a{
	font-family:Trebuchet MS;
	font-size:17px;
	font-style:italic;
	left:10px;
	position:relative;
	top:0;
}
.one .quest img {
    float: left;
    margin: -5px 0 0;
    left: -28px;
    position: absolute;
	
}

.one .menu{
	margin:-73px 0 0;
}


span.quest{
	font-style: italic;
	display:block;
	margin:50px 0 0 15px;
	font-size:1.2em;
}



.title{
	clear:both;
	display:block;
	font-weight:bold;
	padding:2px 0 1px;
}

.bigtitle{
	clear:both;
	display:block;
	font-weight:bold;
	color:#0372B3;
	font-size:1.4em;
	font-weight:normal;
	margin:-30px 0 7px;
	width:140px;
	text-align:right;
}

.title.sec{
	padding: 9px 0 0 0;
}

.four div.quest{
	margin:50px 0 0;
	float:none;
	text-align:left;
	width:300px;
}

.four div.quest img{
	float: left;
	margin:0 10px 10px 0;
}

.interiors {
	overflow:hidden;
	position:relative;
	height:422px;
	margin: 35px 0 0 0;
}

.bottom{
	height:4px;
	width:1030px;
	background:url('/i/interiors_bottom.png') no-repeat top left;
}

.interiors .back,
.interiors .front {
	display:block;
	position:absolute;
}

.interiors .back{
	left:0px;
	top:0px;
}

.interiors .front{
	left:219px;
	top:8px;
}



.picture {
	background:white none repeat scroll 0 0;
	border:1px dashed Lavender;
	height:310px;
	left:443px;
	position:absolute;
	top:-331px;
	width:530px;
}
.picture.todown{
	margin:60px 0 0;
}


.two .picture img{
/*	border:5px solid #906a35;*/
}

.text{
	width:354px;
	position:static;
	margin:19px 0 57px 29px;
}

.four .text{
	width:576px;
}

.three{
	height:690px !important;
}

.three .text{
	width:450px;
	position:static;
	margin:19px 0 57px 29px;
}

.three .text p, .three .text li{
	font-size:75%;
}
	
.two .text{
	width:354px;
	position:static;
	margin:19px 0 47px 29px;
}

.text p{
	margin: 0 0 13px 0;
	font-size: 0.9em;
	line-height: 140%;
}


.interiors .second .front {
	left:360px;
}

.interiors .fourth .front{
	left:346px;
}

.interiors .third .front{
	left:284px;
	top:7px;
}

.interiors .fifth .front, .interiors .six .front{
	left:289px;

}

.interiors .picture{
	overflow:visible;
	position:absolute;
	left:-50px;
	height:422px;
	width:1008px;
	top:900px;
}



.five .contacts {
	width:395px;
	margin-left:40px;
}

.five .contacts p{
	margin:0px 0px 12px 0px
}

.five .text{
	width:220px;
	top:0px;
	right:355px;
}

.five .text p{
	font-size: 13px;
	margin:0px 0px 11px 0px
}

p.adress{
	color:#444444;
	margin:0 0 40px 0;
	padding:3px 0 0;
	font-family: Tahoma, sans-serif;
	font-size:0.851em;
	line-height:1.1em;
}

.sheet {
	position:relative;
	display:none;
}

.sheet.show {
	display:block;
}

.contacts .sheet{
	margin:0 0 0 160px;
}

.call_us {
	width:265px;
	position:absolute;
	z-index:100;
	right:0px;
	top:100px;
	top:0px;
	width:205px;
	margin:0px 0px 50px 10px;
}

.call_us h2 {
	margin:0px;
}

.call_us input ,.call_us textarea {
	display:block;
	width:100%;
	border:1px solid #a8acb8;
	background-color:#fff;
	margin:0 0 8px 0;
}

.five .text{
	margin: 0 94px 0 -94px;
}

.call_us textarea {
	height:100px
}

.call_us label{
	display:block;
	font-size:0.8em;
} 

.call_us .phone {
	font-size:1.5em;
	margin:0px 0px 30px 0px;
}


.five .text{
	width:690px;
	left:0;
	top:0;
}

.five .text p{
	margin: 0 0 15px 0;
}


.four .for_pics{
	display:block;
	left:671px;
	position:absolute;
	top:55px;
}

.fours .for_pics img{
	margin: 0 0 15px 0;
	border:solid 1px gray;
}

#client_logos {
	 margin-top:-110px;
	position:absolute;
}

#client_logos .wrapper {
	padding: 10px 0px 10px 0px;
	overflow:hidden;
	position:relative;
	width:1000px;
}

#client_logos .wrapper img{
	display:block;
	float:left;
	margin:0px 35px 0px 0px;
}

#client_logos .slide {
	width:800%;
	position:relative;
}


.eye{
	float:left;
	height:11px;
	left:110px;
	margin:0 4px 0 0;
	position:relative;
	top:10px;
	width:11px;
	z-index:1;
}
.pupil{
	position:relative;
	left:1%;
	top:1%;
	height:0px;
	width:3px;
	height:3px;
	background-color:#1973bc;
	z-index:2;
	margin:0 20px 0 0;
}
#pupil2{
	left:129px;
}


table.data{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width:260px;
}

.data th, .data td{
	padding:3px 7px;
	font-weight: normal;
	text-align: left;
	font-size: 0.8em;
	vertical-align:top;
	line-height: 140%;
}

.data td{
	background-color: #e1f5ee;
}



ul.data{
	list-style-type: disc;
	color: #3ca126;
}

ul.data li{
	color:black;
	font-size:0.85em;
	margin: 0 0 5px 25px;
}



.stranica{
	margin:40px 0 0 0;
}

.stranica a{
	line-height:31px;
	display:block;
	float:left;
	width:26px;
	height:31px;
	font-weight:bold;
	text-align:center;
	color:#07549a;
	font-family:arial;
	font-size:15px;
	}

.stranica a.active{
	background:url(/i/faq/page.jpg) no-repeat;
	width:32px;
	text-decoration:none;
	color:#7a7a7a;
}




.mainzagalovok{
	margin:15px 0 25px 22px;
}



.leftpage{
	float:left;
	width:600px;
	padding:0 50px 0 25px;
	margin:0 50px 0 0;
}

.faqtext{
	margin:0 0 20px 0;
}

.faqtext dt{
	font-family:Trebuchet MS;
	font-size:13px;
	color:#444444;
	}

.faqtext p{
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:14px;
	color:#0372b3;
	clear:both;
	}

.faqtext em{
	font-family:arial;
	color:#444444;
	font-size:13px;                  
}

p.adminfag{
	margin:0 0 30px 0;
	display:none;
	color:#000000;
	font-size:13px;
	font-family:arial;	
}

.faqtext span{
	border-bottom:1px dashed #0372b3;
	cursor:pointer;
}

.faqtext .adminpanel{
	clear:both;
}


.faqtext .adminpanel img{
	float:left;
	border:0px solid #000000;
}

.faqtext .adminpanel dd{
	float:left;
	display:block;
	margin:0 10px 0 0 !important;
}

.faqtext .adminpanel a{
	text-decoration:none;
	font-size:14px;
}

.faqtext .adminpanel a:hover{
	text-decoration:underline;
	}





.faqforma{
	float:left;
	width:300px;
	margin:-45px 0 0 0!important	
}

.faqforma p{
	line-height:100%;
	margin:0 0 10px 0;
}



.faqforma .foto{
	width:100%;
	#margin:18px 0 138px 0!important;
	margin:18px 0 70px 0!important;
}

.faqforma .foto p{
	width:120px;
	float:left;
	margin:0 35px 0 0;
	font-family:arial;
	color:#555555;
	font-size:12px;
}

.faqforma .foto p.last{
	margin:0px;
	width:120px;
	}


.faqforma .foto p img{
	float:left;
	margin:0 20px 8px 0;

}


.faqforma .foto p strong{
	color:#000000;
}




.formavoda{
	width:300px;
	margin:-15px 0 0 0;	
}

.formavoda input{
	border:1px solid #A8ACB8;
	width:220px;
	margin:5px 0 5px 0;
	background-color:#ffffff;
}

.formavoda textarea{
	border:1px solid #A8ACB8;
	width:220px;
	margin:5px 0 5px 0;
	height:150px;
}




ul.main{
	list-style-type:disc;
	margin:0px 0 10px 30px;
}


.wrap_lens{
//width:1050px !important;
}

div.lens_infoblock h2{
margin-bottom:0px;
}

div.lens_attr,div.lens_attr1,div.lens_attr2{
float:left;
}
div.lens_attr{
width:400px;
}
div.lens_attr1{
width:450px;
}
div.lens_attr2{
width:120px;
}


span.attr_caption{
display:block;
clear:both;
font-size:13px;
font-weight:bold;
}

span.lens_cat{
display:block;
float:left;
margin-right:30px;
font-size:13px;
color:#3d6faa;
cursor:pointer;
}

/*выбранный фильтр*/
span.lens_cat.selected span{
font-weight:bold;
color:#c02c2c;
border-bottom:1px #c02c2c dashed;
}

span.lens_cat span{
border-bottom:1px dashed #3d6faa;
}
span.lens_cat:hover span{
border-bottom:0px;
}

div.lens_block{
width:240px;
height:130px;
margin-bottom:25px;
float:left;
//border:1px solid #eee;
margin-right:12px;
position:relative;
}


div.lens_block img{
position:absolute;
left:0px;
top:0px;
cursor:pointer;
}

.lens_info{
position:absolute;
left:0px;
top:88px;
width:194px;
height:auto;
}

span.lens_name{
color:#3ca126;
font-size:14px;
text-decoration:underline;
font-style:italic;
//display:block;
font-family:arial;
cursor:pointer;
}	
span.lens_prod{
color:#3ca126;
font-size:10px;
text-decoration:none;
font-style:italic;
display:block;
font-family:arial;
line-height:20px;
}	

p.lens_desc{
font-size:11px;
line-height:16px;
}

.lens_block p.lens_desc{
display:none;
}

div.lens_order{
display:none;
z-index:100;
position:absolute;
padding: 13px 17px;
background:#fff;
border:2px solid #b6b9b7;
width:448px;
min-height:120px;
overflow-x:hidden;
overflow-y:visible;
}

div.order_close{
width:15px;
height:15px;
position:absolute;
top:4px;
right:4px;
background:url(/i/close1.png) 0px 0px;
cursor:pointer;
z-index:100;
}
div.order_close:hover{
background:url(/i/close1.png) 0px 15px;
}
div.lens_order div.left_block{
float:left;
width:203px;
margin-right:25px;
min-height:100px;
position:relative;
}

div.lens_order.reverse div.left_block{
margin-left:20px;
margin-right:5px;
}

div.lens_order div.right_block{
float:left;
margin-left:15px;
width:205px;
min-height:100px;
position:relative;
}

div.lens_order.reverse div.right_block{
margin-left:0px;
}

div.lens_order div.left_block span.lens_name{
cursor:default;
}

div.lens_order div.right_block img{
top:0px;
position:relative;
display:block;
}

div.lens_order div.right_block table.lens_form{
position:relative;
font-size:11px;
top:10px;
margin-bottom:10px;
//display:none;
}

div.lens_order div.right_block div.lens_form_container{
height:auto;
width:auto;
display:none;
}

div.lens_order div.right_block table.lens_form td{
padding:1px 1px;
}

div.lens_order input{
border-radius:4px;
border:1px #c7c8c8 solid;
}
div.lens_order textarea{
border-radius:4px;
border:1px #c7c8c8 solid;
}
div.lens_order select{
border-radius:4px;
border:1px #c7c8c8 solid;
width:55px;
}
div.lens_order input#lens_submit{
border-radius:0px;
border:1px #c7c8c8 solid;
background:#fff;
//margin-left:28px;
}

a.open_orderform{
font-size:11px;
position:relative;
top:10px;
display:none;
}

p.dostavka{
margin-top:6px;
color:#444;
display:none;
}

div.lens_reset_container{
display:none;
}

div.ura_v_shkolu{


}
img.ura_v_shkolu{
    left: 2px !important;
    position: absolute !important;
    top: -116px;
}
div.quest p{
	font-family:Trebuchet MS;
	font-size:17px;
	font-style:italic;
	color: #0372B3;
}
