/******************************************************************************
* web.css
** Fulla d'estils de la web realitzat per Xavier Segura
******************************************************************************/

body{font-family: 'Open Sans', sans-serif; font-size:11px; margin:0; background-color:#fff}
h1{ font-family: 'Open Sans', sans-serif; font-size:26px; color:#007fc6; font-weight:bold; line-height:26px; margin:10px 0 20px 0;}
h2{font-family: 'Open Sans', sans-serif; line-height:20px; margin:10px 0 10px 0; }
p{font-size:13px; color:#333; line-height:18px; font-family: 'Open Sans', sans-serif;}

/*Estructura*/
#web{border-radius:0px; -ms-border-radius: 0px; -moz-border-radius: 0px;-khtml-border-radius: 0px;}
#message h2{font-size:20px;color:#4d4740; font-weight:normal; font-style:italic; text-align:right}
#logo h1 a{
 display:block; 
 float:left;
 text-indent:-5000px;
 height:105px;
 width:400px;
 background:url(../imgs/replace/logo.png) 0 0px no-repeat transparent;
 margin-top:-20px;
}
#menubar li a{ font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#73a000; border-right:1px solid #fff; /*border-left:1px solid #000*/}
#menubar li a.primer{border-left:0;border-radius:0px 0 0 0px; -ms-border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px;-khtml-border-radius: 0px 0 0 0px;}
#menubar li a.select{color:#000;}
#menubar li a:hover{color:#fff;background-color:#819f22;}
#menubar li a.ultim{border-left:0px solid #000; border-right:0; width:0px; padding:0;}
#banner{/*background:url(../imgs/replace/caratula.jpg) 0 0 no-repeat #333333;*//*IE6 FIX!!posar mateix height que la imatge--*/height:350px;}
#column_right .destacat{ background-color:#f2f2f2; /*border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px;-khtml-border-radius: 4px;*/}
#column_right h2{font-size:16px;color:#050505; font-style:normal text-align:left; line-height:22px;}
#column_right h2 .bold{font-style:normal; font-weight:bold;color:#ff6000}
#column_right h2 .destacat_final{color: #ff6000;font-style:italic;font-size:14px}
#column_right .telefon{border:1px solid #ff6000;/* border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px;-khtml-border-radius: 4px;*/}
#column_right .telefon .telef_destacat{ font-family: 'Open Sans', sans-serif; font-size:26px; font-weight:bold; color:#000; text-align:right; display:block}
#column_right .telefon a{font-family: 'Open Sans', sans-serif; font-size:12px;font-style:italic; color:#000; text-decoration:none; text-align:right;display:block; margin-top:-8px; }
#footer{ background:transparent; color:#5c5c5c; font-size:11px; line-height:12px; display:none;}
#footer ul li a{ color:#666; text-decoration:none;}
#footer ul li a:hover{ color:#FF6000; }
/* QUIENES SOMOS **************************************/
#column_left h1,#column_dreta h1,#baix h1 {font-family: 'Open Sans', sans-serif; font-size:20px; color:#4d4d4d; font-weight:bold}
#column_left p,#column_dreta p,#baix p{color:#333;}
#column_left .foto,#column_dreta .foto{ display:block; float:left; padding:10px; margin-right:20px; margin-bottom:10px; }
#content #column_left ul{display: block;    float: left;    margin-top: 10px;    padding-left: 15px;}
#content #column_left ul li{ list-style:disc;color:#ff6000;  }
.imatgebg{ background:url(../imgs/replace/esquema3.png) 0 0px no-repeat transparent; width:920px; height:102px; margin:20px 0 80px;}
.imatgebg li{color:#fff; display:block; float:left; width:150px;  padding:18px 20px 22px; text-align:center; line-height:1.3; margin-right:36px;}
.imatgebg li:last-child{margin:0;}
/* FI QUIENES SOMOS **************************************/
/* Productes **************************************/
.foto-container img{padding:10px; border:1px solid #FF6000;}
.prod-descripcio h3{color: #FF6000; font-weight:bold; font-size:14px; margin-bottom:10px;}
/* FI Productes **************************************/
/* qualitat**************************************/
#column_left .foto-noborder{ display:block; height:299px; width:225px; float:left; padding:10px; margin-right:12px; margin-bottom:10px; background:url(../imgs/replace/garantia.jpg) 10px 10px no-repeat #fff;}
/* FI qualitat **************************************/
/* Contacte **************************************/
.dades-contacte h3{color: #FF6000; font-weight:bold; font-size:14px; margin-top:5px;}
.dades-contacte a{color:#fff; text-decoration:none;}
.dades-contacte a:hover{color:#99C2FF; }
/* FI Contacte **************************************/
/*valor*/
#column{position:absolute}

#titvalor{color: #FFFFFF;
    font-size: 24px;
    font-weight: normal;
    left: 340px;
    position: absolute;
    text-align: center;
    top: 535px;}
#titvalor .big{font-size:36px;}
#zona{width:80%;float:right;}
#column-estreta{width:19%;float:left;}
.foto.valor{margin-bottom:80px;}

#content.referencias{margin-bottom:80px;}
#content.contacto{margin-bottom:80px; background:url(../imgs/replace/map.gif) right top no-repeat #fff; min-height:600px;}
#content.contacto h3{font-size:14px; color:#95B028; text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
.oficina{margin-bottom:12px; border-bottom:1px solid #95B028;width: 235px;padding-bottom: 10px;}
#content.contacto a.mail{color:#819F22; font-size:14px; text-decoration:none;}
#content.contacto a:hover{color:#333;}
.ampliar{color:#73a000; text-decoration:none;}
.ampliar:hover{color:#333;}