@CHARSET "UTF-8";
/***********************************/
/* IMPORTEM EL CSS DEL BLUEPRINT   */
/***********************************/
@import url("blueprint.css");
@import url("base.css");

/*LAYOUT*/
#header .breadcrumb { height:29px; line-height:28px; font-size:0.9em; }
#header .breadcrumb span { margin:0 5px; }
#header .breadcrumb .active { color:#FFF; }
#header .capsalera { height:190px; background:url(../images/fons/header.jpg) no-repeat top left; }
#header .capsalera .logo { display:block; margin-top:25px; }
#header .capsalera .frase img { float:right; margin:20px 50px 0 0; }
#header .capsalera .menu { margin-top:25px; }
#header .capsalera .menu a { display:block; float:left; padding:10px 15px; border-right:1px solid #404040; font-size:1.7em; font-weight:bold; color:#FFF; }
#header .capsalera .menu a:hover,#header .capsalera .menu a.active { color:#d32d37; }
#header .capsalera .menu a.primer { padding-left:0; }
#header .capsalera .menu a.ultim { border-right:none; }
#header .capsalera .menu a span { font-size:0.6em; font-weight:normal; color:#b9b9b9; }
#content { min-height:512px; height:auto !important; height:512px; }
#content-index { height:331px; }
#footer { *position:relative; background:url(../images/detalls/fletxa-footer.jpg) no-repeat 40px 0; *z-index:2 !important; }
#footer p { margin-bottom:5px; color:#6d6d6d; }

#fons-footer { *position:relative; border-top:1px solid #6b6b6b; bottom:0; width:100%; height:100px; margin-top:-77px; *margin-top:-76px; background-color:#000; *z-index:1 !important;}

/*index*/
.index { text-align:center; }
.index .link { margin-top:90px; padding-left:230px; }
.index h3 { font-size:2em; }

/*home*/
.galeria { position:relative; width:503px; height:415px; padding:3px; background:url(../images/apartats/home/galeria.jpg) no-repeat top left; }
.galeria .image { width:503px; height:382px; }
.galeria .text { padding:10px; height:60px; }
.galeria .text h3,.galeria .text p { color:#232323; }
.galeria .text h3 { margin:0; padding-left:10px; background:url(../images/apartats/home/fletxa-vermella.jpg) no-repeat left; font-weight:bold; font-size:1.2em; }
.galeria .text p { margin-left:10px; font-size:1.1em; }
.galeria #prevBtn a { position:absolute; top:161px; left:3px; display:block; width:45px; height:33px; background:url(../images/apartats/home/fletxa-esquerra-galeria.jpg) no-repeat top left; cursor:pointer; }
.galeria #nextBtn a { position:absolute; top:161px; right:3px; _right:2px; display:block; width:45px; height:33px; background:url(../images/apartats/home/fletxa-dreta-galeria.jpg) no-repeat top left;  cursor:pointer; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; text-align:center; }
#slider, #slider li{ width:503px; overflow:hidden; }
.sectores p span { margin-left:5px; font-weight:bold; font-size:1.4em; }

/*serveis*/
.separador { background:url(../images/apartats/serveis/separador.jpg) no-repeat 12px 0; }
.accesori { float:left; width:100px; }
.accesori p { width:90px; margin-top:5px; padding-left:10px; color:#FFF; font-weight:bold; background:url(../images/detalls/fletxa-vermella-serveis.jpg) no-repeat top left; }
.fi { *padding-bottom:8px !important; _padding-bottom:9px !important; }
.fi-explorer { *padding-bottom:10px !important; _padding-bottom:11px !important; }

/*productes*/
#llista-productes .fila { border-bottom:2px solid #6b6b6b; margin-bottom:30px; *padding-bottom:30px; _padding-bottom:15px; }
#llista-productes .producte p { margin:5px 0; }
#llista-productes .producte .descripcio p { padding:5px 0; border-top:1px solid #404040; border-bottom:1px solid #404040; }
#llista-productes .producte .foto { _margin-bottom:15px !important; }

/*localitzacio*/
.localitzacio .fons-mapa { width:869px; height:448px; padding:5px; background:url(../images/fons/mapa.jpg) no-repeat top left; }

/*paginador*/
.paginador { text-align:center; padding:20px 0 40px 0; }
.paginador .imatge { border:none !important; background-color:#232323 !important; }
.paginador img { margin:0; vertical-align:middle; }
.paginador a { padding:2px 5px; color:#FFF; font-size:1.2em; font-weight:bold; }
.paginador a:hover { background-color:#000; border:1px solid #6b6b6b; }
.paginador span { padding:2px 5px; color:#FFF; border:1px solid #6b6b6b; font-weight:bold; background-color:#000; font-size:1.2em; }

/*sitemap*/
ul.mapaweb { margin-left:15px; }
ul.mapaweb li { list-style:circle; }
ul.mapaweb li ul li { list-style:square; }
ul.mapaweb li ul li a { font-size:1em; }