*{ font-family:"Arial",Georgia,Serif;font-size:14px; }
body{ font-family:"Arial",Georgia,Serif;padding:0px;margin:0px;background:url("../images/background.png");background-position:center top;background-repeat:no-repeat;background-color:white; }

#container{ margin:0 auto;max-width:1200px; }
#header{ width:100%;height:94px;float:left;background-color:white;position:relative; }

#header .menu{ list-style-type:none;padding:0px;margin:0px;margin-top:25px; position: absolute;right: 0; }
#header .menu li{ position:relative;float:right;margin-left:10px; }
#header .menu li .top_link{ display:block;float:right; }
#header .menu .menu_left_butt{ width:14px;height:36px;background:url("../images/but-top-l.png");float:left; }
#header .menu .menu_middle_butt{ height:36px;background:url("../images/but-top-m.png");float:left;line-height:32px;color:white;font-size:19px;font-weight:900;letter-spacing:1px; }
#header .menu .menu_right_butt{ width:14px;height:36px;background:url("../images/but-top-r.png");float:left; }
#header .link{ display: none; }
#header .inner_links{ position:absolute;top:30px;right:0px;z-index:9999;background-color:white;border:1px solid #ddd;display:none;padding:5px; }
#header .inner_links a{ text-decoration:none;float:left;clear:both;color:black;font-size:16px;margin-bottom:5px;font-size:12px;display:block;width:100%;padding:5px 0px; }
#header .inner_links a:hover{ background-color:#ddd; }
#header .inner_links .first_link{ float:left;clear:both;width:100%; }
#header .second_level{ position:absolute;z-index:9999;background-color:white;border:1px solid #ddd;display:none;padding:5px; }
#header .second_level a{ float:left;clear:both;color:black;font-size:16px;margin-bottom:5px;font-size:12px;display:block;width:100%;padding:5px 0px; }
#header .second_level a:hover{ background-color:#ddd; }
#header .flag{ width:24px;height:18px;position:absolute;right:0px;top:2px; }
#header .mobile_menu_1{width:200px;height: 30px; background-color: #CD3333; position: relative; z-index: 999; border: 1px solid #ffffff; color: #000000;line-height: 30px; font-size: 100%; font-weight: bold; padding-left: 10px; cursor: pointer;}
#header .mobile_menu_2{width:200px;height: 30px; background-color: #999999; position: relative; z-index: 999; border: 1px solid #ffffff; color: #ffffff;line-height: 30px; font-size: 100%; font-weight: bold; padding-left: 10px; cursor: pointer;}
#header #mobile_box{width:30px;height: 70px; background-color: #323232; position: relative;  padding: 10px; display:none;}
#header .mobile_box_line{width:100%;height: 10%;margin-bottom: 20%;background-color: #ffffff;background: -webkit-linear-gradient(#959595, #464646); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#959595, #464646); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#959595, #464646); /* For Firefox 3.6 to 15 */background: linear-gradient(#959595, #464646); /* Standard syntax */border-radius:5px;}
#header #back{ z-index: -999; float:left; display: none; border:none;}
#header #img_right{ z-index: -999; float:left; width:100%;height: 100%; border:none;}

.header_link {position:absolute;left:0;top:5px;width:350px; height:70px;}

#content{ width:100%;float:left; }

#footer{ width:100%;min-height:285px;background-image:url("../images/sianka-futer.png");float:left;background-position:center bottom;background-repeat:no-repeat;background-color:white;margin-top:20px; }
#footer .follow_container{ position:relative;width:100%;margin:0 auto; height:83px;border:1px solid #ddd;background-color:white; }
#footer .partner-logos {text-align:center; margin:15px 0;}
#footer .partner-logos a {display:inline-block; text-align:center; padding:0 30px;}
#footer .partner-logos a img {display:block; padding:0; margin:0;}

/*#footer .follow_container{ width:1048px;height:83px;border:1px solid #ddd;position:relative;left:50%;margin-left:-524px;background-color:white; }
*/
#footer .follow_container table{ height:100%;width:40%;margin:0 30%;float:left; }
#footer .follow_container table tbody tr td { text-align: center; vertical-align: middle; }
#footer .follow_container .socials{ height:40px;margin-top:21px;float:left;margin-left:318px; }
#footer .follow_container .margin{ width:100px;height:37px;float:left; }
#footer img{}

#footer .menu {list-style-type:none;padding:0px;float:left;margin-top:15px; }
#footer .menu li {float:left;margin-left:20px;position:relative; }
#footer .menu li a {display:block;float:left;}
#footer .menu .menu_left_butt{ width:12px;height:36px;background:url("../images/but-futer-l.png");float:left; }
#footer .menu .menu_middle_butt{ height:36px;background:url("../images/but-futer-m.png");float:left;line-height:32px;color:white;font-size:19px;font-weight:900;letter-spacing:1px; }
#footer .menu .menu_right_butt{ width:12px;height:36px;background:url("../images/but-futer-r.png");float:left; }
#footer .foot_sub{ position:absolute;bottom:30px;z-index:9999;background-color:white;border:1px solid #ddd;padding:5px;display:none;margin-bottom:5px; }
#footer .foot_sub a{ float:left;clear:both;color:black;font-size:16px;margin-bottom:5px;font-size:12px;display:block;width:100%;padding:5px 0px;text-decoration:none; }
#footer .foot_sub a:hover{ background-color:#ddd; }

#see_first{width:100%;float:left;margin-top:10px;}

#catalogue_home{ width:100%;float:left;margin-top:30px; }
#catalogue_home .banner_margin{ width:30px; height: 10px;float:left; }
#catalogue_home .banner{ width:380px;height:271px;float:left;position:relative; }
#catalogue_home .banner img { width:100%; max-width:380px; margin: 0 auto; }
#catalogue_home .banner h1{ position:absolute;top:20px;left:20px;margin:0px;padding:0px;color:white;font-size:20px; }
#catalogue_home .banner .read_more{ position:absolute;bottom: 4%;right:6%;color:white;font-size:11px;display:block; }

.shadow{ width:1196px;height:15px;background-image:url("../images/shadow.png");float:left; }

.news{ width:90%!important;float:left;margin-left:10px;padding-bottom:20px; }
.news .header{ width:100%!important;height:30px;background-color:#999999;margin-bottom:4px;line-height:30px;color:white;padding:0% 5%; }
.news img{height:150px;float:left; }
.news .text{ padding:5px;width:75%!important;height:auto;float:left;overflow:hidden; }
.news .read_more{ color:#DF4139;display:inline; }

#site_container{ width:100%;max-width:1186px;border:1px solid #E7E7E7;float:left;background-color:white;margin-left:1px;margin-top:20px;padding:5px;min-height:300px; }
#site_container .header{ width:95%;height:30px;background-color:#999999;margin-bottom:4px;line-height:30px;color:white;padding:0px 10px; }
#site_container .content{ margin-top:10px;padding:20px;line-height:150%; }

.cover{ widht:1200;height:524px;position:relative;margin-bottom:20px; }
.cover .title{ position:absolute;top:139px;width:476px; }
.cover .title .header{ width:476px;height:30px;background:url("../images/back-title-vutreshna-top.png"); }
.cover .title .body{ width:476px;background:url("../images/back-title-vutreshna-middle.png"); }
.cover .title .body .cent{ width:400px;margin-left:38px;text-align:center;overflow:auto; }
.cover .title .footer{ width:476px;height:55px;background:url("../images/back-title-vutreshna-bottom.png"); }

#product{ width:100%;border:1px solid #E7E7E7;float:left;background-color:white;margin-left:1px;margin-top:20px; }
#product .images{ width:596px;float:left; }
#product .images .sel_image{ width:400px;margin-left:99px;float:left; }
#product .images .control{ width:596px;float:left;margin-top:20px; }
#product .images .control .price{ width:220px;height:36px;float:left;margin: 0 0 10px 8px; }
#product .price .menu_left_butt{ width:14px;height:36px;background:url("../images/but-top-l.png");float:left; }
#product .price .menu_middle_butt{ width:192px;height:36px;background:url("../images/but-top-m.png");float:left;line-height:32px;color:white;font-size:19px;font-weight:900;letter-spacing:1px; }
#product .price .menu_right_butt{ width:14px;height:36px;background:url("../images/but-top-r.png");float:left; }
#product .images .control .colors { list-style-type:none;padding:0px;float:left;margin-right:90px;margin-top:-5px; }
#product .images .control .colors li{ float:left;width:35px;height:35px;margin-left:10px;border:1px solid #ddd; }
#product .images .control .colors_text {display:inline;height:45px;line-height:35px;font-weight:bold;margin-right:10px;float:left;}
#product .images .gallery img{ width:150px;height:130px;float:left;margin:10px;border:1px solid #ddd; }
#product .characteristics{ width:600px;float:left;line-height:150%; }
#product .characteristics .header{ height:30px;background-color:#999999;margin-bottom:4px;line-height:30px;color:white;padding:0px 10px; }
#product .characteristics .title{ font-size:14px;font-weight:bold;margin:5px 0px; }
#product .foot_header{ width:1176px;height:30px;background-color:#CD3532;margin-bottom:4px;line-height:30px;color:white;padding:0px 10px;float:left;margin-top:30px; }
#product .description{ width:1156px;padding:5px;float:left;padding:20px;line-height:150%; }

.butt_shadow{ text-shadow: 1px 1px #000000; }

#testDriveForm {
	float: left;
    width: 30%;
}

#testDriveForm table {
    width: 100%;
}

#testDriveForm tr {
    height: 50px;
}

#testDriveForm input, #testDriveForm textarea {
	width: 98%;
	margin: 5px 0 5px 0;
}

#testDriveForm input[type="submit"], #testDriveForm select {
	width: 99% !important;
}

#testDriveForm textarea {
    resize: none;
}

#testDriveImg {
	float: left;
	margin-left: 2%;
	width: 68%;
}

#testDriveImg div {
	width: 100%;
	/*max-width: 615px;*/
	margin: 0 auto;
	text-align: center;
}

#testDriveImg img {
	width: 100%;
	/*margin-top: 30px;*/
}

@media (max-width: 1230px) {
    #catalogue_home .banner_margin { width:2%; }
}

@media (max-width: 1200px) {
	/*#container{ width: 1200px; }*/
	#catalogue_home .banner { width:30%; height:30%; }
	#catalogue_home .banner_margin { width:5%; }
	.shadow { display: none; }

	#footer .follow_container { width: 98%; margin: 0 1%; }
}

@media (max-width: 1024px) {
	#see_first {width:100%; padding: 0 10%;}
	#see_first img { width:100%; margin: 0 auto; }
	#catalogue_home .banner { width:30%; margin: 0 1% 10px 2%; }
	#catalogue_home .banner_margin { display: none; }
	#footer .follow_container table{ width: 60%; margin: 0 20%; }
}
@media (max-width: 960px) {
	#catalogue_home .banner { width:50%; max-width:380px; margin: 0 25% 10px 25%; }
    #catalogue_home .banner img { width:100%; max-width:380px; margin: 0 auto; }
	#catalogue_home .banner_margin { display: none; }
	#footer .follow_container table{ width: 80%; margin: 0 10%; }
    .menu { display: none;}
    #header #img_right { display: none;}
    #mobile_box{display: block !important;}
    #header #back{ height: 100%; width: 100%; display: block;}
    #header { background: none;}
    #header .link{ display:block;position:absolute;width:100%;height:100%; }
	.header_link { display: none;}

    #product .cover {display: none;}
    #product .images { width: 50%;}
    #product .characteristics { width: 50%;}
    #product .characteristics .header {width: 90%; padding: 0% 5%}
    #product .images .sel_image {width: 70%; margin-left: 15%;}
    #product .images .control {width: 70%; margin-left: 15%; }
    #product .images .control .colors { margin-right: 1%; }
    #product .images .control .colors_text { margin-left: 25%; }
    #product .images .gallery img {width: 30%; height: 30%; margin: 1%;}
    #product .foot_header { width: 90%; padding: 0% 5%;}
    #product .description { width: 95%; padding: 1% 1% 1% 1%;}

    #site_container {width:99%; padding: 1px;}
    #site_container .header {width:90%;padding: 0% 5%;}
    #site_container .content {width:90%;padding: 0% 2%;  }
    #site_container .content img {width:100%;}
    #site_container .content table{ width: 100%!important; }
    #site_container .content textarea{width:95%!important;}
    #site_container .contacts td {  width: 100%!important; display: block;}
    #site_container .content table img{ width: 100%!important; height: auto!important;  }
    #site_container .content iframe {width:100%!important;}
    #spare_form {width:95%!important;}

	#testDriveForm, #testDriveImg {width:100%; margin:0;}

}
@media (max-width: 768px) {
	body { background-image: none; }
	#see_first {width:100%; margin: 0;}
	#see_first img { width:100%; height: 40px; margin: 0 auto; }
	#catalogue_home .banner { width:60%; max-width:380px; margin: 0 20% 10px 20%; }
	#catalogue_home .banner img { width:100%; max-width:380px; margin: 0 auto; }
	#footer .follow_container table{ width: 100%; margin: 0;}
    #mobile_box{display: block !important;}
    #header #back{ height: 100%; width: 100%; display: block;}
    #header { background: none;}
    #header .link{ position:absolute;width:100%;height:100%; }
    #site_container .content img {width:100%!important;height: auto!important;}
    #site_container .content table img{ width: 100%!important; height: auto!important;  }
    #site_container .content iframe {width:100%!important;}
}
@media (max-width: 640px) {
	#catalogue_home .banner { width:70%; max-width:380px; margin: 0 15% 10px 15%; }
    #catalogue_home .banner img { width:100%; max-width:380px; margin: 0 auto; }
    #catalogue_home .banner h1{ top:12px;left:12px;font-size:16px; }
    #footer .follow_container table{ width: 100%; margin: 0;}
    #mobile_box{display: block !important;}
    #header #back{ height: 100%; width: 100%; display: block;}
    #header { background: none;}
    #header .link{ position:absolute;width:100%;height:100%; }

    #product .images { width: 100%;}
    #product .characteristics { width: 100%;}

    #site_container .content img {width:100%!important;height: auto!important;}
    #site_container .content table img{ width: 100%!important; height: auto!important;  }
    #site_container .content img {width:100%!important;height: auto!important;}
    #site_container .header {height: auto!important;}

}
@media (max-width: 480px) {
	#see_first {width:90%; max-width:380px; margin:0 5% 0 0; background-position: center center; background-repeat: no-repeat; }
	#see_first img { width:100%; max-width:380px; height: 40px; margin: 0 auto; }
	#catalogue_home .banner {width:90%; max-width:380px; margin: 0 5% 10px 5%; background-position: center center; background-repeat: no-repeat; }
    #catalogue_home .banner img { width:100%; max-width:380px; margin: 0 auto; }
    #catalogue_home .banner h1{ top:10px;left:10px;font-size:14px; }
    #footer .follow_container table{ width: 100%; margin: 0;}
    #mobile_box{display: block !important;}
    #header #back{ height: 100%; width: 100%; display: block;}
    #header { background: none;}
    #header .link{ position:absolute;width:100%;height:100%; }
    #site_container .content img {width:100%!important;height: auto!important;}
    #site_container .header {height: auto!important;}

}

.calcContent{
	background-color:#DB2929;
	width:80%;
	min-height:400px;
	margin-left:10%;
	margin-right:10%;
	color:white;
}

.calcHeader{
	width:100%;
	height:130px;
	margin: 0 0 20px 0;
}

#firstForm{
	width:100%;
}
#firstForm table{
	width:50%;
	margin-left:25%;
	margin-right:25%;
}
#firstForm td{
	width:50%;
}
#firstForm label{
	font-size:15px;
}
.calcTable{
	width:50%;
	margin-left:25%;
	margin-right:25%;
}
.calcTable td{
	width:60%;
}

.greyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.greyButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.greyButton:active {
	position:relative;
	top:1px;
}
.redButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf507b;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf507b;
	box-shadow:inset 0px 1px 0px 0px #cf507b;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f05252), color-stop(1, #db2929) );
	background:-moz-linear-gradient( center top, #f05252 5%, #db2929 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05252', endColorstr='#db2929');
	background-color:#f05252;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #db2929;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
}
.redButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #db2929), color-stop(1, #f05252) );
	background:-moz-linear-gradient( center top, #db2929 5%, #f05252 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db2929', endColorstr='#f05252');
	background-color:#db2929;
}.redButton:active {
	position:relative;
	top:1px;
}

