body {width:1840px;padding-left:15px; padding-right:15px;background-color:#FFFFFF;margin:10px auto 0 auto;font:12pt verdana;color:black;}

/* #006FBF */

/* new styles super general */

.fixedtxt {width:1200px;}
a {color:#006FBF;text-decoration:none;}
a:hover {color:orange;text-decoration:none;  }  


.links a {border-bottom: 1px dotted #006FBF; text-decoration:none;}
.links a:hover {color:orange; border-bottom:0; text-decoration:none;}

input, select, textarea {font:12pt verdana;margin-bottom:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-left:10px; border:1px solid #CCCCCC; padding-top:3px; padding-bottom:3px;}

input[type=radio] { border:0;}
input[type=checkbox] { border:0;}
form {padding-top:10px; padding-bottom:10px;}

img {border:0;}

div {padding:0;margin:0; border:0;}


h1 {font:22pt verdana;font-weight:bold;padding:0px;margin:0px;}
h2 {font:18pt verdana;font-weight:bold;padding:0px;margin:0px;}
h3 {font:16pt verdana;font-weight:bold;padding:0px;margin:0px;display:inline;}
h4 {font:16pt verdana;font-weight:normal;padding:0px;margin:0px;display:inline;}


/* wiki */
.lnk {font:7pt verdana;font-weight:normal;font-style:italic;color:#CCCCCC;}
.clnk {font:11pt verdana;font-weight:normal;font-style:italic;color:#AAAAAA;}
.clnk a {font:11pt verdana;font-weight:normal;font-style:italic;color:#AAAAAA;}
.clnk a:hoover {font:11pt verdana;font-weight:normal;font-style:italic;color:#AAAAAA;}
.idlnk a {font:9pt verdana;font-weight:normal;color:#AAAAAA;text-decoration:none;}
.cnt {font:9pt verdana;font-weight:normal;font-style:normal;color:#CCCCCC;}


/* new styles super general */

.p24 {font-size:24pt;}
.p22 {font-size:22pt;}
.p20 {font-size:20pt;}
.p18 {font-size:18pt;}
.p16 {font-size:16pt;}
.p14 {font-size:14pt;}
.p12 {font-size:12pt;}
.p9 {font-size:9pt;}

.w15px {width:15px;}
.w275px {width:275px;}
.w600 {width:600px;}
.w50 {width:50%;}
.w40 {width:40%;}
.w60 {width:60%;}

.nobr	{ white-space:nowrap; }


.dinl {display:inline;}
.fl {float:left;}

.colgreen {color:#339933;}
.colred {color:red;}
.colorange {color:orange;}
.colgrey {color:grey;}
.colbv {color:blueviolet;}

.pa {position:absolute;}
.pr {position:relative;}
.w900 {width:900px;}
.no_decor {border:0;text-decoration:none;}
.pad0 {padding:0;}
.mar0 {margin:0;}
.round1 { border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; }
.round4 { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.round5 { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.round9 { border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; } /* hz */
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:10px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.mr20 {margin-right:20px;}

.mb30 {margin-bottom:30px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}

.pl10 {padding-left:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}



.bread {padding-top:10; color:#666666; }
.bread a {border-bottom: 1px dotted #006FBF; text-decoration:none;}
.bread a:hover {color:orange; border-bottom:0; text-decoration:none;}

.tac {text-align:center;}
.tar {text-align:right;}
.posrel {position:relative;}

.bold {font-weight:bold;}

.butn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(0, 188, 255)), color-stop(1, #0099FF) );
	background:-moz-linear-gradient( center top, rgb(0, 188, 255) 5%, #0099FF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0, 188, 255)', endColorstr='#0099FF');
	background-color:#0099FF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:18pt;
	font-weight:normal;
	padding:5px 20px;
	text-decoration:none;
	border:0;
}.butn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0099FF), color-stop(1, #00CCFF) );
	background:-moz-linear-gradient( center top, #0099FF 5%, #00CCFF 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099FF', endColorstr='#00CCFF');
	background-color:#0099FF;
}.butn:active {
	position:relative;
	top:1px;
}

.grbutn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFCC00), color-stop(1, #FF9900) );
	background:-moz-linear-gradient( center top, #FFCC00 5%, #FF9900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC00', endColorstr='#FF9900');
	background-color:#FF9900;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15pt;
	font-weight:normal;
	padding:5px 20px;
	text-decoration:none;
	border:0;
}.grbutn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF9900), color-stop(1, #FFCC00) );
	background:-moz-linear-gradient( center top, #FF9900 5%, #FFCC00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9900', endColorstr='#FFCC00');
	background-color:#FF9900;
}.grbutn:active {
	position:relative;
	top:1px;
}



/* new styles main page */
.main { width:100%;margin:auto; }
.freedeliv {font-family: 'Ubuntu', sans-serif; font: ubuntu; font-size:18pt;font-style:italic; font-weight:normal; text-align:center;background-color:#BBBBBB;color:#FFFFFF; padding-bottom:2px; margin:10px 0 10px 0; }
.somemsg {text-align:center;padding-bottom:15px; font-size:150%;}

.undertel {font:10pt arial; font-style:italic; color:#999999; }

.ma {margin:auto;}
.topbar { padding-top:10px; height:60px; position:relative; }
.phones {width:250px; font:18pt verdana; color:#006FBF; text-align:left;}
.menu-lnk {font-size:17pt; line-height:150%; }

.callback {position:absolute;top:0;left:0;}

.logo {position:absolute;top:0;right:10px;}
.logo img {width:240px;}
.dostavim {height:20px;position:absolute;top:1px;right:260px; background-color:#0099FF; color:#FFFFFF; padding-left:10px; padding-right:10px;}
.dostavim_u {height:20px;position:absolute;top:25px;right:260px; background-color:#0099FF; color:#FFFFFF; padding-left:10px; padding-right:10px;}

#blinks {padding-top:0; margin-bottom:20px; width:100%; font:10pt verdana; text-align:center; color:#006FBF;}
.bcolmns {float:left; margin-right:10px; height:160px; text-align:left;}
#readmore, #rless {display:none;}

/* new styles main page window */

#id_model, #id_year, #id_car_form {padding:0;margin:0;}

.main-btm-lnk { position:absolute; bottom:10px; left:20px; font-size:9pt; color:#FFFFFF; }
.main-btm-lnk a { font-size:9pt; color:#FFFFFF; }

.main_h1 {color:white;font-family: 'Ubuntu', sans-serif; font:28pt ubuntu;font-weight:normal; text-shadow:2px 2px 4px #000000;}

.mainlist { padding-left:15px; width:450px; border: 2px solid white; box-shadow:2px 2px 4px #000000; opacity: 0.8;}


.main_window {width:100%; height:800px;background-image:url(https://www.dvorniki.ua/img/main1800.jpg);}
.main_block {padding-top:180px;text-align:center;}


/* new styles wiper selection */

.block_comp {height:700px;float:left;width:600px; }

.block_rear {height:600px;width:600px;float:left;}

.picblock {width:600px;position:relative;}
.smpics {border:1px dotted gainsboro; margin:0px 5px 10px 10px; width:120px; float:left;}
.morepic {position:absolute; top:10px; right:220px; }
.leader {text-align:right;color:red;bottom:10px;left:10px;position:absolute;}

#nices {font-size:20pt; color:#909090; border:2px dotted grey; margin-bottom:20px;}

.isign {font:16pt times;font-weight:normal;text-decoration:none;float:left;position:relative;margin-top:4px;margin-right:10px;margin-left:5px;background-color:#0099FF;color:#FFFFFF;text-align:center;}
.isign a {font:16pt times;font-weight:normal;background-color:#0099FF;text-decoration:none;color:#FFFFFF;}
.isign a:hover {font:16pt times;font-weight:normal;color:#FFFFFF;text-decoration:none;background-color:#0099FF;}
#otzivi {display:none;}
.dv_descr {padding-top:20px; width:570px; }



.oldprc {font:12pt verdana;font-weight:normal; color:red;margin-bottom:3px;}
.prc_uah {font:14pt verdana;font-weight:normal;border:0;}


/* poka hz */

.action {font-family: 'Ubuntu', sans-serif; font:17pt ubuntu; font-style:italic; font-weight:normal; text-align:center;background-color:orange;color:#FFFFFF;width:900px;position:relative; height:28px; margin:auto; margin-bottom:10px; margin-top:10px;}
.btext {margin:auto; padding:0; width:900px; font:8pt verdana; text-align:left; color:#999999; margin-bottom:10px;}


#tw {background-color:#FFFFFF;}
#lines {background-color:#FFFFFF;border-left:1px solid #006FBF;border-right:1px solid #006FBF;}


#side {position:absolute; width:200px; top:10px; right:-220px;}
#side img {border:0;}
#side img a {text-decoration:none;border:0;}
#side img a:hover {text-decoration:none;border:0;}



#serch {margin:auto; width:850px; font:8pt verdana; text-align:center;padding-top:5px;}

#bcars {margin:auto; padding-top:10px; padding-bottom:40px; width:850px; height:120px; font:8pt verdana; color:#006FBF; position:relative;}
#carlist {float:left; font:8pt verdana; color:#006FBF;width:90px;}



  .tooltip {
    position:absolute;
    z-index:100; /* подсказка должна перекрывать другие элементы */
    padding: 5px 15px;

    /* красивости... */
    border: 1px solid #b3c9ce;
    border-radius: 5px;
    text-align: center;
    font: italic 14px/1.3 arial, sans-serif; 
    color: #333;
    background: #fff;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
    }

/* a {color:#006FBF;text-decoration:underline;}
a:hover {color:#FFFFFF;text-decoration:none; background-color:#006FBF;}  */




.stars {font:14pt verdana;font-weight:bold;color:#FDD017;}


.mpform input {font-size: 140%;width:400px;margin-bottom:20px;}
.mpform select {font-size: 140%;width:400px;margin-bottom:20px;}
.mpform textarea {font-size: 140%;width:400px;margin-bottom:20px;}  
.mpform form {font-size: 140%;padding-top:25px; padding-bottom:15px;}


#tdl {background-image:url('../img/logo.gif');width:365px;background-repeat:no-repeat;background-position:right top;}
#tdl img a {text-decoration:none; background-color:#006FBF;}

.btn {color: #ffffff; background: #006FBF; font:11pt verdana bold;}

#header {color:#0070C0;font:11pt verdana;}
#header a {color:#0070C0;text-decoration:underline;font-weight:normal;}
#header a:hover {color:#0070C0;text-decoration:none;}

#footer {font:8pt verdana;text-align:center;color:#006FBF;margin-bottom:0px;}

.worktime {font:8pt verdana;text-align:center;color:#006FBF;}

.othertext {font:10pt verdana;color:#006FBF;}

#contacts {position:relative;height:100%;font:8pt verdana; color:#006FBF; text-align:right;}

.flink a {text-decoration:underline;color:#00FF00;font-weight:bold;}
.flink a:hover {text-decoration:none;color:#00FF00;font-weight:bold;}

.clr {clear:both;}
.topmessage {font:8pt verdana; color:#FFFFFF;}
.topmessage a {font:8pt verdana;text-decoration:underline;}

.bottommessage {font:11pt verdana; text-align:center; color:#006FBF;}
.bottommessage a {font:11pt verdana;text-decoration:none;border-bottom: 1px dotted #006FBF;color:#006FBF;}
.bottommessage a:hover {font:11pt verdana;text-decoration:none;color:#006FBF; background-color:#FFFFFF;}

.payment {font:8pt verdana; color:#FFFFFF; text-align:left;}
.payment a {font:8pt verdana;text-decoration:underline;color:#FFFFFF;}
.payment a:hover {font:8pt verdana;text-decoration:none;color:#006FBF;}
.payment a img {border:0}

.bottomlinks {font:11pt verdana;}
.bottomlinks a {text-decoration:none;border-bottom: 1px dotted #006FBF;}
.bottomlinks a:hover {text-decoration:none;}




.yearlinks {font:10pt verdana;color:#CCCCCC;}
.yearlinks a {text-decoration:none;border-bottom: 1px dotted #CCCCCC; color:#CCCCCC;}
.yearlinks a:hover {text-decoration:none;color:#CCCCCC;}


.hint {color:#aaa;}
.required {border-left:2px solid red;}

.helpp {width:990px;}



/* On screens that are 1200px or less */

@media screen and (max-width: 1800px) {
	body { width:1240px; }
	.main_window {width:100%; height:600px;background-image:url(https://www.dvorniki.ua/img/main1200.jpg);}
	.main_block {padding-top:80px;text-align:center;}
	}
	
	


	@media screen and (max-width: 1200px) {
		html,body
		{
			min-width:640px;
			width: 100%;	
			overflow-x: hidden; 
		}
		.main_block {padding-top:30px;text-align:center;}
		.main_window {width:100%; height:400px;background-image:url(https://www.dvorniki.ua/img/main600.jpg);}
		.main_h1 {font-size:24pt;}
		.fixedtxt {width:600px;}
		.helpp {width:660px;}
	}