/******************************************************************************
* web.css
*
* Fulla d'estils de la web
* Realitzat per Xavier Segura - Ingràvid Studio -

/*marró:#4d4740 taronja:#ff6000
******************************************************************************/

body{font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; background-color:#ccc}
h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; color:#007fc6; font-weight:bold; line-height:26px; margin:10px 0 20px 0;}
h2{font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; margin:10px 0 10px 0; }
p{font-size:12px; color:#888888; line-height:18px; font-family:Arial, Helvetica, 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.gif) 0 20px no-repeat #fff;
 margin-top:-20px;
}
#menubar li a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; letter-spacing:0.05em; border-right:1px solid #4d4740; /*border-left:1px solid #000*/}

#menubar li a.primer{border-left:0;border-radius:4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px;-khtml-border-radius: 4px 0 0 4px;}
#menubar li a.select{color:#ff6000;}
#menubar li a:hover{color:#fff;background-color:#ff6000;}
#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:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#000; text-align:right; display:block}
#column_right .telefon a{font-family:Georgia, "Times New Roman", Times, 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;}
#footer ul li a{ color:#666; text-decoration:none;}
#footer ul li a:hover{ color:#FF6000; }
/* QUIENES SOMOS **************************************/
#column_left h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:28px;font-style:italic; color:#ff6000; font-weight:normal}
#column_left p{color:#000;}
#column_left .foto{ display:block; height:265px; width:368px; float:left; padding:10px; margin-right:20px; margin-bottom:10px; background:url(../imgs/replace/quienes-somos.jpg) 10px 10px no-repeat #fff; border:1px solid #ff6000}
#content #column_left ul{display: block;    float: left;    margin-top: 10px;    padding-left: 15px;}
#content #column_left ul li{ list-style:disc;color:#ff6000;  }
/* 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 **************************************/