@import url(reset.css);
@import url(color.css);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic);

/**** START ****/
html, body {
	margin:0;
	padding:0;
}

body {
	background: #efefef;
	font: normal 16px/22px 'PT Sans', sans-serif;
	color: #000;
}

h1{
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
}
h2{
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
}
h3{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
}
h4{
	font-size: 18px;
	line-height: 22px;
		margin-bottom: 10px;
}
h5{
	font-size: 16px;
	line-height: 20px;
}
h6{
	font-size: 14px;
	line-height: 18px;
}

a{
	color: #3e7fb3;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus{
	text-decoration: none;
}

/**** CONTAINER ****/
#header,
#body,
#footer{
	width: 1024px;
	margin: 0 auto;
}

#body{
	margin-top: 20px;
	margin-bottom: 20px;
}

#main,
#sidebar{
	display: inline-block;
	vertical-align: top;
}

.clear{
	clear:both;
	font-size: 0;
	border: none;
}


/**** HEADER ****/
#header{
	padding-top: 30px;
}
.logo,
.top-phone,
.top-adress{
	display: inline-block;
	vertical-align: top;
}
.logo{
    background: url("http://автострахнадзор.рф/images/logo.png") 0px 7px no-repeat transparent;
	color: #01395b;
	font-size: 34px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 0 1px #01395b;
	width: 320px;
	height: 110px;
              margin-top: -35px;

}
.top-phone{
	width: 300px;
	font-size: 30px;
	line-height: 34px;
	margin: 0 15px;
}
 .feed-back{
		color: #3e7fb3;
		font-size: 18px;
		display: block;
	}
.top-adress{
	width: 362px;
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	text-align: right;
}

#header nav{
	margin-top: 20px;
	width: 100%;
}
.nav{
	font-size: 22px;
}
	.nav li{
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 20px;
		padding: 0;
	}
	.nav li:first-child{
		margin: 0;
	}
		.nav li a{
			display: block;
			padding: 10px 15px;
			color: #000;
			text-decoration: none;
		}
		.nav li.active a,
		.nav li a:hover,
		.nav li a:active,
		.nav li a:focus{
			color: #fff;
			background: #067ab6;
		}


/**** SIDEBAR ****/

#sidebar{
	width: 280px;
	color: #fff;
}
	#sidebar a{
		color: #fff;
	}
	.sidbar-block{
		background: #077fba;
		width: 280px;
		padding: 10px 0 10px;
		margin-bottom: 15px;
		position: relative;
	}	
		.side-title{
			font-size: 24px;
			display: block;
			padding: 0 20px 0;
		}
		.side-menu li a{
			padding: 3px 20px;
			display: block;
			margin: 10px 0;
		}
		.side-menu li.active a,
		.side-menu li a:hover,
		.side-menu li a:active,
		.side-menu li a:focus{
			background: #01395b;
			text-decoration: none;
		}
			
		.side-news{
			margin: 0 20px 15px;
			font-size: 14px;
		}
			.side-news .title-news{
				display: block;
				margin: 5px 0;
				color: #000;
				font-size: 18px;
			}
		
		
/**** MAIN ****/
#main {
	width: 716px;
	padding: 0px 0 30px 20px;
}
#main p{
	margin-bottom: 1em;
}
#main ul{
	list-style: disc inside;
	margin-bottom: 1em;
}
#main ol{
    list-style: decimal inside;
    margin-bottom: 1em;
}
#main ul > li,
#main ol > li{
	margin-bottom: 0.5em;
}
	.product {
		margin: 20px 0 15px 45px;
		display: inline-block;
		width: 170px;
		height: 170px;
		vertical-align: top;
		position: relative;
		box-shadow: 0 3px 35px 3px #c8c8c8;
		overflow: hidden;
		text-decoration: none;
		line-height: 0;
	}
	.product:nth-child(3n+1){
		margin-left: 0;
	}
		.product img {
			width: 100% !important;
			height: 100% !important;
			border: none;
			margin: 0;
		}
		.product-desc{
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 110px 5px 15px;
			text-align: center;
			font-size: 16px;
			line-height: 20px;
			color: #000;
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(99%,rgba(255,255,255,0.99)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
		}
/**** FOOTER ****/

#footer{
	border-top: 1px solid #707070;
	padding: 20px 0 10px;
}

.footer-adress,
.footer-phone,
.footer-studio {
	display: inline-block;
	vertical-align: top;
}
.footer-adress{
	width: 400px;
}
.footer-phone{
	width: 397px;
	margin: 0 20px;
}
	
.footer-studio {
	width: 175px;
	position: relative;
	font-size: 16px;
	text-align: right;
}
	.logo-studio {
		background: url("../images/web-studio.png") no-repeat 0 0;
		width: 48px;
		height: 37px;
		display: inline-block;
		margin-top: -8px;
		text-decoration: none;
	}

/**** CONTACT FORM ****/
	.form-contact div{
		margin-bottom: 10px;
	}

	.form-contact label{
		display: inline-block;
		vertical-align: top;
		font-size: 18px;
		font-style: italic;
		color: #000;
		width: 180px;
	}
	
	.textarea-form,
	.input-form{
		border: 1px solid #000;
		width: 380px;
		font-size: 16px;
	}
	.textarea-form{
		height: 100px;
		line-height: 18px;
		margin-top: 4px;
	}
	.submit-form{
		padding: 6px 20px;
		border: 2px solid #fff;
		background: #0679b6;
		color: #fff;
		-webkit-border-radius: 30px;
		   -moz-border-radius: 30px;
			      border-radius: 30px;
		font-weight: bold;
		font-size: 18px;
		font-style: italic;
		margin-left: 180px;
	}
	
/**** SIMILAR CLASSES ****/

/* -----------------------------------------------------------------------------
        skitter
----------------------------------------------------------------------------- */
/* =Skitter styles
----------------------------------------------- */

.slider{
	position: relative;
}
.slider:after{
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 20px;
	z-index: -1;
	height: 30px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	      	border-radius: 50%;
	-webkit-box-shadow: 0 0 50px #000;
		 -moz-box-shadow: 0 0 50px #000;
        	box-shadow: 0 0 50px #000;
}


.box_skitter {position:relative;width:1024px;height:300px;}
.box_skitter img { max-width:none; } /* Tip for stildv */
.box_skitter ul {display:none;}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}



/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs { position:relative;overflow:hidden;height:50px; }
.box_skitter .info_slide_thumb { height:50px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0; }
.box_skitter .info_slide_thumb .image_number { overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;}
.box_skitter .info_slide_thumb .image_number img { position:absolute;top:-30px;left:-30px;height:100px;}
.box_skitter .box_scroll_thumbs { padding:0; }
.box_skitter .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {position:absolute;bottom:0px !important;left:0px !important;width:100%;text-align:center;z-index:21;padding: 0 0 30px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {display:inline-block;cursor:pointer;width:16px;height:16px;font-size: 0px;overflow:hidden;cursor:pointer;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}

/* =Loading
-------------------------------------------------------------- */
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;display:none; }
.box_skitter .label_skitter 	{ z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000; }
.box_skitter .label_skitter p 	{ padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px; }
.box_skitter .info_slide * 		{ font-family:Consolas,arial,tahoma !important; }
.box_skitter .progressbar 		{ background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
.box_skitter .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
.box_skitter .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
.box_skitter .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(../images/play-button.png) no-repeat left top;}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {width:1024px;height:300px;}
.box_skitter_small {width:1024px;height:300px;}