@charset "utf-8";
body {font: 100%/1.3 'Open Sans', Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF; 	margin: 0px 0px 50px 0px;	padding: 0;	color: #000; }
button {border: none;}
*:focus {outline: none;}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0; margin-bottom: 0px;	}
a {border: none; color: }
p {margin: 20px 0px 0px 0px;}
h1 {margin: 20px 0px 0px 0px;}
h2 {margin: 20px 0px 0px 0px;}

h2+p, h3+p {margin-top: 3px;}

a img { border: none;}
a:link { color: #da2032; text-decoration: underline; }
a:visited { color: #94343E; text-decoration: underline; }
a:hover, a:active, a:focus {	text-decoration: none;}
i, em {font-variant: italic}
b, strong {font-weight: 700;}

/* AVATARS general styles */
.r {text-align: right;}
.c { text-align: center }
.l {text-align: left;}
.small { font-size: 0.8em; }
.xsmall { font-size: 0.7em; }
.large {font-size: 130% !important}
p.emph { font-style: italic; font-size: 120%; font-weight: 300; color: #4B2B14; }

.ib { display: inline-block; vertical-align: top; }
.fl { float: left; }
.fr { float: right; }
.clear {clear: both; }
.spacer {clear: both; height: 30px;}


.col1of2 { display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; } 
	.col1of2:last-child {margin-right:0px;} 
	
.col1of3 { display: inline-block; width: 31%; margin-right: 2%; vertical-align: top; } 
	.col1of3:last-child {margin-right:0px;} 
.col2of3 {display: inline-block; width: 64%; margin-right:2%;} 
	.col2of3:last-child {margin-right:0px;} 		

.col1of4 { display: inline-block; width: 24%; margin-right: 1%; vertical-align: top; } 
	.col1of4:last-child {margin-right:0px;}
.col2of4 { display: inline-block; width: 48%; margin-right: 1%; vertical-align: top; } 
.col3of4 { display: inline-block; width: 73%; margin-right: 1%; vertical-align: top; } 
	 



/*
STYLE COLORS
#da2032 - logo red
#4dc6e1 - logo blue
#0068ad - dark blue

*/

/* Local text root styles */
a.semilink { text-decoration: none; border-bottom:  dashed 1px  #083759;}
.caps { font-variant:  small-caps}
.comment { font-size: 0.8em; line-height: 110%; font-style: italic; color: #696969; }

h1 {font: normal 1.8em 'Open Sans', Tahoma; font-weight: 800; color: #da2032}
h2 {font: normal normal 1.8em 'Open Sans', Tahoma; letter-spacing: -2; color: #0068ad}
/* h2 {font: italic 800 1.2em 'Open Sans', Tahoma; color: #4dc6e1}*/ 


/* DESIGN and LAYOUT */
#pandabar {position: absolute; left: 250px;}
.adrbar {height: 110px; width: auto; max-width: 1250px; margin: 10px; text-align: right; color: #da2032; font-size: 0.9em;}
.adrbar span.small {font-size: 8pt; color: #ccc;}
.adrbar .phone{font-size: 1.7em;}

.logobar {height: 116px; background: #ffffff url(/i/logo_back.png) repeat-x left;}


/*For BLOCKS JUSTIFY tips look: 
http://stackoverflow.com/questions/11589590/text-align-justify-inline-block-elements-properly and http://jsfiddle.net/89bnF/372/ 
*/
.nav {display: block; width: auto; max-width: 675px; margin: -80px 10px auto 590px; text-align: justify;}
.nav a, .nav a:visited {color: #4dc6e1}
.navit li.menu-1 {display: inline-block; position: relative; font-size: 1.4em;}
.navit:before{content: ''; display: block; width: 100%;}
.navit:after {content: ''; display: inline-block; width: 100%;}




        /* вложенное меню */
li.menu-1 {}        
li.menu-1 ul { display: none; position: absolute; z-index: 1000;
            width: 9em; margin: -45px 0px 30px -15px; padding: 17px 0px 25px 15px;
            color: #fff; background-color: #4dc6e1; }
            
li.menu-1 ul li {float: none; text-align: left; margin: 10px 0px 0px 15px;
            list-style: none;
            font: normal normal 0.7em 'Open Sans', Tahoma; color: #fff; line-height: 120%; }
li.menu-1 ul li:first-child {margin-top: 30px}
li.menu-1 ul a, li.menu-1 ul a:visited {color: #fff}



.main {display: block; width: auto; max-width: 1000px; margin: 50px 10px auto 265px;}
.intro { width: 300px; float: left;}

.slider {  border: none; max-width: 650px; margin: 0px 0px 0px 350px; width: auto;
	overflow: auto; position: relative;	display: block; background-color: #fff;}
	
.slider div span {display: block; position: absolute; bottom: 10px; width: 400px;  
                  color: #ffffff; padding: 5px 15px ; font-style: italic; font-size: 0.9em;
                  background: rgba(0, 0, 0, 0.4)}
.as-nav {display: none; align: right; left: 85%; bottom: -10px;}
.as-prev-arrow {}

/* боковой блок */
.sidestick {display: block; position: absolute; left: 0px; width: 180px; background-color: #4dc6e1;
            color: #ffffff; font:  italic 1em 'Open Sans', Tahoma; padding: 10px 5px 10px 30px;}
.sidestick span {color: #da2032; font-weight: 800; font-size: 2em;}

.qa h2 {background: url(/i/banner_qa.png) no-repeat top left #4dc6e1; color: #ffffff; width: 600px; padding: 10px 40px; margin-left: -20px; margin-top: 40px; font-style:italic; font-size:1.5em;}

#icon_tz {display:block; position:absolute; margin-left: 20px; margin-top: 100px;}

/*Фотогалерея*/
div.photogal {	border-radius: 5px;	margin-right: 8px; margin-bottom: 8px;	float: left;}
div.photogal img { border-radius: 8px;}

.footer { margin: 30px 0px 50px 0px;  border-left-width: 1px;  border-left-color: #7A7575; padding: 5px;  clear:both;} 
.footer p {font-size: 0.85em;}



/*ФОРМА ЗАКАЗА*/
input[type="submit"], input[type="button"] {cursor: pointer;}

span.order-form-item, .order-form-item select, .order-form-item input, .order-form-item #add  
	{font: normal 14pt/100% 'Open Sans', Tahoma;}
span.order-form-item select, .order-form-item input   {padding: 1px 5px; margin: 2px 5px; border: solid 1px #999;  border-radius: 3px;}
.order-form-item input   {width: 50px;}
.order-form-item #add   {padding: 10px; border-radius: 3px; background-color: #0068ad; border: none; color: #fff; width: initial;}
.fasovka-text {width: 50px; display: inline-block;}
.pack-sel {padding: 4px 5px 7px 5px; 	margin-left: -5px; background-color: hsla(47,87%,61%,1.00); font-weight: 700}

/*КОРЗИНА*/
#basketicon-wrap {display: block; position: fixed; z-index: 1000; top: 200px; width: 100%; max-width: 1400px}
#basketicon { display: block; position: absolute; right: 20px; z-index: 100;  background-color: #0068ad; border-radius: 200px;
				width: 120px; height: 120px; text-align: center; font-size: 14pt; font-weight: bold; line-height: 120%;
			}
#basketicon img {width: 60%; height: auto; margin-top: 20%;}
#basketicon a {color: #0068ad }

#baskethide {display: none; }
#basket {padding: 30px; height: 100%; background-color: #fff; color: #333; font-size: 11pt;
		}
#basket h1 {font: bold 24pt/100% 'Open Sans', Tahoma; margin: 20px 0px; }
#basket ul {display: table; width: 100%; max-width: 800px}
#basket li { list-style: none; display: table-row; width: 100%; }
#basket span {display: table-cell; white-space: nowrap; padding: 3px 10px 3px 0px;border-bottom: solid 1px #ddd;}
.basket-name {white-space: nowrap; }
.basket-price { white-space: nowrap;}
.basket-qty {white-space: nowrap;}
.basket-sum {white-space: nowrap;}

#basket label {width: 220px; display:inline-block;}
#basket input {width: 500px; padding: 3px; margin-top: 3px; border: solid 1px #ddd;  border-radius: 3px; font: normal 11pt/100% 'Open Sans', Tahoma;}
#basket textarea {width: 500px; height: 100px; padding: 3px; margin-top: 3px; border: solid 1px #ddd;  border-radius: 3px; font: normal 11pt/160% 'Open Sans', Tahoma;}
#basket #send   {padding: 10px; border-radius: 3px; background-color: #da2032; border: none; color: #fff; width: initial;}
#basket a {color: #0068ad;}


/* Формы */
#t_table {display: none; } /* Справочная таблица */
.surfacediv {display: none; }
#surface_room {display: block;}


.noui label {display: block; float: left; margin: 8px 5px; width: 270px; text-align: right; }
.noui input[type="text"] {width: 60px; margin: 0px 5px 5px 5px; padding: 5px; 
		font: normal bold 12pt/100% 'Open Sans', Tahoma;	
		border: solid 1px #ddd;  border-radius: 3px; background-color: transparent;}
.noui input[type="text"]:read-only {background-color: #e4e2e2; color: #757575}


.compare input, .compare {font: normal normal 10pt/120% 'Open Sans', Tahoma !important; }
.compare input { margin: 0px !important; padding: 2px !important; text-align: right}
	input.read {border: none !important; width: 110px !important; margin: 0px}
.compare {color: #555555;}
.compare tr:hover {background-color: #E8E8E8}
.compare td { margin: 0px; padding: 1px 3px;}
.tHeading td {font-size: 9pt !important; text-align: center;}
.tPreSum, .tPreSum input  {font-size: 13pt !important; color: #1E97B2}
.tSum, .tSum input {font-size: 16pt !important; font-weight: bold; color: #da2032}
tr.profit td {text-align: right; font: normal normal 22pt/200% 'Open Sans', Tahoma !important; 	color: #da2032;}
span.profitSum {background-color: #FFE26B; padding: 0em 0.5em;}


div.profitBanner {display: block; width: 300px; min-height: 300px; position: absolute; margin: -30px auto auto 800px; 
				  background-color: #da2032; text-align: center; color: #fff; font-size: 3em; line-height: 100%}
div.profitBanner p.look {font-size: 12pt;}
div.profitBanner span.profitSum {color: #da2032; font-weight: bold;  display: block; width: 220px;	line-height: 60px;	margin: auto; transform: rotate(-5deg);}
div.profitBanner a {color: #fff;}

#res_sum {width: 100px; font-size:1.2em;}

.request label {display: block; float: left; margin: 8px 5px; width: 270px; text-align: right; }
label.req:before {content: "* "; color: #da2032; }

#date {display:none;}
.request input[type="text"] {width: 400px; margin: 5px 5px; padding: 5px; border: solid 1px #ddd;  border-radius: 3px;}
.err { border-color: #da2032 !important;   -webkit-box-shadow: 0px 0px 2px 2px #FCDBDC; box-shadow: 0px 0px 2px 2px #FCDBDC;}

.request input[type="submit"] {width: 400px; margin: 5px 5px; padding: 5px; border: solid 1px #ddd;  border-radius: 3px; background-color:#4dc6e1; color: #fff; font-size: 1.2em; cursor:pointer}