/* CSS Document */
html,body,p,ul,h1,h2,h3,h4,h5,h6,img {
margin: 0;
padding: 0;
}
img {border:0; max-width:100%; width:auto; height:auto;}
body{font: 12px/17px Arial, Helvetica, sans-serif; color:#000; background:#f6f6f6;}
div{margin:0 auto;}
.wrap{width:880px;}
.clr{clear:both;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; margin:0px 1%;
}
.col-md-1{width:6.3333%;}
.col-md-2{width:14.6666%;}
.col-md-3{width:23%;}
.col-md-4{width:31.3333%;}
.col-md-5{width:39.6666%;}
.col-md-6{width:48%;}
.col-md-7{width:56.3333%;}
.col-md-8{width:64.6666%;}
.col-md-9{width:73%;}
.col-md-10{width:81.3333%;}
.col-md-11{width:89.6666%;}
.col-md-12{width:98%;}
.div95{width:95%; margin-bottom:15px;}
.div90{width:90%; margin-bottom:20px;}
.div80{width:80%;}
.toggleMenu {
display: none;
background: #191D8F;
padding: 10px 0px;
color: #fff;
width:100%;
}
.active a {
display: block;
color:#191D8F!important;
}
.nav {
list-style: none;
*zoom: 1;
background:none;
float:right;
}
.nav:before,
.nav:after {
display: none;
}
.nav:after {
clear: both;
}
.nav ul {
list-style: none;
}
.nav a {
padding: 0px;
font: bold 14px/16px Arial, Helvetica, sans-serif;
color: #000;
display:inline-block;
text-transform:uppercase;
}
.nav a:hover {
color: #191D8F;
}
.nav li {
position:relative;
}
.nav > li {
float:left;
}
.nav > li > .parent {
background-image:url(../images/dnarrow.png);
background-repeat: no-repeat;
background-position: 100% 50%;
}
.nav > li > a {
display: block;
min-width:auto;
white-space: nowrap;
position:relative;
}
.nav li ul {
position: absolute;
left: -9999px;
width:auto;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.nav > li.hover > ul {
left: 0;
}
.nav li li.hover ul {
left: 100%;
top: 0;
color: #3092D3;
background:#fff;
}
.nav li li a {
display: block;
position: relative;
z-index:100;
width:185px;
text-transform:capitalize;
background:url(../images/bg.jpg) scroll 50% 100% transparent;
padding: 4px 10px !important;
border-bottom: 1px solid #D8D8D8;
}
.nav li li a:hover{background:#191D8F; color:#fff;}
.nav li li li a {
background:#f7f7f7;
z-index:200;
}
.srch{float:right; margin-top:70px;}
.top-bg{background:url(../images/img_06.jpg) top right no-repeat; min-height:169px;}
.footer-bg{
min-height:30px;
background:url(../images/btm_bg.jpg) center top repeat-x #bfbfbf;
padding:15px 0px 0px;
}
.bann-right{height:340px; background:url(../images/texture.jpg); margin-top:15px;}
a{
color:#8E8E8E;
text-decoration:none;
}
a:hover{
color:#392E89;
text-decoration:none;
}
.hd1{
font-size:18px;
line-height:24px;
text-align:left;
margin-bottom:10px;
color:#343434;
}
.hd1_b{
font-size:20px;
line-height:22px;
font-weight:bold;
color:#191d8f;
margin-bottom:14px;
}
.hd1_w{
font-size:20px;
line-height:30px;
color:#ccc;
text-align:left;
}
.hd2{
font: bold 24px/30px Arial, Helvetica, sans-serif; color:#191d8f; margin-bottom:20px; padding-bottom:5px;
}
h1{
font-size: 16px;
font-weight: bold;
color: #392E89;
padding: 8px 0px;
border-bottom: 3px solid #999;
}
h2{
font: bold 18px/48px Arial, Helvetica, sans-serif; color:#343434; padding:5px 0px;
}
h3{
font: bold 15px/19px Arial, Helvetica, sans-serif; color:#343434;
}
.red_txt{
font-family: "Open Sans";
font-style: normal;
color:#6d9429;
}
.wh_txt{
font-style: normal;
color:#ccc;
}
.hd2_green{
color:#aacff2;
font-size:14px;
line-height:22px;
font-weight:bold;
margin-bottom:10px;
}
.foothd_blue{
color:#025ecb;
font-size:14px;
line-height:24px;
}
.foothd_wht{
color:#ffffff;
font-size:18px;
line-height:24px;
}
.bottom_bull{
width:72%;
float:left;
}
.hd2_red{
color:#c72700;
font-size:20px;
line-height:20px;
font-family: "cstmfont";
}
.h3 {
font: 14px/18px 'Archivo Narrow',Arial,sans-serif;
color: #5A7792;
text-transform: uppercase;
padding-bottom: 16px;
border-bottom: 1px solid #E1E1E1;
}
.cat_hd{
font-size:20px;
line-height:23px;
margin-top:15px;
margin-bottom:10px;
padding:7px 0px 7px 10px;
color:#000000;
border-radius: 2px 2px 0px 0px;
background:url(../images/hd_bg.jpg);
}
.side_hd{
font-size:20px;
line-height:23px;
margin-top:15px;
margin-bottom:10px;
padding:100px 0px 7px 10px;
color:#ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}
.bullet1, link{
line-height:22px;
text-decoration:none;
color:#858585;
cursor:pointer;
font-size:13px;
padding:2px 0px 2px 20px;
background:url(../images/img_36.png) left top no-repeat;
}
.bullet1:hover{
color: #00448b;
}
.bullet_b, link{
background:url(../images/bullet_b.png) left center no-repeat;
padding-left:15px;
line-height:24px;
text-decoration:none;
color:#059cd7;
cursor:pointer;
}
.bullet_b:hover{
color: #252525;
}
.bullet2{
background:url(../images/img_36a.png) left no-repeat;
padding-left:13px;
line-height:17px;
color:#e9e9e9;
margin-bottom:10px;
}
.bullet3{
background:url(../images/img_39.jpg) left no-repeat;
padding-left:20px;
line-height:24px;
}
.wht_txt{
color:#FFFFFF;
}
.hd1_gry{
font-size:14px;
line-height:18px;
color:#343434;
text-align:left;
font-weight:bold;
}
.menu_top, link{
font-size:13px;
font-weight:bold;
color: #666666;
text-decoration: none;
padding: 11px 10px;
}
.menu_top:hover{
text-decoration:none;
color:#99cc00;
}
.menu, link{
font: bold 14px/27px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
padding: 8px 20px;
display: inline-block;
text-transform:uppercase;
}
.menu:hover{
text-decoration:none;
color: #ffffff;
background:#191d8f;
}
.menu_active, link{
font: bold 14px/27px Arial, Helvetica, sans-serif;
color: #ffffff;
background:#191d8f;
text-decoration: none;
padding: 8px 20px;
display: inline-block;
text-transform:uppercase;
}
.menu_active:hover{
text-decoration:none;
color: #ffffff;
background:#191d8f;
}
.menu_f, link{
font: bold 19px/24px 'Orbitron',sans-serif;
color: #ffffff;
text-decoration: none;
padding: 11px 19px 12px;
display: inline-block;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
background:url(../images/menu_sep.jpg) right top no-repeat;
}
.menu_f:hover{
text-decoration:none;
color:#ffffff;
background:#cfcfcf;
border-radius: 7px 0px 0px 0px;
}
.menu_f_active, link{
font: bold 19px/24px 'Orbitron',sans-serif;
color: #ffffff;
text-decoration: none;
padding: 11px 19px 12px;
display: inline-block;
border-radius: 7px 0px 0px 0px;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
background:url(../images/menu_sep.jpg) right top no-repeat #cfcfcf;
}
.menu_f_active:hover{
text-decoration:none;
color:#ffffff;
background:#cfcfcf;
border-radius: 7px 0px 0px 0px;
}
.btn_sml,link{
background:#97d2eb;
color:#2e3192;
text-align:center;
font-size:12px;
padding:12px 25px;
text-decoration:none;
border-radius:4px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
.btn_sml:hover{
text-decoration:none;
color:#ffffff;
background-color:#2e3192;
}
.btn_red, link{
background:#97d2eb;
color:#000;
text-align:center;
font-size:12px;
padding:10px 20px;
text-decoration:none;
font-weight:bold;
}
.btn_red:hover{
background:#2e3192;
text-decoration:none;
color:#ffffff;
}
.btn_log,link{
background:#99cc00;
color:#ffffff;
text-align:center;
font-size:12px;
padding:10px 94px;
text-decoration:none;
font-weight:bold;
border-radius: 6px;
width:100%;
margin-bottom:20px;
}
.btn_log:hover{
background:#88b402;
text-decoration:none;
color:#ffffff;
}
.btn_acc,link{
background:#ffffff;
color:#000000;
text-align:center;
font-size:12px;
padding:10px 58px;
text-decoration:none;
font-weight:bold;
border-radius: 6px;
width:100%;
border:1px solid #cccccc;
}
.btn_acc:hover{
background:#cccccc;
text-decoration:none;
color:#000000;
}
#box{
background:url(../images/50a2aaa985f38.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:300px;
height:225px;
text-align:center;
}
#box_a{
background:url(../images/box_bg1.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:300px;
height:225px;
text-align:center;
}
#box_b{
background:url(../images/box_bg2.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:300px;
height:225px;
text-align:center;
}
#box_c{
background:url(../images/box_bg3.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:230px;
height:225px;
text-align:center;
}
#box_d{
background:url(../images/box_bg4.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:300px;
height:225px;
text-align:center;
}
#box_in{
background:url(../images/50a357872e98c.png) center top no-repeat;
padding:20px 10px 10px 10px;
width:270px;
height:345px;
text-align:center;
}
.box_hd1{
font-family: 'Alex Brush', cursive;
font-size:32px;
line-height:40px;
text-align:center;
color:#002d7c;
padding-bottom:10px;
background:url(../images/title-bg.png) center bottom no-repeat;
}
#box_btm{
height:340px;
width:140px;
float:left;
margin-right:23px;
margin-bottom:20px;
}
#box_btm img,link{
text-align:center;
padding:5px;
border:1px solid #ffffff;
}
#box_btm img:hover{
padding:5px;
border:1px solid #e7e7e7;
}
#box_btm_right{
height:340px;
width:140px;
float:left;
margin-right:0px;
margin-bottom:20px;
}
#box_btm_right img,link{
text-align:center;
padding:5px;
border:1px solid #ffffff;
}
#box_btm_right img:hover{
padding:5px;
border:1px solid #e7e7e7;
}
#box_btm_l{
background:url(../images/bg3.png) center bottom no-repeat;
height:247px;
width:250px;
float:right;
}
#box_btm_3{
background:url(../images/bg4.png) center bottom no-repeat;
height:247px;
width:320px;
}
#box_btm_2{
background:url(../images/bg4.png) center bottom no-repeat;
height:345px;
width:290px;
}
#box_l{
height:90px;
width:31%;
float:left;
margin-right:25px;
margin-bottom:10px;
}
#box_2{
height:90px;
width:32%;
float:right;
margin-bottom:10px;
}
.price{
color:#025ecb;
font-size:15px;
font-weight:bold;
}
.price_big{
color:#025ecb;
font-size:36px;
line-height:40px;
}
.foot_menu, link{
color:#999999;
margin:6px 0px;
text-decoration:none;
}
.foot_menu:hover{
text-decoration:none;
color:#ffffff;
}
.pro_box_l, link{
width:26%; height:300px; padding:20px; float:left; margin-bottom:20px; background:#ffffff; border-radius:6px; border:1px solid #cccccc; text-align:center; cursor:pointer;
}
.pro_box_l:hover{
width:26%; height:300px; padding:20px; float:left; margin-bottom:20px; background:#ffffff; border-radius:6px; border:none; text-align:center; box-shadow: 1px 1px 3px 3px #e4e4e4;
}
.pro_box_f, link{
width:26%; height:300px; padding:20px; float:left; margin-bottom:20px; margin-right:15px; background:#ffffff; border-radius:6px; border:1px solid #cccccc; text-align:center; cursor:pointer;
}
.pro_box_f:hover{
width:26%; height:300px; padding:20px; float:left; margin-bottom:20px; margin-right:15px; background:#ffffff; border-radius:6px; border:none; text-align:center; box-shadow: 1px 1px 3px 3px #e4e4e4;
}