*{
margin-width: 0;
margin-height: 0;
}

@font-face{
font-family: Trebuchet;
src: url('../fonts/trebuc.ttf');
}
@font-face{
font-family: Caviar;
src: url('../fonts/CaviarDreams_Bold.ttf');
/*src: url('../fonts/CaviarDreams_Bold.otf');*/
}

body{
background: #ebe9e9;
font-family: Trebuchet;
}

.header{
background: url(../images/bg.png);
width: 891px;
height: auto;
padding: 0 17px 0 17px;
margin-left: auto;
margin-right: auto;
}
.header .menu{
background: url(../images/bg_menu.png);
width: 890px;
height: 236px;
position: relative;
z-index: 1;
} 

.banner{
background: url(../images/bg.png);
width: 891px;
height: auto;
padding: 0 17px 0 17px;
margin-left: auto;
margin-right: auto;
}
.banner_pic{
background: url(../images/banner.png);
width: 890px;
height: 191px;
position: relative;
z-index: 0;
margin-top: -115px;
}
.banner div.text_banner{
position: relative;
float: right;
width: 380px;
padding: 40px 20px 0 0;
}
.banner div.text_banner ul li.title_banner{
color: #FFFFFF;
font-size: 30px;
font-family: Caviar;
text-transform: uppercase;
text-align: right;
text-shadow: 1px 1px 2px #3ca2e0;
}
.banner div.text_banner ul li.desc_banner{
text-align: right;
font-family: Trebuchet;
font-size: 14px;
color: #016cad;
line-height: 150%;
text-shadow: 1px 1px 0px #85c2e7;
}

.box_prod{
background: url(../images/bg.png);
width: 895px;
height: auto;
padding: 20px 15px 0 15px;
margin-left: auto;
margin-right: auto;
}
.box{
/*background: url(../images/box_prod.png);*/
width: 222px;
height: 254px;
position: relative;
float: left;
}
.box ul{
list-style: none;
}
.box ul li.title{
font-family: Caviar;
color: #FFFFFF;
font-size: 24px;
width: 222px;
height: 51px;
padding: 25px 0 0 0;
text-align: center;
cursor: default;
background: none;
margin: 0 0 20px 0;
}
.box ul li.title:hover{
margin: 0 0 20px 0;
color: #FFFFFF;
}
.box ul li{
color: #434444;
font-family: Trebuchet;
font-size: 14px;
height: 24px;
width: 200px;
cursor: pointer;
margin-left: 22px;
padding: 4px 0 6px 40px;
background: url(../images/arrow.png) no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.box ul li:hover{
margin-left: 26px;
color: #000000;
}

.content{
background: url(../images/bg.png);
width: 891px;
height: auto;
padding: 18px 17px 0 17px;
margin-left: auto;
margin-right: auto;
}
.content .content_left{
width: 510px;
height: auto;
position: relative;
float: left;
}
.content .content_left .news{
width: 510px;
height: auto;
}
.content .content_left .news .title_news{
width: 495px;
height: 47px;
padding: 10px 0 0 15px;
background: url(../images/bg_title.png);
}
.content .content_left .news .title_news .first_title{
font-family: Caviar;
font-size: 22px;
color: #016cad;
text-transform: uppercase;
}
.content .content_left .news .title_news .second_title{
font-family: Trebuchet;
font-size: 16px;
color: #434444;
}
.content .content_left .news .pic_news{
width: 510px;
height: auto;
position: relative;
margin-top: 8px;
}
.content .content_left .news .pic_news img{
width: 504px;
border: #e7e7e7 3px solid;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.content .content_left .news .pic_news img:hover{
border: #2e91d4 3px solid;
}
.content .content_left .news .desc_news{
width: 480px;
height: auto;
position: relative;
background: #f6f6f6;
font-family: Trebuchet;
color: #a6a6a6;
font-size: 14px;
padding: 15px;
text-align: justify;
margin-top: 2px;
line-height: 150%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}

.content .content_right{
width: 360px;
height: auto;
position: relative;
float: left;
margin-left: 20px;
}
.content .content_right .link{
margin-bottom: 30px;
}
.content .content_right .title_link{
font-family: Caviar;
font-size: 22px;
color: #016cad;
text-transform: uppercase;
padding: 0 0 10px 10px;
border-bottom: 1px solid #f6f6f6;
}
.content .content_right .desc_link{
position: relative;
font-family: Trebuchet;
color: #a6a6a6;
font-size: 13px;
margin-top: 5px;
line-height: 180%;
}

.btn{
width: 106px;
height: 27px;
background: url(../images/btn.png);
position: relative;
z-index: 0;
font-family: Caviar;
font-size: 14px;
color: #FFFFFF;
line-height: 100%;
text-align: center;
padding: 10px 0 0 0;
cursor: pointer;
text-shadow: 1px 1px 0px #4085a9;
}
.btn_hov{
width: 106px;
height: 27px;
position: absolute;
padding: 10px 0 0 0;
top: 0;
z-index: 1;
background: url(../images/btn_hov.png);
opacity: 0;
filter: alpha(opacity = 0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.btn:hover .btn_hov{
opacity: 1;
text-shadow: 1px 1px 0px #124d6a;
filter: alpha(opacity = 100);
}

.footer{
background: url(../images/bg_footer.png) top no-repeat;
width: 891px;
min-height: 56px;
padding: 35px 17px 0 17px;
margin-left: auto;
margin-right: auto;
font-size: 12px;
}
.footer ul li.first_line{
color: #a9a9a9;
font-family: Trebuchet;
text-align: center;
}
.footer ul li.second_line{
color: #016cad;
font-family: Trebuchet;
text-align: center;
margin-top: 5px;
}