/* CSS Document */
body{padding:0px; margin:0px; background:#fff url(../images/b_body.jpg) 0 0 repeat-x ; color: #122831; font:12px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
p, li {line-height: 20px;}

.clear {clear: both; margin: 0px; height:0}

a{font:12px Tahoma, sans-serif; color:#2bcade; text-decoration:underline;}
a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px Arial, sans-serif; color:#849e04; font-weight:bold}
.subtitle{font:10px/12px Tahoma, Geneva, sans-serif; color:#42a3a5;}

#container{width:1000px; margin:0 auto; background:url(../images/b_header.jpg) 0 0 no-repeat}
#footer{margin:0 auto; height:130px; background:url(../images/b_footer.gif) 0 0 repeat-x;  margin-top:30px}

#footer p{padding: 25px 0 0 0; font:12px Tahoma, Geneva, sans-serif; font-weight:normal; color:#fff; line-height: 20px;}
#footer p a{font:12px Tahoma, Geneva, sans-serif; font-weight:normal; text-decoration:none; padding: 0 3px; color: white; text-decoration: underline;}
#footer p a:hover{color:#2bcade;}
.footer {width: 950px; margin: auto; padding-left: 110px;}
.consult {margin-top: 30px;}
@-moz-document url-prefix(){
.consult{margin-top: 10px;}
}

/* HEADER */

#header{width:1000px; height:330px;  position:relative; }

#header #logo{position:absolute; top:10px; left:60px; background-image: url(../images/logo.png); display: block; width: 305px; height: 87px;}
#header img#slogan{position:absolute; top:148px; left:547px}

#header ul.btn_slogan{position:absolute; top:160px; left:217px; height:18px; margin-top: 30px;}
#header ul.btn_slogan li {padding-top:1px; margin-bottom: 10px;font-size: 26px; text-align: left; color: #6c8200; margin-top: -60px; font-family: tahoma;}
#header ul.btn_slogan li span {color: #0062a6; font-family: tahoma; font-size: 16px; float: left; }
#header ul.btn_slogan li .arr {float: left; background-image: url(../images/arr.png); width: 28px; height: 9px; display: block; margin-top: 6px; margin-left: 10px;}
#header .calc-button {display: block; background-image: url('../images/calc-button.png'); width: 171px; height: 42px; margin: -28px 0 0 15px; color: #fefefe; font-weight: bold; font-family: tahoma; font-size: 12px; text-align: center; float: right; text-shadow: #000000 1px 1px 1px; text-decoration: none; cursor: pointer; padding-top: 5px;}
#header .calc-button:hover {background-image: url('../images/calc-button-hover.png');}

#header ul.menu{position:relative; top:239px; display: table; margin: auto;}
#header ul.menu li{float:left; height:40px; margin-right:60px; margin-left: 60px; background-image:url(../images/btn.gif); background-repeat: no-repeat; background-position: center top; text-align: center; padding-top: 21px; margin-top: -12px;}
#header ul.menu li a{height:40px; display:block;}
#header ul.menu li a:hover{height:40px;}

#header ul.menu li a{font-family: arial; font-size: 12px; text-decoration: none; text-transform: uppercase; color: #4f7583; font-weight: bold;}
#header ul.menu li a:hover{color: #1ba1c3;}
#header ul.menu li a.active{color: #1ba1c3;}

/* CONTENT */

#content{width:900px; position:relative; margin:0 0 0 70px}
#leftPan{width:600px; position:relative; margin:0 30px 0 0; float:left;}
#rightPan{width:230px; position:relative; float:left;}

ul.btn_more{width:72px; height:18px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_more li{text-align:center; padding-top:1px}
ul.btn_more li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_more li a:hover{text-decoration:underline;}

#welcome{margin-bottom:24px}
h2{margin-top: 20px; margin-bottom: 15px; color: #849e04; font-style: italic;}
h2 a {color:#1BA1C3; font-style: italic; font-size: 18px; font-weight: bold;}
h2 a:hover {color: #2bcade;}
h3{margin-top: 20px; margin-bottom: 15px; color: #1BA1C3; font-style: italic;}
#welcome p.subtitle{margin-left:2px; margin-bottom:18px}
#welcome img{float:left; margin-right:9px}
#welcome p#wel_text{float:left; width:253px; margin-bottom:10px; padding-top:3px}
#welcome ul.btn_more{margin-left:165px; float:left}
#welcome .calc-button {display: block; background-image: url('../images/calc-button.png'); width: 171px; height: 42px; margin: -10px 0 0 15px; color: #fefefe; font-weight: bold; font-family: tahoma; margin: auto; font-size: 12px; text-align: center; text-shadow: #000000 1px 1px 1px; text-decoration: none; cursor: pointer; padding-top: 5px;}
#welcome .calc-button:hover {background-image: url('../images/calc-button-hover.png');}

#achievements{margin-bottom:30px}
#achievements h2{height:19px; position:relative; background:url(../images/h_achievements.gif) 0 0 no-repeat; }
#achievements p.subtitle{margin-left:2px; margin-bottom:18px}
#achievements img{float:left; margin-right:9px}
#achievements p#ach_text{float:left; width:253px; padding-top:3px}

.clear{ height:13px}
.float_l{float: left;}
.float_r{float: right;}
.pay {float: left; height: 50px; margin-right: 15px; margin-bottom: 20px;}

#achievements {margin-left:7px; margin-left: 20px;}
#achievements li{font:12px Tahoma, Geneva, sans-serif; color:#122831; background:url(../images/check.gif) 0 3px no-repeat; padding-left:15px; margin-bottom: 20px;}

#applications h2{height:19px; position:relative; background:url(../images/h_new.gif) 0 0 no-repeat; }
#applications p.subtitle{margin-left:2px; margin-bottom:18px}
#applications img{float:left; margin-right:9px}
#applications p#app_text{float:left; width:253px; padding-top:3px}

#spotlight{margin-bottom:18px; margin-left:11px}
#spotlight h2{height:19px; position:relative; background:url(../images/h_spotlight.gif) 0 0 no-repeat; }
#spotlight p.subtitle{margin-left:2px; margin-bottom:18px}

#achievements ul.submenu {margin-left:7px}
#achievements ul.submenu li{line-height: 16px; color:#122831; background:url(../images/bullet1.gif) 0 4px no-repeat; padding: 0 0 0 15px; margin-bottom: 10px;}
#achievements ul.submenu li a{color:#122831; text-decoration:underline;}
#achievements ul.submenu li a:hover{color:#122831; text-decoration:none;}

#featured{width:222px; padding:3px; border:#ededed 1px solid; position:relative}
#infeatured{background:#fbfbfb; padding-bottom:10px; padding-left:10px;}
#infeatured p.subtitle{margin-left:2px; margin-bottom:13px; width:198px; border-bottom:#e3e3e3 1px solid; padding-bottom:5px; margin-left:12px}
#infeatured p {margin-bottom: 20px;}
.featured_topic{margin-left:15px; margin-bottom:9px}
.featured_topic img{float:left; margin-right:10px}
.featured_topic p{float:left; width:144px; line-height:12px}
.button {width: 200px; height: 50px; margin: auto; display: block; cursor: pointer; font-size: 20px; text-align: center; font-style: italic; color: #15465A; padding-top: 5px; height: 35px;
	background: #849E04; /* Для старых браузров */
	background: -moz-linear-gradient(top, #849E04, #B6D130); /* Firefox 3.6+ */
	/* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom,
				color-stop(0%,#849E04), color-stop(100%,#B6D130));
	/* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #849E04, #B6D130);
	background: -o-linear-gradient(top, #849E04, #B6D130); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #849E04, #B6D130); /* IE10 */
	background: linear-gradient(top, #849E04, #B6D130); /* CSS3 */
	/* Для хороших браузеров */
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* KHTML */
	border-radius: 5px; /* CSS3 */
	/* Для плохих IE */
	behavior: url(border-radius.htc);
}
a:hover span.button {
	background: #B6D130; /* Для старых браузров */
	background: -moz-linear-gradient(top, #B6D130, #849E04); /* Firefox 3.6+ */
	/* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom,
				color-stop(0%,#B6D130), color-stop(100%,#849E04));
	/* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #B6D130, #849E04);
	background: -o-linear-gradient(top, #B6D130, #849E04); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #B6D130, #849E04); /* IE10 */
	background: linear-gradient(top, #B6D130, #849E04); /* CSS3 */
}