/* CSS Document */
body{
	background: url(../img/interface/fons/body.jpg) no-repeat bottom center #1A0643 fixed;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
h1{
	
}
h2{
	width:400px;
	margin:0 0 15px 0;
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#7A4A18;
	font-size:1.8em;
}
h3{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#BF9516;
	font-size:1.6em;
	margin:5px 2px 2px 15px;
	width:400px;
}
h3:first-letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	color:#8B7227;
	margin:0 -0.1em 0 0;
}
h4{
	margin:10px 0 8px 25px;
	color:#036;
	border-bottom:1px solid #ddd;
	font-size:1em;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.5em;
	color:#1B1E40;
	margin:0 0 0 25px;
}
#contenidoInterior li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.5em;
	color:#1B1E40;
	margin:0 0 0 25px;
	list-style-image:url(../img/interface/iconos/iconLista.jpg)
}
#prodDestacados li{
	margin:0;
}
.puntoDest{
	position:relative;
	background:url(../img/interface/fons/textDestacat.gif) repeat-y left;
	padding:3px 7px;
	margin:0 0 2px 35px;
	width:80%;
}
.infoAdic{
	color:#666;
	font-size:0.8em;
}
/* DIVS LAYOUT */
#contenedor{
	position:relative;
	margin:0 auto 0 auto;
	width:750px;
	background:url(../img/interface/fons/fondoBarras01.jpg) repeat-y;
	border:1px solid #EB9C05;
	border-top:1px solid #000;
	/* PADDING PROVISIONAL */
	padding:0 0 100px 0;
}
/* CABECERA --------------------------------------------------------- */
#cabecera{
	position:absolute;
	width:720px;
}
#logo h1{
	color:#fff;
	position:relative;
	width:127px;
	height:27px;
	background:url(../img/interface/logo.gif) no-repeat;
	font-size:0.1em;
	margin:0;
	padding:0;
}
#logo h1 span{
	display:none;
}
#logo #aniLogo{
	position:relative;
	width:130px;
	height:80px;
	
}
#logo #aniLogo span{
	position:absolute;
	width:130px;
	height:80px;
	background:url(../img/interface/fons/logo.jpg) no-repeat;
}
#menu{
	position:absolute;
	top:70px;
	left:160px;
	width:410px;
}
#menu li{
	list-style:none;
	display:inline;
}
#menu li a{
	height:30px;
}
#menu li a span{
	display:none;
}
/* MENU IDIOMES */
#menuIdiomes{
	position:absolute;
	top:0px;
	right:0px;
}
#menuIdiomes ul,#menu ul{
	margin:0;
	padding:0;
}
#menuIdiomes li{
	display:inline;
	list-style:none;
	color:#999;
	margin: 0 5px 0 0;
}
#menuIdiomes li a:link,#menuIdiomes li a:visited{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-decoration:none;
	color:#999;
}
#menuIdiomes li a:hover,#menuIdiomes li a:active{
	color:#F2C15D;
}

/* COLUMNAS ----------------------------------------------*/
#contenido #contenidoInterior{
	padding:120px 150px 0 150px;
	background: url(../img/interface/fons/cabecera.jpg) no-repeat;
}
/* MENU PRODUCTOS ----------------------------------------------*/
#contenido #menuProd{
	padding:115px 0 0 0;
	float:left;
	width:130px;
	position:relative;
	z-index:100;
}
#contenido #menuProd h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	color: #EB9C05;
	margin:0 0 0 10px;
	width:150px;
}
#contenido #menuProd #listaProds{
	margin:0;
	padding:0 0 0 10px;
}
#contenido #menuProd #listaProds li.tipoGrupo{
	color:#FFF;
	font-weight:bold;
	font-size:0.9em;
	list-style:none;
	margin:10px 0 2px 0;
}
#contenido #menuProd li ul{
	margin:0;
	padding:0 0 0 5px;
}
#contenido #menuProd li ul li{
	list-style:none;
}
#contenido #menuProd li li a:link,#contenido #menuProd li li a:visited{
	color:#DDD;
	font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
	padding: 0 0 0 10px;
	background:url(../img/interface/iconos/flechaOro.gif) left 50% no-repeat;
}
#contenido #menuProd li li a:hover,#contenido #menuProd li li a:active{
	color:#EB9C05;
	background:url(../img/interface/iconos/flechaOro.gif) 3px 50% no-repeat;
}

/* BANNERS ----------------------------------------------*/
#contenido #banners{
	float:right;
	width:152px;
}
#contenido #banners #listaBanners{
	margin:120px 0 20px 0;
	padding:0;
}
#contenido #banners #listaBanners li{
	list-style:none;
	position:relative;
	height:72px;
}
#listaBanners li a{
	position:absolute;
	width:153px;
	height:72px;
}
#listaBanners li a:hover{
	opacity:0.8;
	filter: Alpha(Opacity='80');
}
#listaBanners li#b_tunel a{
	background:url(../img/interface/banners/hierbasTunel.jpg);
}
#listaBanners li#b_palo a{
	background:url(../img/interface/banners/paloTunel.jpg);
}
#listaBanners li#b_metla a{
	background:url(../img/interface/banners/metlaCream.jpg);
}
#listaBanners li#b_rushki a{
	background:url(../img/interface/banners/rushkinoff.jpg);
}
#listaBanners li#b_absen a{
	background:url(../img/interface/banners/absTunel.jpg);
}
#listaBanners li#b_abs80 a{
	/* Al ser el ultimo, debe ser mas alto para acabar la sombra*/
	height:75px;
	background:url(../img/interface/banners/abs80Tunel.jpg);
}
#listaBanners li a span{
	display:none;
}
#clearer{
	clear:both;
}
/* Entrada web*/
#contenedorEntrada{
	position:relative;
	margin:80px auto 0 auto;
	width:669px;
	height:462px;
	background:url(../img/interface/fons/entrada.jpg) no-repeat top center;
	border:1px solid #ABA79D;
	padding:0;
}
#contenedorEntrada #reproAudio{
	position:absolute;
	right:5px;
	top:20px;
}
#contenedorEntrada #textIntro{
	color:#fff;
	width:350px;
	margin:130px 100px 0 40px;
}
#contenedorEntrada label{
	color:#fff;
}
#contenedorEntrada form{
	margin:20px 0 0 40px;
	padding:5px;
	background:#333;
	width:410px;
	border:1px dotted #555;
}
#contenedorEntrada input{
	margin:10px 0 0 0;
	color:#fff;
	font-weight:bold;
	width:150px;
	text-align:left;
	padding:2px 0 2px 5px;
	background:url(../img/interface/botones/botoFormEntrada.gif) top #7F7F7F;
	cursor:pointer;
}
#contenedorEntrada input:hover{
	background:#4B4B4B;
}
#contenedorEntrada #menuIdiomes{
	position:absolute;
	top:5px;
	right:5px;
	font-weight:bold;
}

/* HOME */
.inicio #textIntro{
	padding-left:240px;	
	text-align:right;
	width:185px;
	margin:0 0 20px 0;
}
.inicio #aniInicio{
	position:absolute;
	float:left;
}
#textIntro img{
	display:block;
	right:0;
}
#prodDestacados{
	margin:0;
	padding:0;
}
#prodDestacados li{
	list-style:none;
	position:relative;
	width:140px;
	height:157px;
	float:left;
}
#prodDestacados li a{
	position:absolute;
	height:286px;
	width:135px;
}
#prodDestacados li a:hover{
	opacity:0.7;
	filter: Alpha(Opacity='70');
}
#prodDestacados li a span{
	display:none;
}
/* Seccion Producto */
#imgProd{
	float:left;
}
#imgProd img{
	width:200px;
}
#infoProducto{
	position:relative;
}
#infoProducto p{
	margin:40px 10px 0 0; 
}
#infoProducto a:link,#infoProducto a:visited{
	position:absolute;
	margin:15px 0 0 0;
	width:241px;
	height:63px;
	background:url(../img/interface/botones/descPDF.gif) no-repeat top left;
	
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
}
#infoProducto a:hover,#infoProducto a:active{
	color:#EFEDD5;
}
#infoProducto a span{
	position:absolute;
	left:15px;
	top:10px;
	width:170px;
	cursor:pointer;
}
#menuImgProd{
	clear:both;
}
#menuImgProd #listaImg{
	border-top:1px solid #ddd;
	margin:0;
	padding:5px 0 0 0;
	width:450px;
}
#menuImgProd #listaImg li{
	float:left;
	position:relative;
	list-style:none;
	margin:0;
	width:100px;
	height:195px;
	border:1px solid #eee;
	background:url(../img/interface/fons/listaProds.jpg) repeat-x bottom;
}
#menuImgProd #listaImg li a{
	border:1px solid #fff;
	position:relative;
	display:block;
	height:165px;
}
#menuImgProd #listaImg li a:hover{
	border:1px solid #666;
}
#menuImgProd #listaImg li span.capacitat{
	display:block;
	vertical-align:bottom;
	position:absolute;
	bottom:0;
	margin:10px 5px;
}
#menuImgProd li a img{
	border:0;
	position:absolute;
	margin:0 20px;
	bottom:0;
}
#menuImgProd .infoAdic{
	clear:both;
	display:block;
	padding-top:15px;
}



/* Seccion Contacto */
.contacto #titLocalizacion,.contacto #titMasEnlaces{
	font-size:1em;
	font-weight:bold;	
}
.contacto #infoLocalizacion{
	position:relative;
	margin:5px 0 0 5px;
}
.contacto #masEnlaces ul{
	margin:0 0 15px 15px;
	padding:0;
}
.contacto #masEnlaces li{
	margin:0;
	padding:0;
	list-style: none url(../img/interface/iconos/flechaOro.gif);
}
.contacto #masEnlaces li a:link,.contacto #masEnlaces li a:visited{
	color:#1A0643;
	text-decoration:none;
}
.contacto #masEnlaces li a:hover,.contacto #masEnlaces li a:active{
	color:#039;
}
.contacto #datosLocalizacion{
	position:relative;
	margin:10px 0 0 0;
	padding:0 0 170px 0;
	background:url(../img/interface/fons/mapaLocalizacion.gif) no-repeat bottom;
}
.contacto #error .error{
	color:#900;
	font-weight:bold;
	padding:7px 12px;
	border:1px dotted #ddd;
	display:block;
	background:#f3f3f3;
	width:350px;
}

.contacto form{
	width:95%;
	background:url(../img/interface/fons/formContacto.gif) bottom repeat-x #556EAA;
}
.contacto label{
	display:block;
	color:#fff;
	font-weight:bold;
}
.contacto form input,.contacto form textarea{
	width:95%;
	background:url(../img/interface/fons/input.gif) top repeat-x #fff;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
}
.contacto form textarea{
	background:url(../img/interface/fons/textarea.gif) top repeat-x #fff;
	width:90%;
}
.contacto form input.boton{
	width:40%;
	background:url(../img/interface/botones/botoFormContacto.gif) top repeat-x #24297A;
	color:#fff;
	font-size:1em;
	padding:2px;
	margin:0 0 5px 25px;
	font-weight:bold;
	cursor:pointer;
}
.contacto form input.boton:hover{
	background:none #24297A;
}
.contacto form fieldset{
	position:relative;
	margin:4px;
	padding:5px;
	width:45%;
	border:0;
}
.contacto form fieldset#datosPersonales{
	float:left;
}
.quienes #foto1{
	border:1px solid #EB9C05;
	padding:3px;
	margin:0 0 5px 0;
}
.quienes #foto2{
	float:left;
}
#panel #error{
		position:absolute;
		margin:auto;
		top:100px;
		left:130px;
		font-weight:bold;
		text-align:center;
		color:#7D0000;
		border:1px solid #005C0F;
		width:350px;
		background:url(../img/interface/fons/errorEntrada.gif) no-repeat #eee;
		padding:20px 40px;
		z-index:10;
	}
#panel #error #closer{
		position:absolute;
		top:0;
		right:0;
		font-size:12px;
		cursor:pointer;
		color:#fff;
		padding:0px 3px 1px 3px;
		background:red;
		border:1px solid #690000;
	}