@import "http://www.chebdiplom.ru/tpl/css/tpl/fonts/vds/vds.css";
@import "http://www.chebdiplom.ru/tpl/css/tpl/fonts/robotonew/robotonew.css";

* {margin: 0; padding: 0;}
html {height: 100%;}
body{font-family: 'roboto_condensedlight'; font-size: 14px; text-align: start; color: #2c3e50;}

b, strong, h1, h2, h3, h4, h5, h6, b{font-weight: normal;}
.clear{clear: both;}
a img{ border:0;}
a{color: #1f62a6;}
a:hover{text-decoration: none;}
b, strong{font-family: 'roboto_condensedbold';}
.fw400{}
.f-vds{}
.color1{font-family: 'roboto_condensedregular';}
.color2{}
.fg5{font-size:14px;}

input[type="text"]:focus { outline: none; }
textarea:focus, input:focus, select:focus{outline: none;}

/* HEADER */
#header-w{width: 100%;}
#header{width: 940px; margin: 0 auto; padding: 30px 0;}
#logo{float: left; font-size: 36px;}
#logo a{text-decoration: none; color: #2c3e50;  text-transform: lowercase; }
#tel{float: right; font-size: 36px; text-align: right; margin-left: 30px;}
#tel span{font-size: 14px; }
#info{float: left; font-size: 14px; }
#menu{float: right; }
#menu ul{list-style: none;}
#menu ul li{float: left; margin-left: 20px; font-size: 16px;}
#header-b{padding-top: 10px; display: none;}
#header #online{float: right;display: none;}
#header #online a{text-decoration: none; font-size: 18px; color: #2c3e50; text-transform: lowercase;  background: #ecf0f1; padding: 10px 10px;display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: border .15s linear,color .15s linear,background-color .15s linear;
transition: border .15s linear,color .15s linear,background-color .15s linear;
-webkit-font-smoothing: subpixel-antialiased;}
#header #online a:hover{background: #27ae60; color: #fff;}

#h-menu{ float: right;}
#h-menu ul{list-style: none; margin-left: 30px;}
#h-menu ul li{margin-bottom: 5px;}
#h-menu ul li a{text-decoration: none; border-bottom: 1px solid #1f62a6;}
#h-menu ul li a:hover{border: none;}

/* CONTENT */
#content-w{width: 100%; background: #ecf0f1;}
#content{width: 980px; margin: 0 auto; padding: 30px 0; min-height: 300px;}
#content-body{float: right; width: 690px;}
#content-body h1{font-size: 36px; color: #2c3e50;}

/* NAV */
#nav{float: left; width: 260px;}
#nav ul{list-style: none;}
#nav > ul > li{background: #fff; padding: 10px 20px; margin-bottom: 10px; font-size: 15px;  color: #2c3e50;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
#nav > ul > li > a{font-size: 15px; text-decoration: none; color: #2c3e50;}
#nav > ul > li > a:hover{border-bottom: 1px solid #2c3e50;}
#nav > ul > li  > ul {padding: 10px 0 0 0;}
#nav > ul > li  > ul > li{padding: 5px 0px;}
#nav > ul > li  > ul > li > a{ font-size: 14px; text-decoration: none; color: #1f62a6; border-bottom: 1px solid #1f62a6; }
#nav > ul > li  > ul > li > a:hover{border-bottom: none;}

.toggleMenu {display:  none; padding: 9px 0px 9px 0px; font-size: 24px; text-decoration: none;width: 100%; text-align: center; background: #484848; color: #fff;}
.toggleMenu:hover{background: #676767;color: #fff;}
.toggleMenu.active{background: #676767; color: #fff;}
#toggleMenu  .active{text-align: cnter;}
.nav {list-style: none; *zoom: 1;}
.nav:before, .nav:after {content: " "; display: table;}
.nav:after {clear: both;}

#pred{margin-top: 15px;}
#pred p{margin-bottom: 15px; font-size: 16px;line-height: 1.4em;}

#catalog{padding: 10px 0;}
.dok{background: #fff;font-size: 18px; margin-bottom: 10px;}
.dok-l{float: left; width: 400px;}
.dok-r{float: right; width: 250px; padding: 20px 20px;}
.dok-i{margin-bottom: 15px;}
.dok-online a{padding: 8px 15px; background: #ec6978; text-decoration: none;color: #fff;}
.dok-online a:hover{background: #f58f9b;}

#page-contacts b, #page-content b{color: #cc0066;}


#page-contacts{font-size: 16px; margin-bottom: 15px;}
#page-content p, #page-content h3{margin-bottom: 10px;}
#page-content h3{font-size: 20px; margin-top: 5px;}
#page-content ul, #page-content ol{margin-left: 30px; margin-bottom: 10px;}
#page-content li{margin-bottom: 7px;}
#page-content{margin-top: 10px;}


/* page contacts */
.contacts-box{margin-bottom: 15px; background: #fff; padding: 15px 15px 5px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
.contacts-box p{margin-bottom: 10px;}
.contacts-box span{color: #27ae60;}
.contacts-box .big-cb{font-size: 24px;}

/* cat-v1 */
#cat-v1{margin: 0 0 20px -30px;}
.cat-v1-dok{margin: 0 0 30px 30px; width: 210px; float: left; text-align: center; height: 200px; background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
.cvd1-img img{max-width: 210px;}
.cvd1-a{background: #fff;  padding: 5px 5px 5px 5px;}
.cvd1-a a{display: block; font-size: 16px;} 


/* index-cat */
#index-cat h1{text-align: center; font-size: 30px; color: #2c3e50;}

/* wtf01 */

#wtf01 h3 {margin-bottom: 15px; font-size: 22px;}
#wtf01 p{margin-bottom: 10px; font-size: 16px;}
.wtf01{background: #fff; padding: 10px; margin-bottom: 10px;}

/* FOOTER */
#footer-w{width: 100%;}
#footer{width: 980px; margin: 0 auto; padding: 30px 0;}



/* FORMS 
#bistro{padding: 20px; background: #fff; margin-bottom: 15px;}
#bistro .mail-name{width: 300px;}
#bistro .mail-form-btn{width: 650px;}
#bistro .mail-form-btn input{font-size: 16px;}
#bistro  h4{text-align: center; font-size: 24px; margin-bottom: 10px;}
#bistro .form-box-margin{height: 5px;}
textarea{resize:none;}*/

/* FORM */
#form{
	padding: 15px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
	
#form h4{
	font-size: 24px;}
	
.form-box{
	margin-top: 30px;}
	
.form-box b{
	color: #e74c3c;}
	
.mail-name{
	float: left;
	font-size: 18px;
	width: 200px;
	padding-top: 13px;}
	
.mail-form{
	float: right;
	width: 445px;}
	
.mail-form input{
	width: 413px;
	padding: 12px 15px;
	border: 1px solid #bdc3c7;
	font-size: 18px;
	font-family: 'roboto_condensedlight';
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
	
.mail-form textarea{
	width: 413px;
	height: 206px;
	resize: none;
	padding: 12px 15px;
	border: 1px solid #bdc3c7;
	font-size: 14px;
	font-family: 'roboto_condensedlight';
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
	
.mail-form select{
	width: 443px;
	padding: 12px 15px;
	border: 1px solid #bdc3c7;
	font-size: 18px;
	font-family: 'roboto_condensedlight';
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}

.mail-imp{
	float: left;
	width: 395px;
	padding-top: 12px;}
	
.mail-form-btn{
	float: right;
	width: 250px;
	text-align: right;}
	
.mail-form-btn input{
	text-decoration: none;
	font-size: 20px;
	background: #2ecc71;
	padding: 12px 15px;
	color: #fff;
	border: none;
	font-family: 'roboto_condensedlight';
	font-weight: normal;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-transition: border .15s linear,color .15s linear,background-color .15s linear;
	transition: border .15s linear,color .15s linear,background-color .15s linear;
	-webkit-font-smoothing: subpixel-antialiased;}
	
.mail-form-btn input:hover{
	background: #27ae60;
	color: #fff;
	border: none;
	cursor: pointer;}

/*

	
.mail-form select{
	width: 300px;}

	
.mail-about{
	margin-bottom: 20px;}
	
.mail-name b, .mail-about b{
	color: red;
	font-weight: normal;}
	
.mail-form-btn{
	width: 550px;
	text-align: right;}
	
.mail-form-btn input{
	text-decoration: none;
	font-size: 20px;
	background: #77bf58;
	padding: 10px 30px;
	color: #fff;
	border: none;
	font-family: 'roboto_condensedlight';
	font-weight: normal;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;}
	
.mail-form-btn input:hover{
	background: #8bd86a;
	color: #fff;
	border: none;
	cursor: pointer;}
	
#informs ul{list-style-type: none;}
#informs ul li{margin-bottom: 15px;}
#informs ul li a{text-decoration: none;border-bottom: 1px solid #91aad9;font-size: 24px;}
#informs ul li a:hover{border: 0;}

#but-online{position: fixed;top:180px; right:0; background: #ec6978 url(/tpl/img/but-online.png) no-repeat center center;width: 40px; height: 150px; -webkit-border-radius: 2px 0px 0px 2px; 	-moz-border-radius: 2px 0px 0px 2px; -khtml-border-radius: 2px 0px 0px 2px; 	border-radius: 2px 0px 0px 2px;}
#but-online:hover{background: #f58f9b url(/tpl/img/but-online.png) no-repeat center center;}
#but-online a{display: block;width: 40px; height: 150px;}

*/