/* ~~~~~~~~~~~~~~~ general ~~~~~~~~~~~~~~~~~~~~~~ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {font-family: Arial,sans-serif;background:#96a7af url(../images/bg.jpg) repeat-x top left;color:#333;font-size:0.78em;height:100%;}
html{height:100%}
a:focus {outline:none;}
a:hover {color:#0d86d5;text-decoration:none;}
ul {list-style:none;}
a{color:#0870b3;}
p {margin: 0 0 20px 0;padding:0;line-height:1.45em;}
img{border:0;}
sup, sub {font-size:.8em;}
.nowrap {white-space:nowrap;}
.wrap {width:100%;overflow:hidden;clear:both;}
.sp {clear:both;visibility:hidden;}
.hide {display:none;}
.none-visible {
	visibility:hidden;
}
table {border-collapse:collapse;}
strong {font-weight:bold;color:#000;}
em {font-style:italic;}
h1,h2,h3 {
	font-family:"Times";
	font-size:24px;
	font-style:italic;
	color:#000;
	margin:5px 0;
}
h2 {font-size:21px;}
h3 {}
strong {color:#525252;}

h1{
	font-weight:bold;
	color: #3b3b3b;
	font-size: 24px;
}

h2{
	font-size:21px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ maket ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#page {
	width:976px;
	margin:0 auto;
}

#bottom_round {
	background:url(../images/bottom_round.jpg) no-repeat bottom left;
	height:10px;
}
#middle {
	background:#fff url(../images/middle_bg.gif) repeat-y top left;
	padding:0 4px;
}
#menu_container {
	/* background:url(../images/menu_bg.jpg) repeat-x top left; */
	background: #ee6063; /* Old browsers */
	background: -moz-linear-gradient(top, #ee6063 0%, #ea3e40 50%, #e72225 51%, #e72225 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee6063), color-stop(50%,#ea3e40), color-stop(51%,#e72225), color-stop(100%,#e72225)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ee6063 0%,#ea3e40 50%,#e72225 51%,#e72225 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ee6063 0%,#ea3e40 50%,#e72225 51%,#e72225 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ee6063 0%,#ea3e40 50%,#e72225 51%,#e72225 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ee6063 0%,#ea3e40 50%,#e72225 51%,#e72225 100%); /* W3C */
	border-top:1px solid #fff;
	height:29px;
}

div.cols {margin-top:20px;}
div.cols .column {float:left;display:inline;}
div.cols .left {width:659px;margin-left:18px;}
div.cols .right {width:224px;margin-left:39px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#logo {margin-top:12px;}

#header {
	background:url(../images/header.jpg) no-repeat top left;
	height:150px;
	width:968px;
	border-radius: 7px 7px 0 0;
	border: 1px solid #fff;
	border-bottom: 0;
	margin:10px 0 0 3.7px;
	box-shadow: 0 0 5px #6b818e;
	position:relative;
}

.phone{
	position:absolute;
	top: 0;
	right: 0;
	text-align:right;
	background: url(../images/phone-bg.png) -4px -5px no-repeat;
	width:197px;
	height:65px;
}

.phone span{
	display:block;
	font-size:18px;
	font-weight:normal;
	color: #fff;
	font-style:italic;
	font-family:Times;
	padding-right:18px;
	padding-top:5px;
}

.phone span b{
	font-size: 22px;
	font-weight:bold;
}

.phone span:before{
	content: "";
	display:block;
	position: absolute;
	margin-left: 25px;
	margin-top: 2px;
	width:13px;
	height:20px;
	background:url(../images/phone.png) 0 0 no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu_container {
	overflow:visible;
}

#menu_container a.home,
#menu_container a.feedback,
#menu_container a.sitemap {
	display:block;
	width:11px;
	height:13px;
	float:left;
	display:inline;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:9px;
}
#menu_container a.feedback,
#menu_container a.sitemap {float:right;margin-right:23px;}
	
#menu_container a.home {
	background-image:url(../images/home.gif);
	padding:0 15px;
}
#menu_container a.feedback {background-image:url(../images/mail.gif);}
#menu_container a.sitemap {background-image:url(../images/sitemap.gif);}

#menu_container ul#menu {
	margin:0 0 0 20px;
}
#menu_container ul#menu li {
	float:left;
	position:relative;
}

#menu_container ul#menu li.current,
#menu_container ul#menu li.current:hover{
	height: 32px;
	display: block;
	margin-top: -3px;
	margin-left: -1px;
	border-radius: 3px 3px 0 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eefbff 50%, #def1f9 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#eefbff), color-stop(51%,#def1f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eefbff 50%,#def1f9 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eefbff 50%,#def1f9 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eefbff 50%,#def1f9 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eefbff 50%,#def1f9 51%,#ffffff 100%); /* W3C */
}

#menu_container ul#menu li.current a{
	text-decoration:none;
	color:#234459;
	padding: 3px 15px 0 16px;
}

#menu_container ul#menu li:after{
	content: " ";
	display:block;
	width:1px;
	height:18px;
	position:absolute;
	background:url(../images/li-border.png) no-repeat 0 0;
	top:5px;
	right: 0;
}

#menu_container ul#menu li:last-child:after{
	display:none;
}

#menu_container ul#menu li:hover{
	background: #fca0a4; /* Old browsers */
	background: -moz-linear-gradient(top, #fca0a4 0%, #eb4547 50%, #e72225 51%, #e72225 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fca0a4), color-stop(50%,#eb4547), color-stop(51%,#e72225), color-stop(100%,#e72225)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fca0a4 0%,#eb4547 50%,#e72225 51%,#e72225 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fca0a4 0%,#eb4547 50%,#e72225 51%,#e72225 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fca0a4 0%,#eb4547 50%,#e72225 51%,#e72225 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fca0a4 0%,#eb4547 50%,#e72225 51%,#e72225 100%); /* W3C */
}

#menu_container ul#menu a,
#menu_container ul#menu span {
	/* display:block; */
	height:29px;
	background-position:0 0;
	background-repeat:no-repeat;
	display:table-cell;
	vertical-align:middle;
	padding: 0 15px;
	font-size:18px;
	color:#fff;
	font-family:"Times";
	font-style:italic;
}


#menu_container ul#menu span {
	height:32px;
	margin-top:-3px;
	z-index:50;
	position:relative;
	background-position:0 -58px;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ promos ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#promo_block {}
#promo_block li {margin-bottom:5px;}
#promo_block a.promo {
	text-decoration:none;
	display:block;
	width:222px;
	height:103px;
	position:relative;
	/*margin-bottom:5px;*/
	background-position:0 0;
	background-image:url(../images/promo.jpg);
}
#promo_block a.promo span {
	position:absolute;
	bottom:0;
	font-family:"Times";
	font-size:17px;
	font-style:italic;
	background:url(../images/promo_arrow.gif) no-repeat 100% 60%;
	margin:0 0 4px 10px;
	padding-right:16px;
}

#promo_block a.promo:hover {background-position:0 100%;}
#promo_block a.promo2 {background-position:-222px 0;}
#promo_block a.promo2:hover {background-position:-222px 103px;}
#promo_block a.promo3 {background-position:-444px 0;}
#promo_block a.promo3:hover {background-position:-444px 103px;}
#promo_block a.promo4 {background-position:-666px 0;}
#promo_block a.promo4:hover {background-position:-666px 103px;}
#promo_block a.promo5 {background-position:-888px 0;}
#promo_block a.promo5:hover {background-position:-888px 103px;}
#promo_block a.promo6 {background-position:-1110px 0;}
#promo_block a.promo6:hover {background-position:-1110px 103px;}
#promo_block a.promo7 {background-position:-1332px 0;}
#promo_block a.promo7:hover {background-position:-1332px 103px;}
#promo_block a.promo8 {background-position:-1554px 0;}
#promo_block a.promo8:hover {background-position:-1554px 103px;}
#promo_block a.promo9 {background-position:-1776px 0;}
#promo_block a.promo9:hover {background-position:-1776px 103px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form#search {margin:24px 0 27px 0;}
form#search p {float:left;margin:0;}
form#search p.last {float:right;}
form#search label {font-weight:bold;}
form#search input.search_input{width:116px;height:18px;background:url(../images/search_input.jpg) no-repeat top left;border:none;font-size:11px;padding:2px;margin-left:8px;display:inline;}
form#search input.search_submit{float:right;}

/*form#search label,form#search input.search_input,form#search input.search_submit {float:left;display:inline;}*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MAIN CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* ~~~~~~ sub menu ~~~~~~~~~*/

#sub_menu {
	background-color:#eef1f4;
	padding:15px 20px 10px 23px;
}
#sub_menu .menu_column {
	float:left;
	width:225px;
}
#sub_menu .menu_column_last {width:166px;}

#sub_menu .menu_column a,
#sub_menu .menu_column span {
	color:#0870b3;
	display:block;
	font-weight:bold;
	margin-bottom:9px;
	background-position:0 6px;
	background-repeat:no-repeat;
	background-image:url(../images/arrow_blue.gif);
	padding:0 0 0 14px;	
}
#sub_menu .menu_column a:hover {color:#0d86d5;text-decoration:none;}

#sub_menu .menu_column span {
	color:#e72225;
	background-image:url(../images/arrow_red.gif);
}

/* ~~~~~~~~~~~~ breadcrumbs ~~~~~~~~~~ */
#content ul.breadcrumbs {margin-top:0px;}
#content ul.breadcrumbs li {float:left;margin:0;padding:0;background:none;}

#content ul.breadcrumbs a,
#content ul.breadcrumbs span {
	font-size:10px;
	margin-right:5px;
}
#content ul.breadcrumbs span {color:#9c9c9c;}

#content ul {margin-top:10px;}
#content ul li {background:url(../images/li.gif) no-repeat 0 6px;padding-left:11px;margin-bottom:9px;}

#content img {
	float:left;
	margin:0 25px 25px 0;
	padding:3px;
	background-color:#fff;
	border:1px solid #c8d1d4;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#content p a {font-size:11px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {padding:14px 40px 15px 34px;}
#footer a,
#footer strong,
#footer .address {color:#fff;}

#footer .copyright,
#footer .address,
#footer .webrost {
	float:left;
}

#footer .copyright {
	
}
#footer .address {
	margin-left:66px;
}
#footer .webrost {
	float:right;
	background:url(../images/webrost_logo.gif) no-repeat 0 5px;
	padding:0 0 0 35px;
	font-size:10px;
	color:#000;
}
#footer .webrost a {font-size:12px;}



/* ------Zakaz proekta ------*/

ul, ol{
	margin:0;
	list-style-type: none;
} 

ol{
	counter-reset: num;
}

ol li{
	line-height:18px;
	margin:12px 0;
}

ol li:before{
	content: counter(num);
    counter-increment: num;
    font-weight:bold;
    color: #333333;
    font-size:12px;
    padding-right: 10px;
}

.personal-data{
	margin-bottom:20px;
	overflow:hidden;
}

.personal-data form{
	clear: both;
}

.personal-data fieldset,
.dop fieldset{
	margin-bottom:10px;
}

.personal-data fieldset span{
	margin-left:20px;
	color:#455363;
}

.personal-data fieldset div{
	display: block;
	margin-left: 300px;
	width:313px;
}

.personal-data label,
.dop label,
.form-capcha label{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:19px;
	color:#455363;
	padding-bottom: 2px;
} 

.personal-data input[type="text"],
.dop input[type="text"],
.form-capcha input[type="text"]{
	width:273px;
	height:22px;
	background-color:#f6f6f6;
	padding-left: 5px;
	border:0;
	border-radius: 4px;
	box-shadow: inset 0px 1px 2px #a6a6a6;
}

.personal-data textarea,
.dop textarea{
	background-color:#f6f6f6;
	box-shadow: inset 0px 1px 2px #a6a6a6;
	border:0;
	border-radius: 4px;
	display:inline-block;
	width:269px;
	height:100px;
	float:left;
	padding: 5px;
	resize: none;
}

.personal-data p{
	display:inline-block;
	float:left;
}

.personal-data p.attention{
	color:#f63f3f;
}

.personal-data p.example{
	color:#a3b0bf;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	margin-left:75px;
}

.personal-data input[type="radio"] {
    position: absolute;
    left: -9999px;
}
.personal-data input[type="radio"] + label {
    background: url(../images/radio.png) 0 0 no-repeat;
    display:block;
    float:left;
    width:15px;
    height:14px;
    cursor: pointer;
    margin-right: 5px;
}
.personal-data input[type="radio"]:checked + label {
    background-position: 0 -21px;
}

.personal-data .radio{
	display:inline-block;
	width:150px;
	margin-left:0;
}


.sostav-proekta{
	border:2px solid #95aab5;
	border-radius: 7px;
	overflow:hidden;
	padding:1px;
	display: table;
	margin-bottom: 20px;
	float: left;
}

.sostav-proekta-item{
	vertical-align:middle;
	text-align: left;
	margin: 4px;
	border:1px solid #e3e3e3;
	border-radius:5px;
	position:relative;	
}

.sostav-proekta div.head{
	border:none;
	border-bottom:1px solid #afc3cb;
	border-radius: 4px 4px 0 0;
	margin:0;
	margin-bottom:1px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	background: -moz-linear-gradient(top, #d9e4e8 0%, #cddbdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e4e8), color-stop(100%,#cddbdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d9e4e8 0%,#cddbdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d9e4e8 0%,#cddbdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d9e4e8 0%,#cddbdf 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d9e4e8 0%,#cddbdf 100%); /* W3C */
}

.sostav-proekta div.head > div:first-child,
.sostav-proekta > div > div:first-child{
	width:223px;
	padding-left:20px;
}

.sostav-proekta-item > div.price{
	width: 66px;
	color:#65879d;
	font-size:21px;
	line-height:16px;
	font-style: italic;
	font-family: "Times";
	font-weight:bold;
}

.sostav-proekta div.head > div:last-child,
.sostav-proekta-item > div:last-child{
	width:30px;
	text-align: center;
	padding-left: 7px;
}

.sostav-proekta div.total{
	border: none;
	font-size:22px;
	font-weight:bold;
	font-style: italic;
	font-family: "Times";
	text-transform:uppercase;
	color:#5c666c;
}

.sostav-proekta div.total div:last-child{
	width:auto;
	text-transform:none;
	color:#000;
}

.sostav-proekta div.head > div{
	padding:12px 7px 10px 5px;
	height:15px;
}

.sostav-proekta > div > div{
	display:table-cell;
	padding: 8px 7px 12px;
}

.sostav-proekta-item p{
	display: block;
	background:url(../images/sprav.png);
	width:16px;
	height:17px;
	position:absolute;
	top:17px;
	left: -4px;
}

.sostav-proekta-item p:hover{
	background-position: 0 -21px;	
}

.sostav-proekta-item p:hover::after  { 
 	content: attr(data-title); 
 	display: block;
	width: 335px;
	background: #fff;
	border: 1px solid #95aab5;
	position: absolute;
	z-index: 100;
	left: 24px;
	top: -1px;
	padding: 7px;
}

.sostav-proekta-item span{
	display: block;
	color:#0476b6;
	font-size:20px;
	font-style: italic;
	font-family: "Times";
	font-weight:bold;
}


.sostav-proekta input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
.sostav-proekta input[type="checkbox"] + label {
    background: url(../images/check.png) 0 0 no-repeat;
    display:block;
    width:22px;
    height:22px;
    cursor: pointer;
}
.sostav-proekta input[type="checkbox"]:checked + label {
    background-position: 0 -27px;
}

.sostav-proekta input[type="checkbox"] + label:hover{
    background-position: 0 -55px;
}

.sostav-proekta input[type="checkbox"]:checked + label:hover{
    background-position: 0 -27px;
}

.sostav-proekta-item.checked{
	border:2px solid #2ca7e4;
	border-radius:5px;
	margin: 4px 3px;
}
.sostav-proekta-item.checked > div{
	padding: 7px 10px 11px 4px;
}
.sostav-proekta-item.checked > div.price{
	color:#244f6b;
}

.sostav-proekta-item.checked span{
	color:#244f6b;
}

.sostav-proekta-item.checked a{
	top: 16px;
}

.dop{
	display:block;
	width:250px;
	margin-left:400px;
}

.dop input[type="text"]{
	width:58px;
}

.dop textarea{
	width:240px;
	padding: 5px;
}

.dop textarea[name="address"]{
	height:43px;
}
.dop textarea[name="comment"]{
	height:72px;
}
.form-capcha{
	clear: both;
	margin-bottom:20px;
}

.form-capcha input[type="text"]{
	width:57px;
	float:left;
	margin-right:10px;
}

#content .form-capcha img{
	border:none;
	margin:0;
	padding:0;
	border-radius:0;
}

input[type="submit"]{
	width:100px;
	height:35px;
	color:#fff;
	font-weight:bold;
	border-radius:2px;
	border:none;
	background: -moz-linear-gradient(top, #5babcd 0%, #3377a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5babcd), color-stop(100%,#3377a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5babcd 0%,#3377a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5babcd 0%,#3377a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5babcd 0%,#3377a0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5babcd 0%,#3377a0 100%); /* W3C */
	box-shadow: 0 1px 3px #cccccc;
	margin-bottom:40px;
	cursor: pointer;
}



div.message_error {
	font-size:15px;
	font-weight:bold;
	color:#f00;
	padding:10px 0 10px 0;
	list-style-type: disc;
}

div.message_error ul {
	list-style-type: disc;
	margin-left: 15px;
}

#content div.message_error ul li {
background: none;
}

div.message_ok {
	font-size:15px;
	font-weight:bold;
	color:#090;
	padding:10px 0 10px 0;
}