* {
border : none;
margin : 0;
padding : 0;
}
body {
background : repeat-x left top;
margin : 0 auto;
font-family : Arial, Geneva, sans-serif;
color : #000;
font-size : 11px;
}
#container {
width : 947px;
background : transparent url(img/bg_container2.png) repeat-y left top;
margin : 0 auto;
}
#intro {
background : transparent url(img/bg_intro.png) no-repeat left top;
}
#intro_eng {
background : url(/landing_ele-idra/img/bg_intro_energ.png) no-repeat left top;
}
#intro_infor {
background : url(/landing_ele-idra/img/bg_infor.png) no-repeat left top;
}
#intro_ele {
background : url(/landing_ele-idra/img/bg_ele.png) no-repeat left top;
}
#intro_knx {
background : url(/landing_ele-idra/img/bg_into_knx.jpg) no-repeat left top;
}
#intro img {
padding : 20px;
}
#figura {
min-height : 550px;
}
#figura img {
margin : 0;
}
#logo {
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 20px;
padding-left : 25px;
}
#testo {
width : 530px;
padding-left : 44px;
padding-right : 10px;
float : left;
}
#testo1 {
width : 530px;
padding-left : 44px;
padding-right : 10px;
padding-top : 30px;
float : left;
}
#testo.ener_alt {
width : 540px;
padding-left : 44px;
padding-right : 0;
padding-top : 0;
float : left;
}
#testo.knx {
width : 540px;
padding-left : 44px;
padding-right : 0;
padding-top : 0;
float : left;
}
#testo img {
margin : 0;
padding-left : 0;
padding-top : 30px;
}
p {
font-family : Arial, Helvetica, sans-serif;
color : #333333;
font-size : 13px;
padding : 0;
}
ul {
font-size : 13px;
padding-left : 20px;
padding-top : 0;
list-style : none;
}
li {
background : url(img/punto.gif) no-repeat left 6px;
padding-left : 15px;
padding-bottom : 5px;
}
#info {
width : 257px;
float : left;
margin : 35px 10px 0 44px;
background : transparent url(/landing_ele-idra/img/info_top.png) no-repeat left top;
}
#info.idraulico {
width : 257px;
float : left;
margin : 55px 10px 0 44px;
background : transparent url(/landing_ele-idra/img/info_top.jpg) no-repeat top;
}
#info.ener_alt {
width : 257px;
float : left;
margin : 32px 10px 30px 44px;
background : transparent url(/landing_ele-idra/img/info_top.jpg) no-repeat top;
}
#info.knx {
width : 257px;
float : left;
margin : 12px 10px 0 44px;
background : transparent url(/landing_ele-idra/img/info_top.jpg) no-repeat top;
}
#info p {
font-size : 12px;
padding : 10px 5px 0 10px;
}
#info h2 {
margin-bottom : 15px;
}
#info h3 {
padding : 0 0 5px 25px;
font-weight : bold;
color : #060;
}
#info img {
padding : 0;
}
#wrapfooter {
clear : both;
width : 947px;
height : 48px;
margin : 0 auto 0;
background : #e5f0da url(/landing_ele-idra/img/bg_footer.gif) no-repeat 12px top;
}
#footer {
width : 947px;
margin : 0 auto;
}
#footer p {
text-align : center;
font-weight : bold;
}
h1 {
font-size : 16px;
font-weight : bold;
text-transform : uppercase;
color : #f30;
background-color : transparent;
background-repeat : no-repeat;
background-position : left bottom;
margin-top : 0;
margin-bottom : 10px;
margin-left : 5px;
padding-right : 20px;
padding-bottom : 0;
}
h1.domo {
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
display : none;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #00662a;
text-transform : uppercase;
margin : 25px 0 5px 0;
}
.minuscolo {
text-transform : none;
}
h3 {
font-size : 16px;
margin-top : 0;
}
.txt_orang {
color : #f90;
}
.txt_green {
color : #00662a;
}
#info h2 {
padding : 30px 5px 5px 5px;
color : #df9308;
}
.red {
color : #8c0404;
}
.pad {
margin-bottom : -8px;
padding-bottom : 0;
}
.logo {
margin-left : 40px;
}
.logo1 {
margin-left : 10px;
}
.vuoi {
margin-left : 15px;
}
.titoli {
padding : 20px 10px 2px 10px;
}
.orange {
color : #f60;
}
h4 {
margin : 10px 0 15px 10px;
}
legend {
font-size : 12px;
padding : 0 15px 5px 15px;
}
fieldset div {
color : #000;
float : left;
border : none;
width : 230px;
padding : 5px 2px 0 25px;
}
fieldset label {
float : left;
width : 100px;
text-align : left;
}
fieldset input, fieldset select, fieldset textarea {
float : left;
width : 200px;
height : 20px;
font-size : 12px;
border : 1px solid #69f;
}
fieldset select {
width : 200px;
height : 22px;
}
fieldset span {
clear : both;
display : block;
font-size : 12px;
color : #000;
padding-top : 0;
padding-right : 15px;
padding-bottom : 5px;
padding-left : 25px;
}
#messaggio_box {
width : 230px;
padding : 25px 2px 0 25px;
}
#messaggio_box label {
width : auto;
text-align : left;
padding : 0 0 0 4px;
}
#messaggio_box textarea {
width : 200px;
height : 100px;
}
#privacy_box {
float : none;
width : 230px;
}
#privacy_box input {
float : left;
width : 15px;
border : 0;
margin : 5px 0 0 5px;
}
#privacy_box label {
width : 200px;
text-align : left;
padding : 10px 0 20px 5px;
}
.invia {
width : 200px;
height : 60px;
background : url(../immagini/invia-richiesta.png) no-repeat center center;
float : left;
margin : 0 0 0 0;
cursor : pointer;
border : 0 solid #6699ff;
}
.formError {
position : absolute;
top : 300px;
left : 300px;
width : 180px;
padding-bottom : 15px;
display : block;
z-index : 5000;
}
.formError .formErrorContent {
width : 100%;
background : #000;
color : #fff;
font-family : tahoma;
font-size : 10px;
padding : 4px 10px 4px 10px;
font-weight : bold;
}
.formError .formErrorArrow {
position : absolute;
bottom : 0;
left : 20px;
width : 15px;
height : 15px;
}
.formError .formErrorArrow div {
font-size : 0;
}
.formError .formErrorArrow .line10 {
width : 15px;
height : 1px;
background : #000;
margin : 0 auto;
font-size : 0;
display : block;
}
.formError .formErrorArrow .line9 {
width : 13px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line8 {
width : 11px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line7 {
width : 9px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line6 {
width : 7px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line5 {
width : 5px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line4 {
width : 3px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
.formError .formErrorArrow .line3 {
width : 1px;
height : 1px;
background : #000;
margin : 0 auto;
display : block;
}
#wrap.typage h1 {
background : url(/images/header_typage.jpg) no-repeat left top;
}
#wrap.typage #content {
width : 528px;
padding : 50px 100px;
text-align : center;
}
#wrap.typage h2 {
font-size : 26px;
margin : 0 0 5px;
}
#wrap.typage p {
background : none;
}
div.light_rounded .pp_top .pp_left {
background : url(/images/sprite.png) no-repeat -88px -53px;
}
div.light_rounded .pp_top .pp_middle {
background : #fff;
}
div.light_rounded .pp_top .pp_right {
background : url(/images/sprite.png) no-repeat -110px -53px;
}
div.light_rounded .pp_content {
background-color : #fff;
}
div.light_rounded .pp_content a.pp_next:hover {
background : url(/images/btnNext.png) no-repeat right center;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_previous:hover {
background : url(/images/btnPrevious.png) no-repeat left center;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_expand {
background : url(/images/sprite.png) no-repeat -31px -26px;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_expand:hover {
background : url(/images/sprite.png) no-repeat -31px -47px;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_contract {
background : url(/images/sprite.png) no-repeat 0% -26px;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_contract:hover {
background : url(/images/sprite.png) no-repeat 0% -47px;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(/images/sprite.png) no-repeat -1px -1px;
cursor : pointer;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
background : url(/images/sprite.png) no-repeat 0% -71px;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
background-position : 0% -87px;
cursor : default;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
background : url(/images/sprite.png) no-repeat -22px -71px;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
background-position : -22px -87px;
cursor : default;
}
div.light_rounded .pp_bottom .pp_left {
background : url(/images/sprite.png) no-repeat -88px -80px;
}
div.light_rounded .pp_bottom .pp_middle {
background : #fff;
}
div.light_rounded .pp_bottom .pp_right {
background : url(/images/sprite.png) no-repeat -110px -80px;
}
div.light_rounded .pp_loaderIcon {
background : url(/images/loader.gif) no-repeat center center;
}
div.light_square .pp_top .pp_left, div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content {
background : #fff;
}
div.light_square .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(/images/sprite.png) no-repeat -1px -1px;
cursor : pointer;
}
div.pp_pic_holder a:focus {
outline : none;
}
div.pp_overlay {
background : #000;
position : absolute;
top : 0;
left : 0;
z-index : 9500;
width : 100%;
}
div.pp_pic_holder {
position : absolute;
z-index : 10000;
width : 100px;
}
div.pp_pic_holder .pp_top {
position : relative;
height : 20px;
}
* html div.pp_pic_holder .pp_top {
padding : 0 20px;
}
div.pp_pic_holder .pp_top .pp_left {
position : absolute;
left : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position : absolute;
left : 20px;
right : 20px;
height : 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle {
position : static;
left : 0;
}
div.pp_pic_holder .pp_top .pp_right {
position : absolute;
top : 0;
left : auto;
right : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_content {
position : relative;
text-align : left;
width : 100%;
height : 40px;
}
div.pp_pic_holder .pp_content .pp_details {
display : none;
margin : 10px 15px 2px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description {
display : none;
float : left;
margin : 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav {
float : left;
margin : 3px 0 0 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav p {
float : left;
margin : 2px 4px;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float : left;
display : block;
width : 14px;
height : 15px;
overflow : hidden;
text-indent : -10000px;
margin-top : 3px;
}
div.pp_pic_holder .pp_content div.pp_hoverContainer {
position : absolute;
z-index : 2000;
top : 0;
left : 0;
width : 100%;
}
div.pp_pic_holder .pp_content a.pp_next {
display : block;
float : right;
text-indent : -10000px;
width : 49%;
height : 100%;
background : url(/images/btnNext.png) no-repeat 10000px 10000px;
}
div.pp_pic_holder .pp_content a.pp_previous {
display : block;
float : left;
text-indent : -10000px;
width : 49%;
height : 100%;
background : url(/images/btnNext.png) no-repeat 10000px 10000px;
}
div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract {
position : absolute;
z-index : 20000;
top : 10px;
right : 30px;
cursor : pointer;
display : none;
text-indent : -10000px;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_content a.pp_close {
float : right;
display : block;
text-indent : -10000px;
}
div.pp_pic_holder .pp_bottom {
position : relative;
height : 20px;
}
* html div.pp_pic_holder .pp_bottom {
padding : 0 20px;
}
div.pp_pic_holder .pp_bottom .pp_left {
position : absolute;
left : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position : absolute;
left : 20px;
right : 20px;
height : 20px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle {
position : static;
left : 0;
}
div.pp_pic_holder .pp_bottom .pp_right {
position : absolute;
top : 0;
left : auto;
right : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_loaderIcon {
display : none;
position : absolute;
top : 50%;
left : 50%;
margin : -12px 0 0 -12px;
width : 24px;
height : 24px;
}
div.pp_pic_holder #pp_full_res {
display : block;
margin : 0 auto;
width : 100%;
text-align : center;
}
div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed {
visibility : hidden;
}
div.ppt {
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 9999;
color : #fff;
font-size : 17px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.pp_nav {
display : none;
}
#wrap.typage h1 {
background : url(/images/header.gif) no-repeat left top;
}
#wrap.typage #content {
width : 400px;
padding : 50px 20px;
text-align : center;
}
#wrap.typage h2 {
font-size : 26px;
margin : 0 0 5px;
}
#wrap.typage p {
background : none;
}
.formmail {
background-image : url(immagini/landing_06.jpg);
background-repeat : no-repeat;
padding-top : 50px;
padding-right : 40px;
padding-bottom : 30px;
padding-left : 22px;
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
font-style : normal;
color : #000;
}
.contenuto {
font-family : Verdana, Geneva, sans-serif;
font-size : 10px;
font-style : normal;
color : #000;
background-color : #fff;
padding-top : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
}
.titoletto {
font-family : Verdana, Geneva, sans-serif;
font-size : 13px;
font-style : normal;
color : #035281;
background-color : #fff;
padding : 10px;
text-align : center;
}
body {
background-image : url(immagini/landing_01.jpg);
background-repeat : repeat-x;
}
.footer {
font-family : Verdana, Geneva, sans-serif;
font-size : 11px;
font-style : normal;
color : #035281;
background-color : #fff;
padding-top : 10px;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 20px;
}
#apDiv3 {
position : absolute;
width : 207px;
height : 25px;
z-index : 1;
left : 48px;
top : 56px;
}
#apDiv1 {
position : absolute;
width : 212px;
height : 25px;
z-index : 1;
left : 890px;
top : 311px;
}