@charset "UTF-8";
* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
a { color:#5b360b; }
a:hover { color:#999; }
#container {
	width:980px;
	padding:0 4px;
	margin:0 auto;
	color: #39383D;
	position:relative;
}
#contingut { margin-right:434px;}
#dreta { float:right; width:426px; margin-top:312px; }
#peu { height:111px; background:#f6f6f6; position:relative; }
#peu ul { list-style:none; }
#peu_enlaces { position:absolute; top:24px; left:24px; }
#flashpan { position:absolute; top:125px; left:537px; width:423px; height:394px; z-index:2; }
.enlace_gris a { text-decoration:none; color:#979797; font-size:11px; }
.enlace_gris a:hover { color:#5b360b; }
.enlace_marron a { text-decoration:none; color:#5b360b; font-size:11px; }
.enlace_marron a:hover { color:#979797; }
#copyright p { position:absolute; top:77px; left:755px; width:200px; text-align:right; color:#5b360b; font-size:11px; }

#menu { width:980px; height:49px; background:#f5f5f5; }
#menu_principal { /*width:567px;*/ height:47px; z-index:1; background: url(/img/fondomenu.jpg) repeat-x; } 
#separador { width:980px; height:13px; background:url(/img/separador.jpg); }
#menu_enlace { position:absolute; top:15px; left:366px; width:600px; text-align:right; font-size:12px; }
#menu_enlace a { text-decoration:none; }
#logo { width:980px; height:83px; background:url(/img/logo.jpg); }
#home { width:540px; position:relative; }
.lista_panes li { width:251px; list-style:none; float:left; margin-right:6px; }
.lista_panes { float:left; margin-top:20px; }
.det_lista_panes { margin-top:1px; }
.det_lista_panes p { width:200px; height:20px; background:#dcd0ba; float:right; padding:9px 0px 0px 10px; font-size:11px; color:#666; } 
.det_lista_panes img { float:left; }
.det_lista_panes2 { margin-top:1px; }
.det_lista_panes2 p { width:200px; height:20px; background:#f9f8ef; float:right; padding:9px 0px 0px 10px; font-size:11px; color:#666; } 
.det_lista_panes2 img { float:left; }

#contactar_form { width:285px; float:left; }
#contactar_form p { font-size:11px; color:#979797; text-align:justify; margin-top:9px; }

#contactar_form_high { width:519px; float:left; }
#contactar_form_high p { font-size:11px; color:#979797; text-align:justify; margin-top:9px; }
#contactar_form_high label { color:#563d10; font-size:12px; }
#contactar_form_high input,textarea { border:1px #f6ebbd solid; width:278px; padding:2px; font-size:11px; }
#contactar_form_high textarea { width:418px; }  

#contactar_form_field p { text-align:left; margin-top:4px; }
#contactar_form_field a { text-decoration:none; font-size:11px; color:#8b6618; }
#contactar_form_field a:hover { color:#ccc; }
#contactar_form_field textarea { height:118px; }
#contactar_form label { color:#563d10; font-size:12px; }
#contactar_form input,textarea { border:1px #f6ebbd solid; width:278px; padding:2px; font-size:11px; }
.marron { color:#8a631b; }

#welcome { width:534px; height:165px; background:url(/img/bienvenidos.jpg); position:relative; }
#welcome p { font-size:11px; color:#979797; width:390px; text-align:justify; position:absolute; top:46px; left:38px; }

#news { width:285px; float:left; margin-right:12px; }
.lista_news { font-size:11px; color:#979797; list-style:none; margin-top:10px; padding-bottom:10px; border-bottom:1px #ccc solid; }
.lista_news p { text-align:justify; margin-bottom:10px; }
.lista_news a { text-decoration:none; font-size:11px; color:#8b6618; }
.lista_news a:hover { color:#ccc; }

.lista_clara { background:#f9f8ef; }

#servicios p { margin-top:10px; font-size:11px; color:#979797; width:519px; text-align:justify; }

#lista_mapaweb { list-style:none; margin-top:10px; padding-top:10px; padding-bottom:10px; background:#eee; width:517px; border:1px #ccc solid; }
#lista_mapaweb a { text-decoration:none; font-size:12px; }
#lista_mapaweb li { padding:3px 10px 10px 30px;}
#lista_mapaweb li li { padding-left:30px; list-style:none; }

#noticia { width:519px; color:#979797; }
#noticia h2 { font-size:18px; margin-top:10px; color:#5b360b; }
#noticia p { text-align:justify; font-size:12px; margin-top:10px; margin-bottom:17px; }
#noticia a { font-size:11px; text-decoration:none; }
#noticia a:hover { text-decoration:underline; }

#map { margin-top:10px; }

#empresa { width:519px; color:#979797; font-size:11px; margin-top:10px; text-align:justify; }

#noticias { width:519px; text-align:justify; list-style:none; }
#noticias li { padding:10px; border:1px solid #ccc; margin-top:10px; cursor:pointer; }
#noticias li:hover { background:#eee; }
#noticias h3 { font-size:16px; margin-bottom:10px; }
#noticias a { text-decoration:none; }
#noticias p { font-size:11px; color:#979797; }

#paginador { width:519px; margin-top:25px; float:left; color:#5b360b; }
#paginador a { border:1px #ccc solid; text-decoration:none; width:20px; height:16px; display:block; float:left; text-align:center; font-size:12px; padding:10px; margin-right:2px; }
#paginador a:hover { background:#5b360b; color:#fff; }
#paginador label { background:#7f6444; color:#fff; border:1px #ccc solid; width:20px; height:16px; padding:10px; font-size:12px; float:left; text-align:center; display:block; font-weight:bold; margin-right:2px; }
.resultados { float:left; width:519px; font-size:11px; margin-top:10px; color:#7f6444; }

.titulo_producto { width:251px; height:31px; background:url(/img/fondo_producto.jpg); position:relative; }
.titulo_producto label { position:absolute; top:8px; left:0px; width:55px; font-size:10px; color:#FFFFFF; text-align:center; }
.titulo_producto h1 { position:absolute; top:0px; left:0px; color:#986208; font-size:10px; left:64px; top:8px; font-weight:normal; }

/*LIGHTBOX*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/**********/
#textolegal { font-size:12px; color:#666666; width:519px; text-align:justify; margin-top:15px; }
.listado { font-size:11px; }