* { margin: 0; padding: 0; }
html { height: 100%; }
body {
	font: 14px/15px Calibri, Arial, Tahoma, Verdana, sans-serif;
	color: #1d1d1d;
	width: 100%;
	height: 100%;
        background: url('../images/bg.jpg') center top repeat-y #e6e2df;
	background-color: #1d1d1d;
}
a {
	color: blue;
	outline: none;
	text-decoration: underline;
	color: #3a9901;
}
a:hover { text-decoration: none; }

p { margin: 0 0 18px }
img { border: none; }
input { vertical-align: middle; }

ul { 
display: block;
list-style-position: inside;
list-style-type: disc;
}


#wrapper {
	width: 950px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.clear { clear: both; }
h1 { font: 36px/36px Calibri, Arial, Tahoma, Verdana, sans-serif; color: #1d1d1d; margin: 0 0 20px 0; }
h2 { font: 24px/22px Calibri, Arial, Tahoma, Verdana, sans-serif; color: #1d1d1d; }

/* Header
-----------------------------------------------------------------------------*/
#header { position: relative; }
#header-top a#selflink {
	display: block;
	height: 120px;
	width: 320px;
	position: absolute;
}
#header-top {
	height: 140px;
	background: url("../images/logo.png") no-repeat scroll 25px 30px transparent;
}
#header-top #telephone {
	float: right;
	margin: 47px 25px 0px 0px;
	text-align: left;
}
#header-top #telephone #number {
	font: 18px/32px Calibri, Arial, Verdana, Geneva, sans-serif;
	color: #1d1d1d;
}
#header-top #telephone #prefix {
	font: 14px/14px Calibri, Arial, Verdana, Geneva, sans-serif;
        color: #1d1d1d;
        background: url("../images/telephone.png") no-repeat scroll left center transparent;
	padding: 5px 0px 5px 23px;
}
#header-top #telephone a#phone{
	color: #1d1d1d;
	text-decoration: underline;
	background: url("../images/obratnaya_svyaz.png") no-repeat scroll left center transparent;
	padding: 2px 5px 5px 23px;
}
#header-top #address{ float: right; margin: 47px 110px 0 0; }
#header-top #address span#metro{
	display: block;
	background: url("../images/metro.png") no-repeat scroll left center transparent;
	padding: 5px 0 3px 23px;
	color: #136b90;
}
ul.header-navi {
	float: left;
	width:950px;
        height: 80px;
	list-style:none;
	font: bold 18px/50px Calibri, Arial, Verdana, Geneva, sans-serif;
        color: #828284;
        text-shadow: #fff 1px 1px 0;
	background: url("../images/navi_bg.png") no-repeat scroll 0 0 transparent;
	text-transform: uppercase;
	border-radius: 4px;
	}

ul.header-navi a {
	display: block;
	margin: 9px 48px;
	color: #828284;
	text-decoration: none;
}

ul.header-navi a:alink {color: #000;}


ul.header-navi a:hover {color: #666;}

ul.header-navi a:active {color: #000;}


ul.header-navi li {
	float: left;
	background: url("../images/navi_separator.png") no-repeat scroll right top  transparent;
}
ul.header-navi li:hover {
	background: url("../images/navi_hover_bg.png") repeat-x scroll 0 0 ;

color: #ff0000;
}
ul.header-navi li.active {
	background: url("../images/navi_active_bg.png") no-repeat scroll 0 0 ;
        font: bold 18px/50px Calibri, Arial, Verdana, Geneva, sans-serif;        
        color: #ff0000;
}
ul.header-navi li.first  {
                           padding: 0px 0 0px 15px;                             
}
ul.header-navi li.first:hover  {background: url("../images/navi_fist_hover.png") no-repeat scroll 0 0 ;
                           padding: 0px 0 0px 15px;                             
}
ul.header-navi li.first.active  { background: url("../images/navi_fist.png") no-repeat scroll 0 0 ;
                           padding: 0px 0 0px 15px;                             
}
ul.header-navi li.last {
	
	border-radius: 0 4px 4px 0;
	
}
#ramka {
	height: 425px;
	width: 933px;
	margin: 0px 0 0px;
        padding: 10px 10px 10px 10px;
	position: relative;
	overflow: visible;
	background: url("../images/slider/ramka.png") no-repeat scroll 0 0;
}

#header-slider {
	height: 403px;
	width: 922px;
	margin: 2px 0px 0px 4px;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	
}
#header-slider img.banner { border-radius: 5px; }

div.comment {
	width: 320px;
	height: 115px;
	background: url("../images/comment_bg.png");
	position: relative;
	z-index: 5;
	left: 0;
}
.comment img.comment_img{ float: left; margin: 15px; }
div.comment_body {
	float: right;
	width: 210px;
	margin: 10px 10px 0 0;
	font:11px/13px Arial, Verdana, Geneva, sans-serif;
}
div.comment_body h3 {
	font:12px/14px Arial, Verdana, Geneva, sans-serif;
	margin-bottom: 8px;
	color: #077295;
}
div.comment_body a.more {
	font:10px/14px Arial, Verdana, Geneva, sans-serif;
	display: block;
	margin-top: 8px;
	float: right;
	color: #077295;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 140px;
	height: 1%;
	position: relative;
	margin-top: 0px;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content_head { padding: 10px 7px 0px 7px; }
#content_head p { margin: 8px 0; }

#content { padding: 10px 7px 0px 7px; }
#content p { margin: 8px 0; }
.intro span.date {
	font:10px/14px Arial, Verdana, Geneva, sans-serif;
	display: block;
	margin: 8px 0;
}

#content_usluga { padding: 10px 245px 0px 7px; }
#content_usluga p { margin: 8px 0; }
.intro span.date {
	font:10px/14px Arial, Verdana, Geneva, sans-serif;
	display: block;
	margin: 8px 0;
}

a.readmore {
	float: right;
	padding: 3px 15px;
	margin-right: 5px;
	border-radius: 3px;
	background: url("../images/submit_bg.png") repeat-x scroll 0 0 transparent;
	color: #fff;
	text-decoration: none;
}
a.usluga_sp
{
	font: 24px/28px Calibri, Arial, Verdana, Geneva, sans-serif;
        color: #1d1d1d;
}

.divider { background-color: #FBFBFB; padding: 10px 5px; }
.divider hr {
	border: none;
	border-top: 1px #ccc dashed;
	clear: both;
}

/* Paginatioin
-----------------------------------------------------------------------------*/
div#pagination {
	font:12px/18px Tahoma, Arial, Verdana, Geneva, sans-serif;
	color: #0E729C;
}
.ditto_page {
	border: 1px solid #BFDAE4;
	margin: 1px;
	padding: 3px 5px;
}
span.ditto_currentpage {
	background: none repeat scroll 0 0 #2988B0;
	border: 1px solid #2988B0;
	color: #FFFFFF;
	font-weight: bold;
	margin: 1px;
	padding: 3px 5px;
}
a.ditto_page {
	border: 1px solid #BFDAE4;
	color: #0E729C;
	text-decoration: none;
}
a.ditto_next_link, a.ditto_previous_link {
	border: 1px solid #BFDAE4;
	color: #0E729C;
	padding: 3px 5px;
	text-decoration: none;
}

/* Sidebar right
-----------------------------------------------------------------------------*/
#sideLeft {
	float: right;
	width: 210px;
	margin: 10px 6px 0px 5px;
	position: relative;
}
.section_head {
	color: #828284;
	font: bold 18px/30px Calibri, Arial, Verdana, Geneva, sans-serif;
        text-shadow: #fff 1px 1px 0;
	background: url("../images/sidebar_header_bg.png") repeat-x scroll 0 0 transparent;
	border-radius: 4px;
	padding: 0 0 0 15px;
}
.section ul { 
	list-style: none; 
	
	font: 14px/12px Calibri, Arial,Tahoma,Verdana,sans-serif;
	margin:  0 0 10px 0;
}
.section ul li { padding: 8px 0; border-bottom: 1px #ccc dashed; }
.section ul li.first { padding: 4px 0px 8px 0;

}
.section ul li.last {}
.section ul li.active { padding: 0; }
.section ul li.active span{ 
	background: url("../images/active_but.png") no-repeat scroll -1px -3px transparent;
	margin: 4px 3px; 
	padding: 4px 0 4px 13px; 
}
.section ul li.active span a{  color: #1d1d1d;
                               font: bold 14px/12px Calibri;
                               text-shadow: #f6f5f5 1px 1px 0;
                               
 }
.section ul li span {display: block; padding: 0 0 0 15px; }
.section ul li a { color: #1d1d1d; text-decoration: none; }
.section ul li a:hover { text-decoration: underline; }
.section div.announce { margin: 15px 8px; }
.section div.announce .date { 
	background: url("../images/calendar.png") no-repeat scroll center top transparent;
	font: bold 14px/13px Tahoma, Arial, Verdana, sans-serif;
	color: #0473CF;
	text-align: center;
	padding: 14px 8px 8px;  
	margin: 2px 10px 0 0;  
	float: left;
}
.section div.announce a{ 
	text-decoration: none;
	color: #1578A0;
}
.section div.announce a:hover { 
	text-decoration: underline;
}
.section div.announce .date span { 
	color: #B6B4B2;
	font-size: 10px;
}

.table_line {
	width: 950px;
	height: 10px;
	position: relative;
	border-bottom: 1px #ddd solid;
	
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 950px;
	margin: -100px auto 0;
	height: 100px;
	position: relative;
	border-top: 1px #ddd solid;
	background: url("../images/logo_svaytek_podval.png") no-repeat scroll left 25px ;
}
div#copyright {
	position: absolute;
	color: #515151;
	left: 165px;
	top: 37px;
        padding: 10px 0px 0px 30px;  
}
div#vernum {
	height: 62px;
	width: 300px;
	float: right;
	margin-top: 25px;
	position: relative;
	background: url("../images/logo_vernum_podval.png") no-repeat scroll left top ;
}
div#vernum a {
	position: absolute;
	color: #515151;
	left: 100px;
	top: 15px;
	font-size: 11px;
        line-height: 11px;
}

/* Shadow boxes
-----------------------------------------------------------------------------*/
#bg_gray {
	background: none repeat scroll 0 0 black;
	bottom: 0;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.3;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
.form_zakaz {
	display: none;
	width: 410px;
	left: 50%;
	margin-left: -190px;
	margin-top: -205px;
	position: fixed;
	top: 50%;
}
.form_zakaz#zakaz_tel { height: 380px;
                        z-index: 200;
 }
.form_zakaz#zakaz_get { height: 450px; }
.form_bg {
	background: none repeat scroll 0 0 white;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: -6px 8px 7px 0px #555555;
	box-shadow: -6px 8px 7px 0px #555555;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 190;
}
.form_text {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 200;
}
.form_text h4 {
	font: 14px/30px Arial,Verdana,Tahoma,Geneva,sans-serif;
	background: url("../images/sidebar_header_bg.png") repeat-x scroll 0 0 #1785b3;
	border-radius: 5px 5px 5px 5px;
	padding: 0 0 0 25px;
	text-transform: uppercase;
	color: white;
}
.form_text form {
	padding: 15px 30px;
}
.form_zakaz label {
	color: #353535;
	display: block;
	font-size: 12px;
	margin-top: 7px;
}
.form_zakaz p {
	font: 12px/18px Arial,Tahoma,Verdana,sans-serif;
	margin: 0;
}
.form_zakaz p.small {
	font: 10px/18px Arial,Tahoma,Verdana,sans-serif;
	color: #656565;
	margin: 0;
}
.form_zakaz input, .form_zakaz textarea {
	background-color: white;
	border: 1px solid #9A9A9A;
	width: 343px;
	padding: 2px;
}
.form_zakaz textarea {
	height: 120px;
	width: 343px;
}
.form_zakaz .close_form, .form_zakaz .submit {
	font: 12px/21px Arial,Tahoma,Verdana,sans-serif;
	float: right;
	width: 90px;
	border-radius: 3px;
	text-align: center;
	margin: 30px 0 0 20px;
	cursor: pointer;
	color: #fff;
}
.form_zakaz .close_form { background: url("../images/cancel_bg.png") repeat-x scroll 0 0 #939393; }
.form_zakaz .submit { background: url("../images/submit_bg.png") repeat-x scroll 0 0 ; }
#zakaz_get span, #zakaz_tel span, #zakaz_error span {
	color: red;
}
.form_zakaz#zakaz_out { height: 300px; }
.form_zakaz#zakaz_out .close_form, .form_zakaz#zakaz_error .close_form {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.form_zakaz#zakaz_error { height: 300px; }


.form_zakaz .msg_wrapper { padding: 40px; }