@charset "utf-8";
nav { padding-bottom:20px; text-align: left; padding-left: 20px;}
nav button { width:25%; padding: 10px; cursor: pointer; border-radius: 8px; background-color: white; border: 2px solid #CCC;}
nav button:hover {color:#F00;}
#SearchZapros {padding: 4px; background-color: white; border: 1px solid #CCC; width: 80%; margin-bottom: 10px;}
#SearchZaprosButton { padding-left: 18px; padding-right: 18px; padding-top:4px; padding-bottom:4px; background-color: white; border: 1px solid #CCC;}
body{width: 940px; background-color: #FFF;font-family: arial, helvetica, sans-serif;font-size: 16px;margin-right: auto;margin-left: auto;line-height:1.4; margin-top: 0px;} 
#header{margin-top: 18px;height: 110px;border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; border-right-width: 1px; border-left-width: 1px;border-right-style: solid; border-left-style: solid;border-right-color: #ccc;border-left-color: #ccc;} #header table {width:100%; }.headerbig, .headerbig a {font-size:20px;margin-right:45px;} .headermid {font-size:14px;color: #263368;margin-right:90px;} .headermin {font-size:12px;color: #263368;margin-right:30px;} .logo {width: 300px; background-image: url(/images/domostroy-logo20.gif); background-repeat: no-repeat; background-size: 100% auto; background-position: center;}
.banner {padding: 0; position: absolute; left: 0; right: 0; margin: auto; top: 33px; width: 334px;}
#menu {height: 33px;border-top-width: 1px;border-bottom-width: 3px; border-top-style: solid;border-bottom-style: solid; border-top-color: #ccc; table-layout: fixed; border-bottom-color: #cc0000;}#menu td, #menu a{font-size: 20px;color: #263368;text-align: center;text-decoration: none;font-weight: 400;} #menu a:hover{color:#ffffff;background-color: #263368;} #menu td a{width:100%;display:block;}
a{font-size:13px;font-weight:700;color:#E31E28;} a:hover{color:#263368;text-decoration:underline;} img, a img{max-width:98%; border-color: #ccc;border-style: solid; border-width: 1px;padding: 1%;}
#body{border-left-width: 1px; border-left-style: solid; border-left-color: #ccc;clip: rect(auto,auto,auto,auto); border-right-width: 1px;border-right-style: solid;border-right-color: #ccc;}
#left1{width: 100%;padding-left:2%;padding-right: 2%;text-align: justify;} 
.imgmain{border: 0; float:left; width: 40%; padding-top: 0px; padding-left: 0px; padding-bottom: 0px;}.imgmain1{border: 0; float:left; width: 27%; padding-right:25px;} .imgmain2{border: 0; float:left; width: 45%; padding-right:25px;} 
.tabblfoto {width:100%;margin: 0 auto;text-align: center;}.tabblform{width:100%;margin: 0 auto;}
h1{font-size:18px;}h2{font-size:17px;color:#000;text-align:center;}
.izowht1{font-size:14px;}.izowht3{float: left; border-style:none; margin-top: -7px; padding-bottom: 15px;}.izowht4{ padding-bottom:15px; text-align: left; float: left;width: 49%;margin-right: 2%;}.izowht41{ padding-bottom:15px; text-align: left; float: left;width: 49%;margin-right: 0%;}.izowht42{ padding-bottom:15px; text-align: left; float: left;width: 98%;margin-right: 2%;}
ul.navMenu {width: 100%; padding:0; margin:0; background-color:#666; text-align: center;}
ul.navMenu li {display:inline-block; border-right-style: groove; border-right-color: #FFF; border-right-width: thin;}
ul.navMenu li ul {display: none; padding:0; margin:0;position: absolute; width: 260px; margin-top: 1px;}
ul.navMenu li ul label:before {left: 7px;} 
ul.navMenu label, ul.navMenu a {position: relative; display: block; padding-left:8px; padding-right:12px; padding-top:3px; padding-bottom:3px; color: #ffffff; font-size: 12px; cursor: pointer;}
ul.navMenu li ul li {display:block; position: relative;}
ul.navMenu li ul li ul {top:0; left:100%;}
ul.navMenu > li > ul > li > ul > li > a {color: #263368; background-color: #d2d2d2;}
ul.navMenu > li:last-child > ul > li > ul > li > a {color: #FFF; background-color: #888888;}

ul.navMenu label:before {content: '+'; display: inline-block; position: absolute; right: 3px;}
ul.navMenu input[type=radio] {position: absolute; opacity: 0;}
ul.navMenu input[type=radio]:checked + label:before {content: '−';}
ul.navMenu input[type=radio]:checked + label + ul {display: block;}
ul.navMenu li ul label, ul.navMenu li ul a {background: #888888; padding-left: 20px; text-align: left; border-bottom-style:groove; border-bottom-width:thin; border-bottom-color:#FFF; font-weight: normal; padding-right:0px;} 
ul.navMenu > li:nth-child(n+6) > ul > li {right:39%;}
ul.navMenu > li:nth-child(n+6) > ul > li > ul li {right:200%;}
ul.navMenu > li:last-child > ul > li > label {background-color:#666;}
ul.navMenu > li:last-child > ul > li {right:74%;}
ul.navMenu > li:last-child > ul li ul label, ul.navMenu li:nth-child(11) > ul li ul a {background-color: #888888; color:#FFF;}
ul.navMenu > li:last-child > ul li ul li ul a {color: #263368; background-color: #d2d2d2;}
ul.navMenu > li:last-child > ul > li:nth-child(n+12) > ul {top:inherit; bottom: 0;}
.dsitems {color:#22c; font-size:16px; font-weight:400; padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px;height: 100px;}
.dsitems a:first-child:focus {position: fixed; left: 50%; top: 50%; margin-left: -155px; margin-top: -150px; margin-right: 0px; padding: 10px; border-style: solid; border-color: black; border-width: thin; background-color: white;}
.dsitems a:first-child:focus + div:after {content: '\2716'; position: fixed; left: 50%; top: 50%; margin-left: 122px; color: black; margin-top: -150px; font-size: 28px; padding-left: 7px; padding-right: 7px; cursor: pointer;}
.dsitems a:first-child:focus img {width: 300px; height: 300px; max-height: none; margin-right: 0px; cursor: initial;}
.dsitems a:first-child:focus + div:before {content: '\2714'; background-color: #e6ebf1; float: left; position: static;
 width: 100px; height: 100px; margin-right: 15px;}
.dsitemsprice {color:#000;font-weight:700; padding-right: 30px; float: right; font-size:20px;}
.dsfotoitems { padding:0; border: none; margin-right: 15px; float: left; max-height:100px; cursor: zoom-in;}
.dsitemstext { max-width:750px;text-align: left;}
#section a { font-weight:normal} #section { color: #595959;}
#left1 form { text-align:center}
p > a {font-size: 16px; font-weight: 500;}
#versiya {background-color: #EBF0F4; text-align: center; color: #4D4D4D; font-size: 14px; position: absolute; left: 0; right: 0; top: 0;}
a.itemsCategoryLink {padding-bottom:8px;}

@media screen and (min-width: 940px) { ul.navMenu label:hover, ul.navMenu a:hover, ul.navMenu input[type="radio"]:checked + label {background-color: #263368; color: #FFF;} ul.navMenu > li:last-child > ul a:hover, ul.navMenu li:nth-child(11) > ul label:hover {background-color: #263368; color: #FFF;}}
@media (max-width:940px){.banner {display: none;} #section a { font-size:12px;} .dsfotoitems {margin-right: 3px;} nav {padding-left: 0px;} nav button { width:50%; text-align: center; padding-left: 0px; } body{width: 99%;} #left1{font-size:16px; padding-left:1%;padding-right: 1%;} h1{font-size:14px;} h2{font-size:13px;}.izowht1{font-size:14px;}.izowht4,.izowht41{padding-bottom:35px;}
#menu a{font-size: 16px;}.headerbig, .headerbig a {margin-right:5px;} .headermid {margin-right:5px;} .headermin {margin-right:5px;}
ul.navMenu label, ul.navMenu a {padding-left:2px; padding-right:8px; font-size: 10px;}.dsitems { padding-top:25px; padding-bottom:25px; font-size:16px; padding-left:2px; padding-right:2px; }.dsitemsprice {padding-right: 10px; float: none; font-size:18px; padding-left:0px;}}
@media (max-width:745px){.izowht4,.izowht41{ width: 98%;margin-right: 2%; padding-bottom:5px;}
ul.navMenu > li {display: block; }
ul.navMenu li ul {position: inherit; width: 100%; left:auto; margin-top: 0px;}
ul.navMenu li ul li {position: inherit; width: 100%; left:auto;}
ul.navMenu label, ul.navMenu a {padding-left:2px; padding-right:10px; font-size: 12px; border-bottom-style: groove; border-bottom-color: #FFF; border-bottom-width: thin;}
ul.navMenu ul label, ul.navMenu ul a {padding-left: 20px;}
ul.navMenu ul ul label, ul.navMenu ul ul a {padding-left: 30px;}
ul.navMenu > li:last-child > ul > li > label {text-align:center; padding-left: 0px; padding-right: 10px;}
ul.navMenu > li:last-child > ul > li > label:before {left: unset;} 
ul.navMenu > li:last-child > ul > li > ul > li > label, ul.navMenu > li:last-child > ul > li > ul > li > a {padding-left: 20px;}
ul.navMenu > li:last-child > input[type="radio"]:checked + label {background-color:#263368;}.dsitems {font-size:13px; padding-top:17px; padding-bottom:17px; text-align: left;}
.dsitemsprice {font-size:15px; padding-left:0px; }
p > a {font-size: 12px;}}
@media (max-width:600px){#SearchZapros {width:70%;} #header{margin-top: 16px; height: 86px;}.logo {width: 240px;}#left1{font-size:12px;} body{width: 99%;font-size: 12px;}.headerbig, .headerbig a {font-size:13px;}.headermid {font-size:12px;}.headermin {font-size:9px;}#menu a{font-size:11px;}
#versiya {font-size: 12px;}}
@media (max-width:500px){.banner{display: inherit; max-width: 100%; top: 16px; border: none;} #header{margin-top:58px;} .izowht1, .izowht1 > a {font-size:12px;} nav button { padding-left: 1px; padding-right: 1px;}.logo {width: 200px;}#menu {table-layout:auto;} nav {padding-bottom: 40px;}}
@media (max-width:416px){.logo {width: 168px;}.headerbig, .headerbig a {font-size:12px;}#menu a{font-size:10px;}}
@media (max-width:382px){.logo {width: 150px;}}
@media (max-width:364px){.logo {width: 135px;}}
@media (max-width:350px){.logo {width: 106px;}}