@charset "utf-8";
/* CSS Document */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
h1{margin:0; padding:0; color:#0a3a6b; font-size:22px;font-weight:normal;}
h2{margin:0; padding:15px 0 15px 8px; color:#fff; font-size:22px; font-weight:bold; font-family: 'Lobster', cursive; text-shadow:#000 2px 2px 2px; text-align:center;}
h2 span{
	color: #FF0000;
	text-shadow:#fff 2px 2px 2px;
}
h3{margin:7px 0 0 0; padding:0; color:#fff; font-size:20px;font-weight:normal;  padding-left:10px; font-style:italic;}
h4{margin:0px 0 10px 15px; padding:0; color:#0975b5; font-size:25px; font-weight:normal; padding-left:10px; padding-bottom:5px; text-align:center;}
h5{margin:0; padding:0; color:#000; font-size:12px;font-weight:normal;}
h6{margin:5px 0 5px 0; padding:0;color:#000063; font-size:14px;}
p{margin:0; padding:0;}
body
{
color:#444444;
padding:0;
margin:0;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
.clear
{clear:both;
}
#wrapper
{width:1000px;
margin:0 auto;
box-shadow:#000 0px 0px 10px;
height:auto;
padding:0;
}
#h_bg{
	margin:0;
	padding:0;
background:url(../images/bac.png) repeat-y center top;
}
#logo
{
	width:400px;
	height:auto;
	margin:0px auto;
	padding:8px 0;
}

header
{
height:auto;
width:985px;
margin:0 auto;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
padding:0;
border-right:#E82E37 8px solid;
border-left:#E82E37 8px solid;
border-top:#E82E37 8px solid;
}
.top
{
	width: 245px;
	float:left;
	margin:0 0 0 90px;
}
.top ul
{padding:0;
margin:0;
}
.top ul li
{list-style:none;
float:left;
}
.top ul li a
{color:#283891;
display:block;
padding:8px 16px;
text-decoration:none;
text-shadow:1px 0 1px #fff;
}
.top ul li a:hover
{color:#b4141b;
}
#call
{
width:324px;
float:right;
height:50px;
margin:11px 0 0 0;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:28px;
color:#000;
margin-top:68px;
color:#E82E37;
font-weight:bold;
}
#call span{
	color:#000;
}
#m
{width:985px;
height:43px;
margin:0 auto;
background:url(../images/menu_bg.gif) repeat-x;
border-top:#e82e37 solid 8px;
border-right:#e82e37 solid 8px;
border-left:#e82e37 solid 8px;
}
nav
{
	width:984px;
	height:40px;
	margin:0 auto;
}
nav ul {padding:0; margin:0;}
nav ul li{list-style:none; float:left; background:url(../images/menu_divider.gif) no-repeat right top; line-height:40px;}
nav ul li a {color:#333; display:block; padding:0 42px; font-weight:bold; font-size:16px;text-decoration:none;text-shadow:1px 0 1px #000;  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-shadow:1px 0 1px #fff; margin:0 4px 0 0; text-transform:uppercase;}
nav ul li a:hover,nav ul li a.active{color:#000; text-shadow:1px 0 1px #fff; background:url(../images/menu_over.gif) repeat-x;}
#main_bg
{width:100%;
background:#fafafa  url(../images/center_bg.jpg) repeat-x;
}
.center_top
{width:100%;
height:3px;
background:url(../images/center_top.jpg) repeat-x;
}
#main_inner
{width:984px;
margin:0 auto;
padding:10px 0 10px 0;
}
#f_bg
{background:#000 url(../images/flash_bg.jpg) no-repeat center top;
height:474px;
width:100%;
padding:10px 0 0 0;
}
#flash_inner
{width:100%;
margin:0 auto;
height:auto;
}
.f_shadow
{width:984px;
height:52px;
background:url(../images/f_shadow.png) no-repeat center top;
}
aside
{
	width: 265px;
	float:left;
	background:#fff;
}
#ban1
{width:270px;
float:right;
height:255px;
margin-bottom:5px;
margin-top:5px;
}
#ban2
{width:269px;
height:224px;
margin-bottom:5px;
float:right;
}
.b_txt
{width:300px;
padding:3px;
line-height:23px;
color:#fff;
font-weight:bold;
text-align:justify;
margin:0 auto;
}
.b_txt a{
	color:#E82E37;
	text-shadow:#fff 1px 1px 1px;
}
.b_txt a:hover{
	color:#000;
}
.b1
{width:316px;
height:265px;
float:left;
margin:0 9px 0 0;
background:url(../images/icon_bg.png);
border:#C2D3DD solid 3px;
border-radius:5px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 3px rgba(0,0,0, .65);
box-shadow: 0 0 3px rgba(0,0,0, .65);
color:#fff;
}
.b11
{width:316px;
height:265px;
float:right;
background:url(../images/icon_bg.png);
border:#C2D3DD solid 3px;
border-radius:5px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 3px rgba(0,0,0, .65);
box-shadow: 0 0 3px rgba(0,0,0, .65);
color:#fff;
}
.b2
{width:320px;
height:auto;
float:left;
margin:0;
background:url(../images/icon_bg.png);
border:#C2D3DD solid 3px;
border-radius:5px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
}
article{
	width:985px;
	height: auto;
margin:0 auto;
border-left:#E82E37 8px solid;
border-right:#E82E37 8px solid;
background:url(../images/bac.png) repeat center top;
}
#wel
{
color:#000;
font-size:14px;
line-height:28px;
padding-left:12px;
padding-right:8px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
#wel1
{
color:#000;
font-size:16px;
line-height:28px;
padding-left:12px;
padding-right:8px;
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
text-align:center
}
#wel img
{padding:3px 3px; float:right; 
}
.di{
	width:100%;
}
.di img{
	margin:0 auto;
	float:none;
}
.dimg{
	margin:0 auto;
}
#wel_top
{
height:40px;
padding-top:5px;
color:#cc0000;
font-size:22px;
padding:15px 0 0 12px;
}

.form input{
	float:right;
	border-right:#143F71 2px solid;
	border-top:none;
	border-left:none;
	width:60%;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 3px rgba(0,0,0, .65);
box-shadow: 0 0 3px rgba(0,0,0, .65);
}
.form textarea{
	float:right;
	border-right:#143F71 2px solid;
	border-top:none;
	border-left:none;
	width:60%;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
}
/*a.anchor
{text-decoration:none; color:#0a80c7;}
a.anchor:hover
{text-decoration:none; color:#333;}
a.anchor1
{text-decoration:none; color:#000; text-shadow:1px 0 1px #fff;}
a.anchor1:hover
{text-decoration:none; color:#fff;text-shadow:1px 0 1px #000;}*/
section
{ width:100%;
/*background:#fff;*/
height:auto;
}
.s_txt
{color:#fff;
line-height:27px;
padding:0 12px 0 12px;
}
.se_bx
{width:489px;
height:auto;
background:#0d87cf;
float:left;
}
.s_ban
{width:495px;
height:202px;
float:right;
}
span
{
	color: #cc0000;
}
#quick_box
{width:265px;
float:left;
background:#f7f1d9;
height:auto;
}
.re_w
{
	width: 260px;
	height: auto;
	margin-left:1px;
}
#q_top
{
color:#95261a;
height:28px;
width:255px;
padding-left:10px;
padding-top:5px;
font-size:22px;
}
.read a
{background:#010101 url(../images/b2_bg.jpg) repeat-x;
color:#fff;
font-size:14px;
width:91px;
height:28px;
padding-top:10px;
float:left;
text-decoration:none;
margin-top:10px;
padding-left:10px;
margin-bottom:10px;
}
.read a:hover
{background:#5ca610 url(../images/b1_bg.jpg) repeat-x;
color:#fff;
font-size:14px;
width:91px;
height:28px;
float:left;
}
#box
{width:100%;
height:auto;
/*background:#f0f4f7;*/
margin-top:6px;
}
#box_inner {
    border-left: 8px solid #e82e37;
    border-right: 8px solid #e82e37;
    height: auto;
    margin: -10px auto 0;
    width: 985px;
}
#long_ban
{width:984px;
height:251px;
margin:0 auto;
}
#s_bg
{width:100%;
height:auto;
border-top:#d7dfe4 solid 1px;
border-bottom:#d7dfe4 solid 1px;
}
.sbg_inner
{width:984px;
height:auto;
margin:0 auto;
background:#F0F4F7;
}
.s_inner
{width:984px;
height:auto;
margin:0 auto;
background:#fff;
}
.s1_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban1.jpg) no-repeat center top;
cursor:pointer;
}
.s1_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s2_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban2.jpg) no-repeat center top;
cursor:pointer;
}
.s2_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s3_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban3.jpg) no-repeat center top;
cursor:pointer;
}
.s3_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s4_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban4.jpg) no-repeat center top;
cursor:pointer;
}
.s4_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s5_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban5.jpg) no-repeat center top;
cursor:pointer;
}
.s5_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s6_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban6.jpg) no-repeat center top;
cursor:pointer;
}
.s6_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.ban1_img
{width:300px;
height:200px;
float:left;
margin-right:6px;
margin-left:10px;background:url(../images/what.jpg) no-repeat center top;
border-radius:5px 5px;
}
.ban1_img:hover
{width:300px;
height:250px;
float:left;
}

.ban2_img
{width:300px;
height:200px;
float:left;
margin-right:6px;
margin-left:10px;background:url(../images/quality.jpg) no-repeat center top;
border-radius:5px 5px;
}
.ban2_img:hover
{width:300px;
height:250px;
float:left;
}

.ban3_img
{width:300px;
height:200px;
float:left;
margin-right:6px;
margin-left:10px;background:url(../images/advantages.jpg) no-repeat center top;
border-radius:5px 5px;
}
.ban3_img:hover
{width:300px;
height:250px;
float:left;
}


#follow
{width:255px;
float:left;
margin-left:150px;
margin-top:5px;
}
#f_txt
{
	color: #fff;
	font-size: 13px;
	width: 75px;
	float: left;
	height: 25px;
	padding-top: 8px;
	font-weight:bold;
}
.ic1
{width:35px;
height:35px;
float:left;
}
footer
{background:#222222;
color:#333;
height:auto;
width:985px;
margin:0 auto;
border-right:#E82E37 8px solid;
border-left:#E82E37 8px solid;
border-bottom:#E82E37 8px solid
}
.rslides{
	width:98.5%;
}
#ft_bg
{width:100%;
height:69px;
background:url(../images/f_pattern.jpg) repeat;
margin-top:85px;
position:absolute;
z-index:200;
}
.glass_icon
{width:178px;
height:173px;
float:left;
}
#footer_inner
{width:984px;
height:40px;
margin:0 auto;
padding-top:10px;
}
#footer_left
{
	width: 48%;
	text-align:center;
	padding-top: 10px;
	line-height: 25px;
	color: #fff;
	margin-left: 15px;
	font-weight: bold;
	float:left;
}
#footer_right a
{
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}
#footer_left a:hover
{
	color:#D0CECE;
}
#footer_right
{
	width: 30%;
	text-align:center;
	padding-top: 10px;
	line-height: 25px;
	color: #fff;
	margin-left: 15px;
	font-weight: bold;
	float:right;
}
#payment
{
	color: #fff;
	width:80px;
	float: left;
	padding-top: 6px;
	font-weight:bold;
}
.icon1
{width:48px;
float:left;
margin-right:3px;
}
	.gallery{
	width:980px;
	margin-left:-6px;
	padding-bottom:20px;
}
.gallery ul{
	margin:0;
	padding:0;
}
.gallery ul li{
	width:200px;
	height:120px;
	border-top:#ed6464 6px solid;
	border-right:#ed6464 6px solid;
	border-left:#ed6464 6px solid;
	border-bottom:#ed6464 36px solid;
	float:left;
	list-style:none;
	margin-left:30px;
	margin-top:25px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.gallery ul li img{
	width:200px;
	height:150px;
}

.send{
	width:115px;
	height:25px;
	background:#0E88D0;
	color:#fff;
	text-align:center;
	cursor:pointer;
	line-height:25px;
	font-weight:bold;
	padding:2px 0;
	float:right;
	margin-left:2px;
	margin-top:8px;	
	border:#000 1px solid;
	border-radius:5px;
}
.send:hover{
	background:#000;
	border:#0E88D0 1px solid;
}
.gal{
	float:left;
	width:50%;
}
.gal img{
	width:96%;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
border:#fff 2px solid;
border-radius:5px;
height:auto;
margin:0 5px;
}

.iimg img{
	width:465px;
border:#fff 2px solid;
border-radius:5px;
height:250px;
}
.iimg a{
	width:50%;
	float:left;
}
.ul{
	width:30%; float:left;
}
.form{
	width:46%;
	float:left;
	line-height:30px;
}
.form input{
	float:right;
	border-right:#143F71 2px solid;
	border-top:none;
	border-left:none;
	width:60%;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
}
.form textarea{
	float:right;
	border-right:#143F71 2px solid;
	border-top:none;
	border-left:none;
	width:60%;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
-moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
box-shadow: 0 0 10px rgba(0,0,0, .65);
}
.right{
	width:38%;
	float:right;
}
.ull, .ulll{
	width:35%;
	float:left;
}
.policy_img
{text-align:center;
}
.quality_system
{float:right;
width:50%;
height:205px;
}
.quality_system10
{float:right;
width:20%;
height:180px;
}
.quality_system12
{float:left;
width:22%;
height:180px;
text-align:left;
}
.img51
{float:left;
margin-left:-250px;
}
.ema1
{width:100%;
height:auto;
float:left;
}
.generale_pice
{width:100%;
height:auto;
float:left;
}
.generale_pice_img
{width:310px;
height:auto;
float:left;
text-align:center;
margin-right:6.4px;
}
.services_img1
{width:400px;
height:auto;
float:right;
text-align:right;
margin-left:8px;
}
.quality_system1
{float:right;
width:50%;
height:205px;
margin-top:180px;
}
.glasses
{width:310px;
height:auto;
float:right;
margin-top:10px;
}
.generale_pice11
{width:97%;
height:auto;
float:left;
margin-left:21px;
margin-top:8px;
}
.generale_pice_img11
{width:310px;
height:auto;
float:left;
text-align:center;
margin-right:8.4px;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}

.close {
    background: #e82e37 none repeat scroll 0 0;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
    color: #ffffff;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    right: -284px;
    text-align: center;
    text-decoration: none;
    top: -91px;
    width: 24px;
}
.close:hover { background: #00d9ff;
}
.image_popup {
    float: left;
    height: auto;
    margin-left: -293px;
    margin-top: -88px;
    width: 370px;
}
.modalDialog1 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog1:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog1 > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
}

.close1 {
    background: #e82e37 none repeat scroll 0 0;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
    color: #ffffff;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
    right: 15px;
    text-align: center;
    text-decoration: none;
    top: -116px;
    width: 24px;
}
.close1:hover { background: #00d9ff;
}

.image_popup2 {
    float: left;
    height: auto;
    margin-left: -200px;
    margin-top: -115px;
    width: 370px;
}