@import "reset.css";

/* tools */
.clear {clear:both; display:block; overflow:hidden; width:100%; height:1px;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

a { text-decoration:underline; color:#005ca4; }
a:hover  { text-decoration:underline; color:#005ca4; }


/* general styles */
.noline a { text-decoration:none }
.noline a:hover { text-decoration:underline }

/* a:visited { color:#80110b; } */

.overflow { overflow:auto; }
.content ul.pb0 { padding-bottom:0!important; margin-bottom:0!important; }

/* layout */
#ie6minwidth { background:url('../images/footer.jpg') 0 100% no-repeat; }
html { font-size: 100.1%; height:100%}
body { font:0.85em/1.10 Arial, Helvetica, sans-serif; padding-top:0.87em; height:100%}
#mainWrapper { position:relative; min-width:946px; max-width:1186px; margin:0 auto; padding:0 27px; }
#footer { height:132px; padding-left:15px; }
#header { position:relative; }



#menu li a:hover,
#navigation li a:hover { color:#c90a00 }	
#menu li a.active,#navigation li a.active { color:#c90a00 }	

/* logo */
#header .logo, #header .logo span { position:absolute; left:0; top:0; display:block; width:179px; height:99px;}
	#header .logo { left:15px; top:50%; text-align:center; margin-top:-62px; }
	#header .logo, #header .logo a { color:#7c7c7c; font-size:20px; text-decoration:none; line-height:50px; }
	#header .logo span { background:url('../images/logo.png') }
	#header .logo a span { cursor:pointer; }
	
#header { padding-bottom:1.75em; }
	.sidebar { width:20%; float:left; }
	.content { width:76%; margin-left:24%; }
	
#menu li { padding-bottom:0.72em; padding-left:1.43em; } 
#menu ul li { padding-bottom:0.2em; }
#menu a { display:block; font-weight:bold; margin-bottom:1em;}
#menu li ul li a { display:inline; font-weight:normal}

#navigation { padding:0; height:21px; margin:0; margin-bottom:1.56em; }
	#navigation li {  padding-left:0; float:left; list-style:none!important; font-size:14px; height:21px; margin-right:15px; margin-left:0 !important; background:none; }
	#navigation li a { display:block; float:left; height:21px; line-height:21px; padding:0 5px; }
	#navigation li.active { background:#c90a00 url('../images/nav.png') no-repeat; }
	#navigation li.active a { background:url('../images/nav.png') 100% 100% no-repeat; text-decoration:none; color:#fff; }
	
#crumbs { color:#808080; font-size:0.85em; margin-bottom:1.56em; }
	#crumbs a { color:#808080; background:url('../images/crumbs-sep.png') 100% 0.5em no-repeat; padding-right:12px; margin-right:7px; }
	#crumbs a:hover { color:#C90A00;}
	#crumbs img { vertical-align:middle; margin:0 0.5em; width:0.25em; height:0.25em; display:none; }
	
	#context .main { width:69%; float:left; line-height:1.42em; padding-bottom:40px; text-align:justify; }
	#context .side { width:26%; float:right; padding-top:3.1em; }
	
	#context .main h1 { font-size:1.14em; padding-bottom:1.25em; font-weight:bold; }
	#context .main h2 { padding-bottom:1em; font-weight:bold; }
	#context .main h3 { padding-bottom:0.5em; font-weight:bold; }
	#context .main h4 { padding-bottom:0.5em; font-weight:bold; }
	#context .main h5 { padding-bottom:0.5em; font-weight:bold; }
	#context .main h6 { padding-bottom:0.5em; font-weight:bold; }
	#context .main p { padding-bottom:0.5em; overflow:auto; text-align:justify; }
	
	#context .main img { border:1px dashed #97a6b1; padding:2px; background-color:#fff; }
	#context .main img.outborder { border:none }

.reviw { background:#e3e3e3 url('../images/review.jpg') no-repeat; width:187px; margin:0 auto; margin-bottom:4.2em; }
.reviwWrapp { background:url('../images/review.jpg') -187px 100% no-repeat; padding:13px 17px; }
	.reviw a.title { display:block; font-size:16px; text-align:center; font-weight:bold; padding-bottom:10px; }
	.reviw .photo { width:152px; height:91px; margin:0 auto; position:relative; margin-bottom:10px; }
		.reviw .photo span { display:block; width:152px; height:91px; background:url('../images/review-border.gif') no-repeat; position:absolute; left:0; top:0; }
	.reviw .title { font-size:12px; font-weight:bold; padding-bottom:6px; }
	.reviw .text { font-size:13px; line-height:16px; padding-bottom:8px; text-align:justify}
	.reviw .all { text-align:right; font-size:13px; }
	
.action { text-align:center; margin-bottom:4.2em; }
.calculator { text-align:center; font-size:1.14em; font-weight:bold; margin-bottom:4.2em; }
.window { text-align:center; font-size:1.14em; font-weight:bold; margin-bottom:4.2em; }

#subfooter { margin-bottom:3.12em; padding-top:0; overflow:visible !important; height:172px; width:100%; clear:both }
	#subfooter .sertigicat { width:24%; float:left; overflow:visible}
	#subfooter .sertigicat img { margin:0 0 0 53px }
	#subfooter .tems { width:26%; margin-right:3%; float:left; }
	#subfooter .polezno { width:26%; float:left; }
	#subfooter .ruletka { width:19%; float:right; padding-top:17px; text-align:center; }
	
	.blockWC { background-color:#e3e3e3; padding:18px; position:relative; }
	.blockWC .caption { display:block; font-size:1.14em; font-weight:bold; padding-bottom:0.7em; }
	.blockWC li { padding-bottom:0.8em; }
	
	/* corners */
	.corner { font-size:0; line-height:0; background:url('../images/corners.png') no-repeat; position:absolute; height:9px; width:9px; }
	.lt  {top:0; left:0}
	#photogalery .rt {left:115px}
	.rt {top:0; right:0; background-position:100% 0!important}
	.lb  {bottom:0; left:0; background-position:0 100%!important}
	.rb {bottom:0; right:0; background-position:100% 100%!important}
	#photogalery .rb {left:115px}
	
	#subfooter .ruletka a.title, #subfooter .sertigicat a.title { float:left; margin-left:2em; font-size:1.14em; font-weight:bold; }
	#subfooter .sertigicat a.title { margin-left:3.8em; position:relative; top:-10px }
	#subfooter .ruletka a.title { margin-left:2.5em }
	
	.pager { padding:0; margin:0; text-align:center; }
	.pager li { list-style:none; display:inline; padding:0 3px; background:none!important; }
	
#photogalery { margin-bottom:5.4em; }
	#photogalery a.title { display:block; width:190px; font-size:1.14em; font-weight:bold; margin:0 0 24px 5px }
	#photogalery ul { padding-bottom:5px; }
	#photogalery li { float:left; width:12%; margin-left:1.1%; margin-right:1.1%; position:relative; }
	#photogalery .corner { background:url('../images/corners2.png') no-repeat; }
	#photogalery .view { overflow:hidden; width:20px; height:20px; background:url('../images/zoom.png') no-repeat; position:absolute; left:113px; bottom:-5px; cursor:pointer; }
	
	
	ul.photogalery { padding:0!important; margin:0!important; margin-bottom:2em!important; }
	ul.photogalery li { padding:0!important; margin:0!important; float:left; width:20%; margin:0 5% 5% 0!important; position:relative; list-style:none!important; background:none!important; }
	ul.photogalery li img { border:0!important; padding:0!important; }
	ul.photogalery .corner { background:url('../images/corners2.png') no-repeat; }
	ul.photogalery .view { overflow:hidden; width:20px; height:20px; background:url('../images/zoom.png') no-repeat; position:absolute; right:-5px; bottom:1px; cursor:pointer; }

	ul.photogalery .lb,
	ul.photogalery .rb { bottom:5px; }

.address { padding-bottom:20px; }
	.address .adr { width:50%; float:left; }
	.address .map { padding-right:10%; width:35%; float:right; text-align:center; }

	dl.form dt { width:34%; float:left; padding-bottom:0.9em; min-height:2em; position:relative; }
	dl.form dd { width:65%; float:right; padding-bottom:0.9em; min-height:2em; position:relative; }
	
	dl.form .text, dl.form select, dl.form textarea { width:90%; font:14px Arial, Helvetica, sans-serif; color:#808080; }
	dl.form textarea { height:5em; }
	dl.form dt.message { height:5.6em; padding-top:1.6em; }
	dl.form dd.message { height:7.2em; }
	dl.form .label { padding-left:0.6em; display:block; }	
	dl.form .constr {padding-top: 60px; margin-bottom: -22px}
	dl.form dt.captcha { text-align:right; }
	dl.form input.captcha { width:60%; font:14px Arial, Helvetica, sans-serif; color:#808080; }
	dl.form dt.captcha	span { position:relative; top:2px; }
	
	dl.form dt.email,dl.form dd.email { height:3em; margin-top:-10px}
	dl.form dt.phonerr,dl.form dd.phonerr { padding-bottom:0}
	dl.form dd.phonerr span { border-bottom:none }
	dl.form dd.email span { border-top:none }
	
	dl.form .addit { height:6em }
	
	dl.form dd label { padding-right:14px; }
	dl.form dd label input { margin-right:2px }
	
	dl.form .typeConstruction { height:280px; overflow:hidden;}
	dl.form .alert { font-size:0.85em; line-height:1.4em; width:350px; }
	dl.form .alert strong { font-weight:normal; color:#c90a00; }
	
	dl.form dd.submit { padding-top:1.5em; text-align:center; }
	dl.form input.submit { cursor:pointer; padding-left:10px; padding-right:10px; font-size:1.2em}

	#constrType { padding-top:50px; padding-bottom:54px; position:relative; padding-left:93px; overflow:hidden; height:100px; }
	#constrType input { width:50px; margin-right:5px;  }
	#constrType .windowh { position:absolute; left:0; top:60px; }
	#constrType .windoww { position:absolute; left:0; top:118px; }
	#constrType img { padding:0!important; border:0!important; }
	
	.form .title { position:absolute; left:10px; top:75px; }
	
	/* error */
	dl.form dt.error, dl.form dd.error { min-height:3.4em; }
	dd.error p.error { color:#c90a00; position:absolute; left:0; top:30px; padding-bottom:0; }
	dd.message p.error { margin-top:4.1em }
	dd.error span.error { padding:2px; border:1px dashed #c90a00; display:block; width:90%; }
	dd.message span.error { padding-bottom:1px;}

	dd.error span.error .text, dd.error span.error textarea, dd.error span.error select { width:98%; }


.client { padding-bottom:2.3em; }
	.client .clientphoto { display:block; width:152px; height:91px; position:relative; float:left; margin-right:1.8em; margin-bottom:1.5em; }	
	.client .border { display:block; width:152px; height:91px; background:url('../images/review-borderw.gif') no-repeat; position:absolute; left:0; top:0; }
	.client .about { text-align:right; font-weight:bold; font-size:0.85em; }
	
	.otzivi .clientphoto { height:110px; margin-top:4px }
	.otzivi .border { height:110px; background:url('../images/review-borderw2.gif') no-repeat; }

	.client .clientphoto img { padding:0!important; border:0!important; }

	.client p { overflow:visible!important; }

	.articles dd{ padding-bottom:1.7em; }

.content .sertificats  { padding:0; margin:0; }
.content .sertificats li { padding-left:0; list-style:none; padding:0; margin:0; text-align:center; width:33%; float:left; font-size:0.87em; background:none!important; }
.content .sertificats .wrapp { padding:0 10px; }
.content .sertificats .wrapp p { text-align:center !important}
.content .sertificats .wrapp img { padding:0!important; border:0!important }

#answers li { list-style:none; background:none}

.popup { width:263px; height:247px; text-align:center; font-size:14px; padding:30px 74px 0; margin:0 auto; }
.popup .logo { margin-bottom:16px; border:none !important}
.popup p strong { display:block; text-align:center; }
.popup p { padding-bottom:12px; text-align:left; }
.popup input { margin-top:20px; cursor:pointer; outline:none !important}
.popup input:focus {outline:none}

	#footer ul { padding-bottom:15px; white-space:nowrap; }
	#footer li { display:inline; padding-right:10px; font-size:0.85em; }
	#footer .copyright { font-size:0.85em; padding-left:45px; }
	#footer { position:relative }
	#footer address { padding-left:165px; background:url('../images/tel.jpg') no-repeat; height:90%; line-height:1.3em; width:260px; position:absolute; right:0; top:0; }

table.my-table th {font: normal 1em arial}
table.my-table td {text-align: center; font: normal 1em arial}