/* CSS Document */
@font-face {
    font-family: 'VAGRoundedLtNormal';
    src: url('fonts/vagrounded_lt_normal-webfont.eot');
    src: url('fonts/vagrounded_lt_normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagrounded_lt_normal-webfont.woff') format('woff'),
         url('fonts/vagrounded_lt_normal.ttf') format('truetype'),
         url('fonts/vagrounded_lt_normal-webfont.svg#VAGRoundedLtNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

HTML {background:url(../img/bg_content.jpg) left top;}

BODY {background:url(../img/bg_top.png) left top repeat-x; letter-spacing:1px; margin:0px; height:100%; font-size:0.9em; font-family:VAGRoundedLtNormal, Verdana, Arial, Helvetica, sans-serif; color:#151515;}


H1, H2, H3 {margin:0px; padding:0px; color:#ff7a00;}
H4, H5, H6 {margin:0px; padding:0px;}
H1 {font-size:18px;}
H2{border-bottom:1px solid; font-size:16px;}
H3{font-size:12px;}

A, A:hover{color:#ff7a00; text-decoration:none;}
A IMG {border:none;}
P {margin:5px 5px 10px 5px; padding:0px; text-align:justify; line-height:24px;}

.BODYContent {background:url(../img/bg_content.png) center center repeat-y;}
.header, .footer {  width:1000px; padding:0px 10px 20px 10px; margin:auto; overflow:hidden; background-color:#FFF; }
.body {width:980px; padding:0px 20px 20px 20px; margin:auto; overflow:hidden; background-color:#FFF; }
.footer {padding-bottom:0px;}
.footerContent {background-color:#ff7d01; min-height:100px; padding:5px; color:#FFF; border-bottom:1px solid #666; border:1px solid #999;}
.footerContent A {color:#FFF; font-weight:bold;}
.endPage {background:url(../img/bg_footer.png) bottom center no-repeat; height:58px;}


.header- { width:1060px; padding:0px 20px 0px; margin:auto; background:url(../img/bg_content.png) top center repeat-y;}
.banner- { width:1000px; padding:0px 10px; height:220px; margin:auto; overflow:hidden; background-color:#FFF;}
.body_ { width:1020px; padding:0px 40px 0px; margin:auto; background:url(../img/bg_content.png) top center repeat-y; overflow:auto;}/* border-left:3px solid #999; border-right:3px solid #999;border-top:2px solid #999;}*/
.bodyContent_ { width:1000px; padding:0px 10px; margin:auto; overflow:hidden; background-color:#FFF;}
.footer_ { width:100%; background-color:#FFF;}
.footerContent_ { width:980px;  margin: auto; padding:10px 10px 0px; overflow:auto; background: url(../img/icons.png) bottom right no-repeat #FFF;}
.footer_ { width:1020px; padding:0px 40px 0px; margin:auto; background:url(../img/bg_content.png) top center repeat-y; overflow:auto;}/* border-left:3px solid #999; border-right:3px solid #999;border-top:2px solid #999;}*/
.footerContent- { width:1000px; padding:0px 10px; margin:auto; overflow:hidden; background-color:#FFF;}

.sectionHome, .sectionContact, .sectionServei, .sectionElectricitat, .sectionFontaneria, .sectionGas, .sectionSolar, .sectionClimatic {background:url(../img/ico/home.jpg) right top no-repeat; overflow:hidden;}
.sectionHome {background-image:url(../img/ico/home.jpg);}
.sectionContact {background-image:url(../img/ico/contact.jpg);}
.sectionServei {background-image:url(../img/ico/servei.jpg);}
.sectionElectricitat {background-image:url(../img/ico/llum.jpg);}
.sectionFontaneria {background-image:url(../img/ico/aigua.jpg);}
.sectionGas {background-image:url(../img/ico/foc.jpg);}
.sectionSolar {background-image:url(../img/ico/sol.jpg);}
.sectionClimatic {background-image:url(../img/ico/gel.jpg);}

.icoSection {float:left; margin:5px; padding:5px;}

.bodyContent UL {overflow:hidden;}

.bodyContent UL LI { list-style:url(../img/arrowRightOrange.png); margin-bottom:10px; line-height:24px;}/*  margin-left:5px; padding:0px 0px 20px 15px; background:url(../img/arrowRightOrange.png) left 3px no-repeat;}
LI STRONG_{ vertical-align:top;}*/

.resumPortada{ text-align:center; }
.resumPortada IMG{padding:1px;}

.formContact {overflow:hidden; width:700px; margin:auto;}

H1 {padding-left:10px;margin-bottom:10px; font-size:22px;}

/* Missatges styles */
.error { background-color:#E6E6E6; background-image:url(../img/error.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.error LI{ list-style:circle; border:none; font-weight:bold;}

.msg { background-color:#E6E6E6; background-image:url(../img/alert.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.msg LI{ list-style:circle; border:none; font-weight:bold;}

.ok { background-color:#E6E6E6; background-image:url(../img/ok.png); background-repeat:no-repeat; border:1px solid #CCCCCC; 
		margin:5px; padding:5px; padding-left:80px; min-height:55px; color:#333333;}
.ok LI{ list-style:circle; border:none; font-weight:bold;}


.floatRight {float:right;}
.floatLeft {float:left;}
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.textp{font-size:9px;}
.textm{font-size:12px;}
.textg{font-size:16px;}

.fotos IMG {float:right; margin:5px; padding:5px; border:1px solid #CCC; max-width:220px;}
.foto {padding:5px; margin:5px;}

.img{padding:5px 5px 15px 5px; margin:5px; border:1px solid #CCCCCC; float:left;  text-align:center;}
.img:hover{ border: 1px solid #333333;}

.imgTratamiento{padding:5px 5px 5px 5px; margin-right:0px; margin-top:25px; background-color:#FFFFFF; width:250px; overflow:hidden; /*height:110px;*/ border:0px solid #CCCCCC; /*float:left*/;  text-align:center;}