body, html {margin:0;padding:0}

body {
color:#f2efee;
font:12px/16px verdana, tahoma, arial;
background:#de2101 url('../gfx/bg_body.jpg') no-repeat center top
}

.clear {clear:both}

a {
text-decoration:none;
font:12px/16px verdana, tahoma, arial;
}

img {border:none}



#wrapper {
width:920px;
margin:0 auto;
}

#header {
margin:0;
padding:0
}

.language {
float:left;
color:#dad7d7;
margin:7px 0 0 208px
}

.language a {
font:11px/11px verdana, tahoma, arial;
color:#dad7d7;
margin:0 1px;
padding:1px 1px;
}

.language a span, .language a:hover {color:#fff}

h1 {
float:left;
clear:left;
width:281px;
height:95px;
margin:36px 0 0 0;
padding:0
}

h1 a {
display:block;
margin:0;
padding:0;
width:281px;
height:95px
}

h1 a span {display:none}


#menu {
float:right;
width:593px;
margin:0 -7px 0 0;
padding:0
}

#menu ul {
list-style:none;
margin:0;
padding:0
}

#menu ul li {
display:block;
float:left;
margin:0;
padding:0;
background:transparent  url('../gfx/tab_divider.png') no-repeat right center
}

#menu ul li a {
font:600 11px/11px arial, verdana, tahoma;
text-transform:uppercase;
color:#e33036;
display:block;
padding:12px 28px;
background:transparent  url('../gfx/bg_anchor.png') no-repeat center -50px
}

#menu ul li a:hover, #menu ul li a.active {
color:#ba1218;
background:transparent  url('../gfx/bg_anchor.png') no-repeat center -2px
}

#menu ul li.last {background:none}
#menu ul li.last a  {padding:12px 26px 12px 28px}


.gorionik {
width:297px;
height:244px;
float:right;
margin:23px 36px 0 0;
padding:0;
background:transparent  url('../gfx/gorionik.png') no-repeat left top
}

.preamble {
float:left;
width:404px;
height:78px;
margin:40px 0 0 22px;
padding:0;
background:transparent url('../gfx/preamble.png') no-repeat left top
}

.prsrp {background:transparent url('../gfx/preamble_srp.png') no-repeat left top !important}


.preamble span {display:none}

#container {
color:#2D2A2A;
width:918px;
margin:10px 1px 5px 1px;
padding:0;
background:transparent url('../gfx/container_mid.png') repeat-y center top
}

#container .cont_top {
width:918px;
height:90px;
margin:0 0 -85px 0;
padding:0;
background:transparent url('../gfx/container_top.png') no-repeat center top
}

#container .cont_bottom {
width:918px;
height:90px;
margin:-75px 0 0 0;
padding:0;
background:transparent url('../gfx/container_bottom.png') no-repeat center bottom
}

#container .canvas {
min-height:145px;
height:auto !important;
height:145px;
padding:0 18px
}

.canvas h2 {
color:red;
font:600 20px/23px verdana, arial, tahoma;
}

.itembox {position:relative}

.item {
margin:12px 0 0 0;
padding:2px 3px;
width:288px;
float:left;
text-align:center;
background:transparent url('../gfx/item_divider.jpg') no-repeat right top
}

.it_c {background:none}

.item .anchor {
display:block;
color:#db2300;
height:120px;
font:600 16px/16px georgia, arial, verdana, tahoma;
}

.item .anchor:hover {
background-position:center -178px;
color:#a8a7a7
}

.it_a .anchor {background:transparent url('../gfx/icon_tab_a.png') no-repeat center 18px}
.it_b .anchor {background:transparent url('../gfx/icon_tab_b.png') no-repeat center 18px}
.it_c .anchor {background:transparent url('../gfx/icon_tab_c.png') no-repeat center 18px}

.item p {
font:11px/13px arial, verdana, tahoma;
color:#2d2a2a;
margin:0;
padding:0;
}


#addcont {
margin:18px auto 10px auto;
padding:5px 17px;
}

#addcont .onleft {
float:left;
width:394px
}

#addcont .onright {
float:right;
width:398px
}

#addcont h3 {
color:#fff;
font:600 18px/22px verdana, arial, tahoma;
margin:8px 0 10px;
padding:1px 0
}

#addcont h3 span {color:#ffc148}

#addcont h3 span a {
font:600 18px/22px verdana, arial, tahoma;
color:#ffc148
}

.termom {
margin:25px 0 0 0;
text-align:center;
}

.termom div {
width:312px;
height:299px;
margin:25px auto 0 auto;
background:transparent url('../gfx/termomont.png') no-repeat center top
}

#addcont p {
color:#fff;
margin:2px 0 12px 0;
padding:1px 0;
}

#addcont a {
color:#ffc148;
text-decoration:underline
}

#addcont a:hover {text-decoration:none}

#footer {
padding:10px 0;
text-align:center;
margin:15px auto 0 auto;
background:transparent url('../gfx/footer_line.jpg') no-repeat center top
}

#footer ul {
color:#f5f3f3
list-style:none;
margin:2px 0;
padding:0
}

#footer ul li {
font:9px/9px verdana, arial, tahoma;
display:inline
}

#footer ul li a {
text-transform:lowercase;
color:#eceaea;
font:9px/9px verdana, arial, tahoma;
margin:1px 2px;
padding:0 2px;
}

#footer ul li a:hover {color:#fff}

.copy {
clear:both;
margin:22px auto;
font:600 12px/12px verdana, arial, tahoma;
color:#a91a02
}




/*  forma */

#container .contact_form {
width:670px;
margin:16px 0;
float:right;
}

#container form legend {
color:#F19A8C;
}

#container form fieldset {
border:1px solid #F19A8C;
padding-bottom:8px
}

#container .contact_form .holdLeft {
clear:left;
float:left;
width:310px;
text-align:right;
}

#container .contact_form .holdLeft input {
margin-left:8px;
border:1px solid #F19A8C;
background:#fef6ed;
width:220px;
}


#container .contact_form p.enquiry {
clear:right;
float:right;
margin-right:12px;
}

#container .contact_form p.enquiry textarea {
background:#fef6ed;
border:1px solid #F19A8C;
margin-bottom:12px
}

#container .contact_form p {
color:#2D2A2A;
font:12px/16px verdana, tahoma, arial;
}


.generalije {
width:190px;
float:left;
margin:24px 0 20px 4px;
}
.generalije p span {color:red}


#container p {
color:#2D2A2A;
font:12px/16px verdana, tahoma, arial;
}


#container h3 {
color:red;
font:600 16px/19px arial, verdana, tahoma;
}


.stop {
text-align:center;
width:600px;
margin:45px auto 0 auto
}

.stop p a {
color:red;
text-decoration:underline;
}

.stop p a:hover {text-decoration:none}


/* added _ text */

.fader {
padding:38px 65px;
margin:10px 0;
position:relative
}


#container .fader h2 {
margin:0 0 8px 0;
padding:1px 0;
text-align:center;
color:red;
font:600 26px/29px georgia, arial, verdana, tahoma;
}

#container .fader h3 {
margin:0 0 6px 0;
padding:1px 0;
text-align:center;
color:red;
font:600 20px/24px georgia, arial, verdana, tahoma;
}

#container .fader p {
text-align:center;
font:13px/18px verdana, tahoma, arial;
margin:6px 0 28px 0
}

#container .sq {margin:12px 24px;list-style:none}

 list-style:none

.sq {margin:3px 40px}

#container .sq li {display:block}
#container .sq li span, #container .sqs li span {color:red}


.gradient {
margin:0;
padding:0;
display:block;
clear:both;
height:174px;
background:transparent url('../gfx/floor.jpg') repeat-x left bottom
}


#container .fader p.incenter {text-align:center}

.sqs {
margin:0 0 0 40px;
float:left;
width:100px;
list-style:none;
}




/* final adding */


.closer {
margin:20px auto;
padding:14px 0;
background:transparent url('../gfx/vert_divider.jpg') no-repeat center top
}


#photos {
position:relative;
width:870px;
height:342px;
margin:25px auto;
background:transparent url('../gfx/landscape.jpg') no-repeat left top
}


.photo a {
display:block;
width:11px;
height:11px;
position:absolute;
background:transparent url('../gfx/magnifier.png') no-repeat left top
}

#zoom_content .alt {color:#000}

#r_manometar {
top:155px;
left:124px
}

#r_regulator {
top:130px;
left:77px
}

#r_engine {
top:212px;
left:50px
}

#r_tank {
top:76px;
left:338px
}

#r_tank_inside {
top:146px;
left:348px
}

#r_valve {
top:180px;
left:145px
}

#r_temp_regulator {
top:178px;
left:526px
}

#r_thermostat {
top:218px;
left:526px
}

#r_drain {
top:248px;
left:566px
}

#r_secundary {
top:234px;
left:716px
}

#r_cbox {
top:178px;
left:754px
}

#r_plug {
top:120px;
left:726px
}

#r_connection {
top:100px;
left:786px
}

.it_d .anchor {background:transparent url('../gfx/icon_tab_d.png') no-repeat center 18px}
.it_e .anchor {background:transparent url('../gfx/icon_tab_e.png') no-repeat center 18px}
.it_f .anchor {background:transparent url('../gfx/icon_tab_f.png') no-repeat center 18px}

.it_f {background:none}

.lo {
width:720px;
padding:40px 0 40px 0;
margin:0 auto
}

.lo .item {
position:relative;
width:234px;
margin:0
}

.lo .item .anchor {height:142px}


.closer h2 {
font:600 26px/29px georgia, arial, verdana, tahoma;
margin:15px 0 14px 20px;
}

#container .note {
margin:-14px 0 10px 20px;
font:italic 11px/12px verdana, tahoma, arial;
color:#838383
}


.closer table {
text-align:center;
font:12px/16px verdana, tahoma, arial;
color:#6b6b6b;
width:854px;
margin:5px auto;
border-collapse:collapse;
border-top:1px solid #B4B4B4;
border-left:1px solid #B4B4B4
}

.closer table td {
border-bottom:1px solid #B4B4B4;
border-right:1px solid #B4B4B4;
padding:5px 6px
}

.closer table tr.caption td {
padding:8px 6px;
background:#F77D02;
color:#fff;
font:600 14px/18px verdana, tahoma, arial;
}

.closer table td.first_cell {
font:600 12px/16px verdana, tahoma, arial;
text-align:left;
}

.closer table tr.lt td {background:#e9e9e9}
.closer table tr.dk td {background:#f8f8f8}



#container .shrink {
position:relative;
margin:5px 42px 50px 42px
}

#container .shrink h3 {
font:600 16px/22px verdana, tahoma, arial;
color:#F77D02;
margin:-4px 0 10px 0;
padding:2px 0
}

#container .shrink ul {list-style:none}

#container .shrink ul li {margin:6px 0}

#container .shrink ul li span {
font:600 12px/16px verdana, tahoma, arial;
color:#CD0000
}


/* add for logos */

.logo_box {
width:640px;
margin:40px 0 0 76px;
padding:0 0 55px 0
}

.row {
min-height:64px;
height:auto !important;
height:64px;
margin:10px 0
}

.row a {
margin-right:22px;
display:block;
float:left;
text-decoration:none;
}

.row a span {display:none}

.log_siemens {
background:transparent url('../gfx/logo_siemens.png') no-repeat center bottom;
width:107px;
height:28px;
margin:16px 0 0 0
}
.log_siemens:hover {background-position:center 2px}


.log_camozzi {
background:transparent url('../gfx/logo_camozzi.png') no-repeat center bottom;
width:80px;
height:60px;
margin:0
}
.log_camozzi:hover {background-position:center 2px}


.log_elobau {
background:transparent url('../gfx/logo_elebau.png') no-repeat center bottom;
width:105px;
height:42px;
margin:16px 0 0 0
}
.log_elobau:hover {background-position:center -3px}


.log_fida {
background:transparent url('../gfx/logo_fida.png') no-repeat center bottom;
width:106px;
height:44px;
margin:10px 0 0 0
}
.log_fida:hover {background-position:center 4px}


.log_danfoss {
background:transparent url('../gfx/logo_danfuss.png') no-repeat center bottom;
width:94px;
height:41px;
margin:15px 0 0 0
}
.log_danfoss:hover {background-position:center -5px}


.log_caem {
background:transparent url('../gfx/logo_caem.png') no-repeat center bottom;
width:105px;
height:43px;
margin:15px 0 0 0
}
.log_caem:hover {background-position:center -1px}


.log_aaco {
background:transparent url('../gfx/logo_acco.png') no-repeat center bottom;
width:101px;
height:45px;
margin:12px 0 0 0
}
.log_aaco:hover {background-position:center -1px}


.log_riegler {
background:transparent url('../gfx/logo_riegler.png') no-repeat center bottom;
width:103px;
height:31px;
margin:22px 0 0 0
}
.log_riegler:hover {background-position:center 0px}


.log_suntec {
background:transparent url('../gfx/logo_suntec.png') no-repeat center bottom;
width:110px;
height:37px;
margin:18px 0 0 0
}
.log_suntec:hover {background-position:center 0px}


.log_delevan {
background:transparent url('../gfx/logo_delevan.png') no-repeat center bottom;
width:110px;
height:37px;
margin:18px 0 0 0
}
.log_delevan:hover {background-position:center 7px}


#pdf {
position:absolute;
right:0;
top:86px;
width:109px;
height:43px;
padding:0;
margin:0 -104px 0 0;
background:transparent url('../gfx/pdf.png') no-repeat top right;
}

#pdf:hover {background:transparent url('../gfx/pdf.png') no-repeat bottom right}

#pdf span {display:none}