@charset "utf-8";
/* CSS Document */

body,html,div,img,dl,dt,dd,h1,h2,h3,h4,h5,p,form,input,select,textarea,a,table,tr,td,ul,li,blockquote {margin:0;padding:0;}

body, html {width: 100%;}
body {background: #fff url(../images/bg-main.jpg)  center center fixed repeat-y; text-align: center;}
body, div {font: 12px Trebuchet MS, Tahoma, Verdana, sans-serif; color:#3e3e3e;}

a, a:hover {color: #0286e3; text-decoration: none;}a:hover {color: #68c4e0;}
img {border: none; vertical-align: middle;}

.spacer{height: 1px; width: 100%; clear: both; font-size: 1px;}
.s3 {height: 3px !important;}
.s10 {height: 10px;}
.s15 {height: 15px;}
.s20 {height: 20px;}

h2 { margin:9px 0; color:#7ca51b; font-size:19px;}
h3 { margin:0; padding:15px 0 10px 20px; color:#333; font-size:19px;}

/* main block */
.container, .header, .headerIndex  {width: 952px; text-align: left; margin: 0 auto; position: relative;}
.container-bg {width: 100%; background: #e7e9ea;}
.footer-bgs {width: 100%; background: #cad1d3 url(../imgs/bg-footer.gif) repeat-x;}

/* header */
.header {height:180px; background: url(../images/bg_index.jpg) 0px 80px no-repeat; position: relative;}
.headerIndex { height:380px; background: url(../images/bg_index.jpg) 0px 80px no-repeat; position: relative;}
.headerIndex .indexRight { position:absolute; z-index:2; bottom:20px; right:10px}
.headerIndex .underBut { width:355px; position:absolute; z-index:2; bottom:45px; right:30px; font-size:17px; line-height:19px; color:#FFF}
.headerIndex .underBut span { color:#e99003}

.logo {
	position: absolute;
	top: 18px;
	left: 7px;
	background-image: url(images/logo.png);
}

.header .menu, .headerIndex .menu {height:30px; width:430px; overflow: hidden; position: absolute; top: 42px; left:530px;}
.header .menu li, .headerIndex .menu li {list-style: none; float: left; font-size: 18px; line-height:20px; margin-right: 30px;}
.header .menu li a, .headerIndex .menu  li a { }
.header .menu li a:hover, .header .menu li.on a, .header .menu li.on a:hover,  .header .menu li.on {color: #d8ecf2;}
.headerIndex .menu li a:hover, .headerIndex .menu li.on a, .headerIndex .menu li.on a:hover,  .headerIndex .menu li.on {color: #d8ecf2;}

.footer { margin:0 auto; width:952px;text-align:left}
.footer .menu {padding: 3px 0 15px; }
.footer .menu li {list-style: none; display:inline; font-weight: bold; font-size: 14px; line-height: 18px; padding:4px 9px;}
.footer .menu li a {color: #0286e3;}
.footer .menu li a:hover, .footer .menu li.on a, .footer .menu li.on a:hover, .footer .menu li.on {color: #68c4e0;}



.cols {}
.cols .colLeft{ width:305px; float:left; margin:0 15px 0 0 } 
.cols .colLeftBig{ width:610px; float:left; margin:0 15px 0 0 } 
.cols .colLast{ width:311px; float:right; } 

.colLast ul { background:url(../images/bg_rigtcol.png) no-repeat; list-style:none; height:215px; }
.colLast ul li { padding:4px 9px 4px 50px}
.li1 { background:url(../images/icons.png) 25px 0 no-repeat}
.li2 { background:url(../images/icons.png) 25px -45px no-repeat}
.li3 { background:url(../images/icons.png) 25px -90px no-repeat}
.li4 { background:url(../images/icons.png) 25px -135px no-repeat}
.li5 { background:url(../images/icons.png) 25px -180px no-repeat}

.bLeft {width:450px; float:left; }
.bRight  {width:450px; float:right; }
.bRight p {  padding:9px 0 }

.contryList ul { width:140px; float:left; list-style:none; margin:15px 0 0 10px }
.contryList ul li { background:url(../images/li-arrow.png) 0 5px no-repeat; padding:3px 0 0px 15px;}