
@font-face {
    font-family: 'MyriadProRegular';
    src: url('../font/myriadpro-regular_0.eot');
    src: url('../font/myriadpro-regular_0.eot') format('embedded-opentype'),
         url('../font/myriadpro-regular_0.woff') format('woff'),
         url('../font/myriadpro-regular_0.ttf') format('truetype'),
         url('../font/myriadpro-regular_0.svg#MyriadProRegular') format('svg');
}

@font-face {
    font-family: 'etelka_medium_proregular';
    src: url('../font/etelka-medium-pro-webfont.eot');
    src: url('../font/etelka-medium-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/etelka-medium-pro-webfont.woff') format('woff'),
         url('../font/etelka-medium-pro-webfont.ttf') format('truetype'),
         url('../font/etelka-medium-pro-webfont.svg#etelka_medium_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'etelka_text_proregular';
    src: url('../font/etelka-text-pro-webfont.eot');
    src: url('../font/etelka-text-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/etelka-text-pro-webfont.woff') format('woff'),
         url('../font/etelka-text-pro-webfont.ttf') format('truetype'),
         url('../font/etelka-text-pro-webfont.svg#etelka_text_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { margin:0; padding:0; font-family: 'MyriadProRegular'; font-size:14px; color:#bababa;}

.container { width:100%; float:left;}
.row {width: 100%; max-width: 1000px; min-width: 767px; margin: 0 auto;}
.com_bg { width:100%; float:left;}
.logo_bg { width:154px; height:81px; float:left; padding:15px 0 19px 0}
.menu { width:auto; height:auto; float:right; margin:31px 0 33px 0; background:url(../images/menu_bg.png) repeat-x left top; border:1px solid #d5d5d5; border-radius:10px;}
.menu ul { list-style:none outside none; margin:0; padding:0;}
.menu ul li { float:left; width:auto;}
.menu ul li a { float:left; padding:0 30px; height:48px; line-height:48px; text-decoration:none; text-transform:uppercase; font-size:14px; color:#58585a; font-family: 'etelka_text_proregular'; font-weight:bold; background:url(../images/menu_line.png) no-repeat right center; text-shadow:2px 2px 0 #fff;}
.menu ul li a:hover { color:#f7941e; text-decoration:none;}
.ma { background:none !important;}
.active { color:#f7941e !important; text-decoration:none !important;}
.header { background:url(../images/header_bg.jpg) no-repeat center top;}

.midd { padding:30px 0;}
.midd_head { width:100%; float:left; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #dadada; color:#f7941e; font-size:24px; font-family: 'etelka_medium_proregular';}
.midd_head a { font-size:13px; color:#999999; padding-top:10px; text-decoration:none; float:right;}
.plum_bg { width:300px; height:auto; float:left; margin-right:20px; font-family: 'MyriadProRegular';}
.plum_bg:hover {
-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 

-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
transition: all .5s ease-in;

}
.plum_img { width:300px; height:auto; float:left; padding-bottom:15px;}
.plum_head { width:300px; height:auto; float:left; padding-bottom:10px; color:#f7941e; font-size:22px;}
.plum_text { width:300px; height:auto; float:left; color:#bababa; font-size:14px;}

.midd_left { width:500px; float:left; margin-right:50px;}
.midd_right { width:450px; float:left;}
.dra_bg { width:100%; float:left;}
.dra_head { width:100%; float:left; padding-bottom:15px; font-size:22px; font-family:'etelka_medium_proregular'; color:#f7941e;}
.dra_text { width:100%; float:left; font-size:14px; color:#bababa; padding-bottom:20px;}
.dra_text_b { width:100%; float:left; font-size:14px; color:#646464; line-height:22px; padding-bottom:20px;}
.dra_text_b span { padding-right:15px;}

.cf_bg { width:94.8%; float:left; height:auto; padding:35px 12px 12px 12px; border:1px solid #e6e6e6; background:#f8f8f8; border-radius:3px;}
.cf_midd { width:94.8%; float:left; height:auto; padding:15px 12px 12px 12px; border:1px solid #ebebeb; background:#fff;border-radius:3px;}
.cf_name { width:50%; float:left; padding-bottom:10px;}
.cf_name_te { width:100%; float:left; padding-bottom:5px; font-family:arial; font-size:11px; font-weight:bold; color:#4e4e4e;}
.cf_name_ta { width:80%; float:left; border:1px solid #dadada; border-radius:3px; padding:8px; font-size:10px; color:#CCC; margin-bottom:5px;}

.cf_em { width:50%; float:left; padding-bottom:10px;}
.cf_em_te { width:100%; float:left; padding-bottom:5px; font-family:arial; font-size:11px; font-weight:bold; color:#4e4e4e;}
.cf_em_ta { width:92%; float:left; border:1px solid #dadada; border-radius:3px; padding:8px; font-size:10px; color:#CCC; margin-bottom:5px;}

.cf_me { width:100%; float:left; padding-bottom:5px;}
.cf_me_te { width:100%; float:left; padding-bottom:5px; font-family:arial; font-size:11px; font-weight:bold; color:#4e4e4e;}
.cf_me_ta { width:96%; float:left; border:1px solid #dadada; border-radius:3px; padding:8px; font-size:10px; color:#CCC; margin-bottom:5px; font-family:arial;}
.submit { width:auto; height:35px; line-height:32px; float:left; font-family:arial; font-size:14px; font-weight:bold; color:#FFF; border:1px solid #ffaa52; border-radius:3px; padding:0 15px; background:url(../images/submit_bg.png) repeat-x left top; cursor:pointer;}

.bottom { background:#58585a url(../images/bott_bg.png) repeat-x left top;}
.bott_left { width:60%; float:left; padding:30px 0 30px 153px; background:url(../images/bott_logo.png) no-repeat left 22px; font-size:14px; color:#bababa;}
.bott_right { width:auto; float:right; font-size:14px; color:#fff; padding:23px 0 18px 0; text-align:right;}
.bott_right a { color:#FFF; text-decoration:none;}
.bott_right a:hover { color:#f7941e; text-decoration:none;}
.br { color:#f7941e !important; text-decoration:none !important;}
.cm { font-size:28px; color:#444;}