/* Common styles */
*{ margin: 0; padding: 0;}

a {color:#006699; border:0}
img {border: 0}
table {border-collapse:collapse}
fieldset {border:0}

/* Setting footer window bottom  */
html { height: 100%; background:#fff; }
body { min-height:100%; height: 100%; padding: 0px; color: #000; background:#fff; font:75% Arial, Helvetica, sans-serif; margin: 0 auto; min-width:1000px; overflow:visible}

#page { height: auto; min-height:100%; overflow:visible; width:100%; position:relative; }

#header {position:absolute; top:0; left:0; height:222px; width:100%}
#header #logo {position:absolute; top:57px; left:30px; height:111px; width:85px}
#header #logo_text {position:absolute; top:57px; left:120px; height:111px; width:235px}
#header #logo_motto {position:absolute; top:98px; left:350px; height:13px; width:302px; z-index:9999}

#pathway {height:70px; white-space:nowrap; position:absolute; bottom:-83px; left:20%; color:red; }
#pathway a:link,
#pathway a:visited,
#pathway span {color:red; text-transform:lowercase; text-decoration:none}
#pathway a:hover {text-decoration:underline}

#menuHolder {position:absolute; bottom:0; left:0; width:84%; height:28px; background:#336aad url(/img1/mmm.jpg);}
#menuHolder  form { background: red; height: 18px; width: 200px; font-size:83%; padding:5px; position:absolute; bottom:0; left:0; overflow:hidden }
#menuHolder  label { width: 20%; float:left; text-transform:uppercase; color: #fff; padding:3px 0; white-space:nowrap}
#menuHolder  #searchGoText { width: 60%; background:#fff url(/img/input_bg.png) left top no-repeat; border:0; height:13px; padding:2px; font-size:100% }
#menuHolder  #searchGo { width: 10%; float:right; height:18px; font-size:90% }

#mainMenu {list-style:none; position:absolute; white-space:nowrap; left:230px; font-size:83%; font-weight:bold; z-index:9999}
#mainMenu li {list-style:none; padding-left: 10px; background:url(/img/mm_li_mark_red.gif) left center no-repeat; text-transform:uppercase; float:left; line-height:28px; margin-right:17px}
#mainMenu a:link,
#mainMenu a:visited {color:#fff; text-decoration:none}
#mainMenu a:hover {color:#fff; text-decoration:underline}

#linkMenu {position:absolute; bottom:34px; padding-left:7px}
#linkMenu img {height:17px; margin:0 4px}

#linkMn {position:absolute; top:5px; right:0px; }
#linkMn img {height:23px; margin:0 0 0 0; padding: 0px 0px 0px 0px;}


#logoIMG1{background:#fff url(/img/roofer.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG{background:#fff url(/img/first.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG3{background:#fff url(/img/company.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG2{background:#fff url(/img/fasad.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG4{background:#fff url(/img/termop.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG5{background:#fff url(/img/bvz.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}
#logoIMG6{background:#fff url(/img/galler.jpg) -44px 34px no-repeat; position:absolute; right:0; bottom:-83px; width:33%; height:304px;}



#secondaryMenu {margin:53px 30px; font-size:83%;}
#secondaryMenu li {list-style:none; padding-left: 13px; background:url(/img/li_mark_blue.gif) left 3px no-repeat; text-transform:uppercase; margin-bottom:10px}
#secondaryMenu li ul {margin: 10px 0 12px 12px}
#secondaryMenu li.active,
#secondaryMenu li li {background-image:url(/img/li_mark_red.gif); line-height:1.5em; }
#secondaryMenu li li{margin-bottom:0; }
#secondaryMenu li a,
#secondaryMenu li a:visited {color:#034ea2; text-decoration:none}
#secondaryMenu li a:active,
#secondaryMenu li a:hover {color:red}

#addonBlock {font-size:83%; margin-top:-1px}
#addonBlock h3.first {height:12px; font-size:83%; font-weight:normal; background:red; padding:8px; margin-left:2px; text-transform:uppercase; color:#fff}
#addonBlock h3.second {height:12px; font-size:83%; font-weight:normal; background-color:#034ea2; padding:8px; text-transform:uppercase; color:#fff}
#addonBlock ul {margin:16px 5px 35px 2px; list-style:none; }
#addonBlock li {list-style:none; padding-left: 13px; background:url(/img/li_mark_blue.gif) left 3px no-repeat; text-transform:uppercase; margin-bottom:10px}
#addonBlock li a,
#addonBlock li a:visited {color:#034ea2; text-decoration:none}
#addonBlock li a:hover {color:red}

#wrapper {padding-top:200px}

#contentBlock {padding-top:105px;}

#contentBlock h1,
#contentBlock h2 {text-transform:uppercase; position:relative}
#contentBlock h1,
#contentBlock h2,
#contentBlock h3,
#contentBlock h4,
#contentBlock h5,
#contentBlock h6 {color:red; font-weight:normal; clear:both}
#contentBlock h2,
#contentBlock h3,
#contentBlock h4,
#contentBlock h5,
#contentBlock h6 {margin:15px 0 5px;}
#contentBlock h1 {font-size:200%;}
#contentBlock h2 {font-size:200%;}
#contentBlock h3 {font-size:200%;}
#contentBlock h4 {font-size:160%;}
#contentBlock h5 {font-size:120%;}
#contentBlock h6 {font-size:110%;}


#contentBlock div.ram0 {  border:0; line-height:1.3; padding:0; }
#contentBlock div.tops1 { width:36%; float:left;  border:#dce2ea 3px solid;  padding:0px 5px; } 
#contentBlock div.tops2 { width:55%; float:left;  border:#dce2ea 3px solid; padding:5px 5px; margin-left:1%; }
#contentBlock div.tops1 img { border:0; padding-top:0px; width:157px; float:left;  margin-left:0px; }
#contentBlock div.tops1 h3, 
#contentBlock div.tops1 h3 a {height:12px;  font-size:87%; font-weight:normal; background:red; padding:8px; text-transform:uppercase; color:#fff; text-decoration:none}
#contentBlock div.tops1 p {font-size:80%; color:#034ea2;}
#contentBlock div.tops2 h3 {height:12px; font-size:83%; font-weight:normal;  background:#034ea2; padding:8px; text-transform:uppercase; color:#fff}
#contentBlock div.han { width:96%;  height:190px;background:red;  margin-top:3px; border:#dce2ea 3px solid; line-height:1.3; padding:0; } 
#contentBlock div.han img { border:0; width: 300px;   margin-left:5px; padding:5px 5px 5px 5px;  }
#contentBlock div.han p {  color:#fff; padding:5px 5px 5px 5px; margin-left:5px;}
#contentBlock div.han h3, 
#contentBlock div.han h3 a { font-size:95%;   background:red;  text-transform:uppercase; font-weight:bold; letter-spacing: 0.2em; color:#fff; text-decoration:none; padding-left:8px;}




#contentBlock ul {font-size:83%;}
#contentBlock ul li {list-style:none; padding-left: 13px; background:url(/img/li_mark_blue.gif) left 3px no-repeat; text-transform:uppercase; margin-bottom:10px}
#contentBlock ul li ul {margin: 5px 0 0 12px; font-size:100%}
#contentBlock ul li ul li {background-image:url(/img/li_mark_red.gif); margin-bottom:0; line-height:1.5em}
#contentBlock li a,
#contentBlock li a:visited {color:#034ea2; text-decoration:none}
#contentBlock li a:hover {color:red}



#contentBlock ul.altMenu {font-size:83%; font-weight:bold; width:150px; margin:15px 0 35px}
#contentBlock ul.altMenu li {list-style:none; padding: 7px 7px 8px 20px; background:#034ea2 url(/img/mm_li_mark_red.gif) 7px center no-repeat; text-transform:uppercase; margin-bottom:5px}
#contentBlock ul.altMenu li a,
#contentBlock ul.altMenu li a:visited {color:#fff; text-decoration:none}
#contentBlock ul.altMenu li a:hover {color:#fff; text-decoration:underline}

#contentBlock p {margin:5px 10px 20px 0; text-align: justify;}

#contentBlock p.zs { white-space:nowrap; color:red; }
#contentBlock p.zs a:link,
#contentBlock p.zs a:visited,
#contentBlock p.zs span {color:red; text-decoration:none}
#contentBlock p.zs a:hover {text-decoration:underline}
#contentBlock span.zs { white-space:nowrap; color:red; }

   

#contentBlock .viewer  {margin:10px 0}
#contentBlock img.thumb {border:2px #dbe1e8 solid}

#contentBlock th {background:#034ea2; color:#fff; padding:3px}
#contentBlock td { color:#034ea2; padding:3px}
#contentBlock td,
#contentBlock th {border:4px #fff solid}
#contentBlock td.con {padding:3px}
#contentBlock td.con { color:#000; padding:3px}
#contentBlock td.con {border:4px #fff solid}


#contentBlock dl dt {margin-right:17px; float:left; clear:left}
#contentBlock dl dd {margin-bottom:90px}
#contentBlock dl dd h2 {line-height:100%; clear:none}
#contentBlock dl dd h2 a, #contentBlock dl dd h2 a:hover{color:red; text-decoration:none}
#contentBlock dl img {border:none}

#contentBlock .group01 {list-style:none; font-size:100% !important; }
#contentBlock .group01 li {background:none; float:left; border:1px #e6e6e6 solid; margin:0 1px 1px 0; padding:10px; text-align:center; text-transform:none; font-weight:normal !important}
#contentBlock .group01 li span {display:block; overflow:hidden; height:1.2em; text-align:center; max-width:200px; text-overflow:ellipsis; position:relative; margin:0 auto}
#contentBlock .group01 li img {margin:0 auto; border:0; padding-top:10px; height:215px}

#contentBlock .group02 { list-style:none;  font-size:100% !important; }
#contentBlock .group02 li {background:none; float:left; border:1px #e6e6e6 solid; margin:0 1px 1px 0; padding:10px; text-align:center; text-transform:none; font-weight:normal !important}
#contentBlock .group02 li span {display:block; overflow:hidden; height:5.2em; text-align:center; font-weight:bold; max-width:200px; text-overflow:ellipsis; position:relative; margin:0 auto}
#contentBlock .group02 li img {margin:0 auto; border:0; padding-top:10px; height:190px}



#contentBlock .imageRotator {position:relative; width:97%; height:200px; margin:10px 0 0; overflow:visible;}
#contentBlock .imageRotator div.arrowLeft,
#contentBlock .imageRotator div.arrowRight {display:none; position:absolute; top: 0px; width:15px; background:#034ea2 url(/i/arrows.png) no-repeat; height:120px; z-index:10;}
#contentBlock .imageRotator div.arrowLeft.highlight,
#contentBlock .imageRotator div.arrowRight.highlight {background-color:red}
#contentBlock .imageRotator div.arrowLeft {left:0; background-position: left center}
#contentBlock .imageRotator div.arrowRight {right:-1px; background-position: right center}

#contentBlock div.imageRotator.active {position:relative; width:97%; height:200px; margin:10px 0 0; overflow:visible;}
#contentBlock div.active,
#contentBlock div.active div.arrowLeft,
#contentBlock div.active div.arrowRight {display:block !important; height:120px !important; overflow:hidden !important}

#contentBlock .imageRotator ul { list-style:none; padding:0 15px; position:relative; z-index:9; left:0}
#contentBlock .imageRotator ul li { float:left; width:140px; height:120px; padding:0 4px 12px 4px !important; margin:0 !important; background: none}
#contentBlock .imageRotator ul li a { display:block; width:140px; height:120px; background-repeat:no-repeat; background-position: center top; }
#contentBlock .imageRotator ul li img { width:140px !important; height:120px !important;}



#cont td {padding:3px}
#cont td {border:4px #fff solid}

 
#footerGuaranteer {height:90px; clear:both}



#footer { height: 80px; clear: both;  margin:-80px 0 0; position:relative; z-index:9999; background:url(/img/minilogo.png) 56px top no-repeat}
#footer.sch {  float: right;}
#footer .outer { height: 28px; position:absolute; background:#034ea2 ; width:100%; bottom:0}
#footer .outer form { background: red; height: 18px; width: 260px; font-size:83%; padding:5px}
#footer .outer label { width: 45%; float:left; text-transform:uppercase; color: #fff; padding:3px 0; white-space:nowrap}
#footer .outer #quickGoText { width: 40%; background:#fff url(/img/input_bg.png) left top no-repeat; border:0; height:13px; padding:2px; font-size:100% }
#footer .outer #quickGo { width: 10%; float:right; height:18px; font-size:90% }


#footer .copyrightBlock {line-height:28px; height:28px; overflow:hidden; color: #fff; font-size:0.8em; position:absolute; bottom:0; right:0; width:100%}
#footer .copyrightBlock .inner {margin-left:280px; padding-right:5px; text-align:right}
#footer .copyrightBlock a {color: #fff}

#footeren { height: 80px; clear: both;  margin:-80px 0 0; position:relative; z-index:9999; background:url(/img1/minilogo_eng.png) 56px top no-repeat}
#footeren.sch {  float: right;}

#footeren .outer { height: 28px; position:absolute; background:#034ea2 ; width:100%; bottom:0}
#footeren .outer form { background: red; height: 18px; width: 260px; font-size:83%; padding:5px}
#footeren .outer label { width: 45%; float:left; text-transform:uppercase; color: #fff; padding:3px 0; white-space:nowrap}
#footeren .outer #quickGoText { width: 40%; background:#fff url(/img/input_bg.png) left top no-repeat; border:0; height:13px; padding:2px; font-size:100% }
#footeren .outer #quickGo { width: 10%; float:right; height:18px; font-size:90% }
#footeren .copyrightBlock {line-height:28px; height:28px; overflow:hidden; color: #fff; font-size:0.8em; position:absolute; bottom:0; right:0; width:100%}
#footeren .copyrightBlock .inner {margin-left:280px; padding-right:5px; text-align:right}
#footeren .copyrightBlock a {color: #fff}