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

@charset "utf-8";
/* CSS RESET *************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i{margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; font-family:inherit; vertical-align:baseline;}
body{line-height:1; text-align:center; margin:0 auto;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th, td{text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
input, textarea{margin:0; padding:0;}
hr{}
a img{border:none;}
strong{font-weight:bold;}
.hr{ border-bottom:1px solid #FF6000; margin: 20px 0 20px 0}
/* CSS RESET *************************************************************************************************************/
html{overflow-y:scroll;}
body{font-family: 'Open Sans', sans-serif; font-size:11px; margin:0; background-color:#CCC}
h1{ font-family:font-size:26px; color:#007fc6; font-weight:bold; line-height:26px; margin:10px 0 20px 0;}
h2{font-size:20px; line-height:20px; margin:10px 0 10px 0; color:#e31937; }
p{font-size:13px; color:#888888; line-height:18px; font-family: 'Open Sans', sans-serif;}
.superindice{font-size:9px; vertical-align:super} 
/*Estructura*/
#contenedor_franjasup{width:100%;background-color:#e5e5e5;}
#web{width:960px; margin: 0 auto; text-align:left; background-color:transparent; min-height:500px;}
#header{width:920px; margin: 0 auto; height:150px;position: relative;padding-top: 30px;}
#franjasup{ height:20px; padding-top:10px; border-bottom:0px solid #191919;width:960px}
#franjasup #lang{  width:150px; float:left;}
#franjasup ul li{display:inline; color:#666; }
#franjasup ul li a{color:#707070; text-decoration:none;/*font-weight:bold;*/ margin: 0px 5px 0 5px}
#franjasup ul li a:hover{color:#e30303; text-decoration:none}
#franjasup #webmap{ width:250px; float:right; text-align:right}
#logo{float: left; display:block;}
#franjablanca{height:180px; width:100%; background-color:rgba(255,255,255,0.8);position: absolute;}
#message{
	min-height:105px;
	float:right;
	
}
#message h2{margin-top:40px;}
#menubar{width:920px; height:35px; /*background:url(../imgs/replace/gradient_menu.jpg) 0 0 repeat-x #635b52; border-radius:4px; -ms-border-radius: 4px; -moz-border-radius: 4px;-khtml-border-radius: 4px;*/ margin-bottom:0px;position: absolute;bottom: 0;
background: #e6e6e3; /* Old browsers */
background: -moz-linear-gradient(left,  #e6e6e3 0%, #c7d29a 64%, #a1b539 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6e6e3), color-stop(64%,#c7d29a), color-stop(100%,#a1b539)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e6e6e3 0%,#c7d29a 64%,#a1b539 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e6e6e3 0%,#c7d29a 64%,#a1b539 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e6e6e3 0%,#c7d29a 64%,#a1b539 100%); /* IE10+ */
background: linear-gradient(to right,  #e6e6e3 0%,#c7d29a 64%,#a1b539 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e3', endColorstr='#a1b539',GradientType=1 ); /* IE6-9 */

}
#menubar li{display:inline;}
#menubar li a{height:25px; float:left; display:block; text-decoration:none; padding: 10px 20px 0 20px; }
#content{ width:920px;  display:block; margin: 0 auto;}
#banner{min-height:360px; width:700px; float:left; margin-bottom:40px;}
#column_left{min-height:360px; width: 48%; float:left; margin-bottom:20px; }
#column_dreta{min-height:360px; width: 48%; float:right; margin-bottom:20px; padding-top:55px;}
#column_right{min-height:360px; width:210px; float:right;  margin-bottom:10px;}
/*#baix{width:100%; border-top:1px solid #81A023;}*/
#baix{width:920px; margin: 0 auto; position: relative; padding-top: 0px;border-top:1px solid #81A023;}
#column_right .destacat{ margin: 0 auto; padding:10px 15px 10px 15px; min-height:258px; margin-bottom:9px;}
#column_right .telefon{ margin: 0 auto; padding:10px 15px 10px 15px; height:50px;  background:url(../imgs/replace/tel_ico.gif) 0 bottom no-repeat #fff;}
#column_right .telefon a{ }

/* FOOTER ***********************************************************************************/
#footer{ float:left; display: block; margin-left: 20px; padding-top:10px;  width:920px; height:55px; border-top:1px solid #ff6000;}
#footer ul li{width:256px; display:inline-block; float:left;}
#footer ul li.last{text-align:right; width:150px;}
/* Productes **************************************/
.fotospace{float:left; display:block; width:180px; clear:both}
.foto-container{ display:block;  text-align:center}
.prod-descripcio{ float:right;  width:450px;}
/* FI Productes **************************************/
/* Contacte **************************************/
.dades-contacte{float:left; display:block; width:200px; clear:both}
.map{display:block; float:right;}

/* FI Contacte **************************************/