/* CSS Document */

/*---------------  RESETEO  ---------------   */
html, body, div, span, applet, object, iframe,
h1, h3, h4, 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;
     outline: 0;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body{
     line-height: 1.1;
	 text-align:center;
}

:focus{
     outline: 0;
}

ol, ul{
     list-style: none;
}

table{
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after{
     content: "";
}

blockquote, q{
     quotes: "" "";
}

input, textarea{
     margin: 0;
     padding: 0;
}

hr{
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}

/*---------------  ESTILOS INDEX.PHP  ---------------   */

body{
	background-color:#000;
	font-family:"Trebuchet MS";
	cursor: default;
}

#general{
	background-image:url(../img/centro.jpg);
	background-repeat:no-repeat;
	text-align:left;
	width:900px;
	height:600px;
	margin:0px auto auto auto;
}

#encabezado{
	height:35px;
	padding-left:10px;
	padding-top:5px; /*separar logo*/
	background-image:url(../img/opacidad2.png);
	position:absolute;
	z-index:2;
	width:890px; /*900px -padding-left*/
}
#contacto{
	height:40px;
	margin-top:15px;
	margin-left:780px;
	text-align:right;
	position:absolute;
	z-index:2;
}

#arroba{
	height:40px;
	margin-left:835px;
	padding-right:10px;
	margin-top:-5px;
	text-align:right;
	position:absolute;
	color:#FFF;
	font-size:42px;
	z-index:2;
}
#arroba a,#arroba a:hover{
	color:#fff;
	text-decoration:none;
	font-size:42px;
}
#espacio1{
	height:24px;
}
#espacio2{
	height:100px;
	margin-top:40px;
}
#accordion{
	/*No tiene height, lo marca el texto que va dentro*/
	background-image:url(../img/opacidad1.png);
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	color:#FFF;
	position:absolute;
	z-index:2; /*necesaria*/
	width:900px; /*para IE6*/
	overflow:hidden; /*para IE6*/
}
.texto12{
	color:#FFF;
	font-size:12px;
}

/*--------------------  acordeon ----------------------*/
.enlace{
	width:900px;
	display:block;
	color: #FFF;
	text-decoration: none;
	font-size:40px;
	background-color:transparent;
	padding-top:5px;
	padding-bottom:5px;
}
.enlace:hover{
	width:900px;
	display:block;
	color: #FF9900;
	text-decoration: none;
	font-size:40px;
	background-color:black;
	padding-top:5px;
	padding-bottom:5px;
}

.enlace2{
	width:900px;
	display:block;
	color: #FF9900;
	text-decoration: none;
	font-size:30px;
	background-color:transparent;
	padding-top:5px;
	padding-bottom:5px;
}
.enlace2:hover{
	width:900px;
	display:block;
	color: #FFF;
	text-decoration: none;
	font-size:30px;
	background-color:black;
	padding-top:5px;
	padding-bottom:5px;
}


.texto{ /* texto del acordeón */
	height:375px;
	font-weight:bold;
	font-size:13px;
	color:#000;
	float:left;
}
.texto a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
.texto a:hover{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}
.element {
	background: transparent;
	margin-left:16px;
}

#cuest{
	width:1200px;
	height:600px;
	z-index:6;
	visibility:hidden;
	background-color:#000;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	opacity: 0.1;
	position:absolute;
	top:0;
	left:0;
}
#cuestionario{ /*height según contenido*/
	width:600px;
	z-index:10;
	visibility:hidden;
	background-image:url(../img/opacidad3.png);
	position:absolute;
	top:0;
	left:50%;
	margin-top:100px;
	margin-left:-300px;/*restar la mitad de width*/
	border:solid 1px #ccc;
	text-align:left; /*para los bordes en IE*/
}

#cuestionario a, #cuestionario a:hover{
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}
#formulario{
	padding-left:50px;
	padding-top:30px;
	color:#fff;
	font-size:11px;
	text-align:left;
}
#formulario .x0{
	float:left;
	width:70px;
}
#formulario .x1, #formulario textarea{
	float:left;
	width:400px;
	background-color:#ccc;
	border:1px solid white;
}
#formulario textarea{
	margin-bottom:5px;
}
#cuestionario #x2{
	padding-left:120px;
	margin-right:307px; /*separar de 'CERRAR'*/
}
#cuestionario #direccion{
	color:#fff;
	font-size:14px;
	text-align:center;
	background-color:#666;
	padding:15px;
	width:550px;
	margin:10px;
	margin-top:20px;
	height:35px;
}
#borde1{
	margin-top:10px;
	margin-left:10px;
	border-bottom:solid 1px #ccc;
	width:25px;
	height:1px;
}
#borde2{
	margin-left:10px;
	margin-bottom:10px;
	border-left:solid 1px #ccc;
	width:1px;
	height:25px;
}
#borde3{
	margin-right:10px;
	border-left:solid 1px #ccc;
	width:1px;
	height:25px;
	float:right;
}
#borde4{
	margin-top:25px;
	margin-right:10px;
	border-top:solid 1px #ccc;
	width:25px;
	height:1px;
	margin-left:564px;
}

/*------------------------------CENTRO--------------------------*/
#opacidadCentro{
	margin-left:245px; /*separarlo de la izq de la pantalla*/
	background-color:#fff;
	height:340px;/*380 - padding-top - padding-left ->orden padding:25px;*/
	width:330px;
	color:#000;
	line-height:1.5;
	font-size:12px;
	padding:25px; /*separar texto de los bordes de esta capa*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	visibility:hidden;
}
#tituloCentro{
	color:#99ccff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px; /*separarlo del texto que va después*/
}
#accesos{
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	position:absolute;
	top:0;
	left:50%;
	margin-top:55px;
	margin-left:-240px; /*restar la mitad de width*/
	width:480px;
	height:440px;
	color:#000;
	z-index:6;
	visibility:hidden;
	font-size:11px;
	text-align:justify;
	padding-bottom:30px;
	padding-left:50px;
	padding-right:30px;
	padding-top:30px;
}
#cerrar{
	float:right;
	color:#000;
	font-size:11px;
	text-decoration:underline;
}
/*------------------------------SERVICIOS-------------------------*/

#opacidadServicios1{
	margin-left:50px; /*separarlo de la izq de la pantalla*/
	background-color:transparent;
	height:390px; /*380,añado 10 para separar la última fila de img*/
	width:770px;
}

/*---------------Imágenes para los servicios---------------*/

#s1,#s2,#s3,#s4,#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12,#s13,#s14,#s15{
	width:138px;
	height:131px;
	float:left;
	background-repeat:no-repeat;
}
#s6,#s7,#s8,#s9,#s10,#s11,#s12,#s13,#s14,#s15{
	margin-top:10px;
}
#s1{
	margin-right:8px;
	background-image:url(../img/servicios/icono01.jpg);
}
#s2{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono02.jpg);
}
#s3{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono03.jpg);
}
#s4{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono04.jpg);
}
#s5{
	margin-left:8px;
	background-image:url(../img/servicios/icono05.jpg);
}
#s6{
	margin-right:8px;
	background-image:url(../img/servicios/icono06.jpg);
}
#s7{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono07.jpg);
}
#s8{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono08.jpg);
}
#s9{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono09.jpg);
}
#s10{
	margin-left:8px;
	background-image:url(../img/servicios/icono10.jpg);
}
#s11{
	margin-right:8px;
	background-image:url(../img/servicios/icono11.jpg);
}
#s12{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono12.jpg);
}
#s13{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono13.jpg);
}
#s14{
	margin-left:8px;
	margin-right:8px;
	background-image:url(../img/servicios/icono14.jpg);
}

#s15{
	margin-left:8px;
	background-image:url(../img/servicios/icono15.jpg);
}

/*---------------------------EMPRESAS--------------------------*/
#globalEmpresas{
	margin-left:130px;
	height:370px;
	width:900px;
}
#opacidadEmpresas1{
/*	margin-left:130px;*//*separarlo de la izq de la pantalla*/
	background-color:#fff;
	height:370px; /*le damos este tamaño a #listaEmpresas*/
	width:590px;
	color:#000;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	float:left;
	overflow:hidden;
}
#opacidadEmpresas2{
	margin-left:10px; /*separarlo de la izq de la pantalla*/
	background-color:#fff;
	height:370px; /*370 - padding-top - margin-bottom de filaBotones*/
	width:150px;
	float:left;
}

#filaBotones{
	margin-left:130px;/*separarlo de la izq de la pantalla*/
	background-repeat:no-repeat;
	height:25px;
	width:675px;
	margin-bottom:5px; /*separarla de las opacidades*/
	float:left;
}

#moda{
	background-image:url(../img/secciones/moda.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#ocio{
	background-image:url(../img/secciones/ocio.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	
}
#restauracion{
	background-image:url(../img/secciones/restauracion.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#alimentacion{
	background-image:url(../img/secciones/alimentacion.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#especializada{
	background-image:url(../img/secciones/especializada.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#hogar{
	background-image:url(../img/secciones/hogar.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
#servicios{
	background-image:url(../img/secciones/servicios.jpg);
	height:25px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}
.separador{
	background-image:url(../img/secciones/separador.jpg);
	height:25px;
	width:4px;
	float:left;
}
#filaBotones a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
#filaBotones a:hover{
	color:#ccc;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#listadoEmpresas a{
	text-decoration:none;
	color:#000;
}
#listadoEmpresas a:hover{
	text-decoration:underline;
	color:#000;
}
#listaEmpresas{ /* va dentro de listadoEmpresas, con ajax */
	visibility:visible;
	font-size:11px;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	float:left;
width:120px;
	height: 360px;
}

#plano{ /*para el enlace 'plano' */
	background-color:transparent;
	height:25px; /* el mismo que filaBotones */
	margin-bottom:5px; /*separarla de las opacidades*/
}
#plano a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
#plano a:hover{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	font-size:16px;
}
#verPlano{
	height:365px;
	position:absolute;
	top:100;
	left:145px;
	width:750px;
	visibility:hidden;
}

#marcoLogo{
	background-image:url(../img/logos_empresas/fondo-logos.jpg);
	background-repeat:no-repeat;
	padding-top:27px;
	width:150px;
	height:123px; /*restarle padding-top*/
}
#logoEmpresa{
	width:90px;
	height:90px;
	margin-left:30px;
	color:#000;
	font-size:10px;
	text-align:center;
	/*la separación superior la da padding-top #marcoLogo*/
}
#fichaEmpresa{}
.letraListado{
	color:#99ccff;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}
.tituloFicha{
	color:#99ccff;
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:2px;
	padding-left:22px;
}
#fichaEmpresa #nombre, #fichaEmpresa #actividad,#fichaEmpresa #planta, #fichaEmpresa #local{
	color:#000;
	font-size:12px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:22px;
}

/*------------------------------EVENTOS-------------------------------*/
#paginacion{
	margin-left:10px;
	color:#CC6600;
}
#paginacion a{
	color:#FF9900;
	font-size:12px;
	text-decoration:none;
}
#paginacion a:hover{
	color:#FF9900;
	font-size:12px;	
	text-decoration:underline;
}
#eventos{
	float:left;
	height:390px;
	overflow:hidden;
	/*width:600px;*/
	width:450px;
}
#contenedorEventos{
	}

.evento{ /*contiene la imagen del evento*/
	margin-bottom: 10px;
	margin-top: 10px;
	width: 600px;
}

.eventoBlanca{ /*cambia la opacidad de la imagen del evento*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 600px;
}

.titular{
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-bottom:5px;
}
#eventoGrande3{
	width:270px;
	height:323px; /*350 - margin-top*/
	float:left;
	margin-left:15px;
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	color:#000;
	font-size:11px;
	text-align:justify;
	padding:20px;
	margin-top:27px;
	overflow:hidden;
}
#eventoGrande3 h2{
	font-size: 17px;
}
#area{
	background-image:url(../img/fondoScrollNaranja.gif);
	background-repeat:repeat-y;
	background-position:center;
	height:343px;
	width:15px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:27px;
	visibility:hidden;
}
#knob{
	height:15px;
	width:15px;
	background-color:#CC6600;
	visibility:hidden; 
}
#area4{
	background-image:url(../img/fondoScrollNaranja.gif);
	background-repeat:repeat-y;
	background-position:center;
	height:343px;
	width:15px;
	float:left;
	margin-left:15px;
	margin-right:10px;
	margin-top:27px;
	visibility:hidden;
}
#knob4{
	height:15px;
	width:15px;
	background-color:#CC6600;
	visibility:hidden;
}
#galeria{
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}
#galeria img{
	border:solid 1px #333;
}
.eventoGaleria{ /*cambia la opacidad de la imagen de la galería seleccionada*/
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
.eventoBlancaGaleria{ /*cambia la opacidad de la imagen de la galería seleccionada*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
#imagenEvento{
	background-color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	position:absolute;
	top:0;
	left: 25%;
	margin-top:80px;
	z-index:6;
	visibility:hidden;
	padding-top: 10px;
	padding-right: 10px;
	text-align:center;
	color: #000;
}

#opacidadImagenes{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	background-color:transparent;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:20px;
}
/*------------------ CALENDARIO --------------*/
#calendario{
	background-color:#fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	position:absolute;
	top:0;
	left:50%;
	margin-top:80px;
	margin-left:-240px; /*restar la mitad de width*/
	width:480px;
	height:370px;
	z-index:6;
	visibility:hidden;
	padding-top: 10px;
	padding-right: 10px;
	text-align:left;
}

#opacidadCalendario{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	margin-left:90px;
	border:solid 1px #666;
	background-color:transparent;
	width:300px;
	/*height:160px;*/
	color:#000;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:20px;
}

#tabla1{
	width:100%;
	height:100%;
	background-color:#fff;
	font-size:9pt;
	padding:0px;
	margin:0px;
}
#tabla1 tr, #tabla1 td{
	padding:0px;
	margin:0px;
}
/*--- días normales ---*/
.aCal{
   text-decoration:none;
   color:#000;
}
.aCal:hover{
   text-decoration:underline;
   color:#000;
}
/*--- sábados y domingos sin eventos ---*/
.aCalFestivo{
   text-decoration:none;
   color:#b0000b;
}
.aCalFestivo:hover{
   text-decoration:underline;
   color:#b0000b; 
}
/*--- días con eventos programados ---*/
.aCalEvento{
	text-decoration:none;
	color:#CC9900;
}
.aCalEvento:hover{
	text-decoration:underline;
	color:#CC9900;	
}
#diaActual{
	color:#0066CC;
	font-weight:bold;
	text-decoration:none;
}
#diaActual:hover{
	color:#0066CC;
	font-weight:bold;
	text-decoration:underline;
}
.semanaCal{ /* los días de la semana */
	padding:5px;
	text-align:center;
	color:#D4D0C8;
	background-color:#808080;
}

#leyenda{
	margin-top: 20px;
	margin-left:190px;
}
#f{
	text-align:center;
}

/*------------------------------NOTICIAS-------------------------------*/
#paginacion2{
	margin-left:20px;
	margin-bottom:5px;
	color:#000;
}
#paginacion2 a{
	color:#000;
	font-size:12px;
	text-decoration:none;
}
#paginacion2 a:hover{
	color:#000;
	font-size:12px;
	text-decoration:underline;
}
.capaNoticias{
	height:385px;
	overflow:hidden;
	float: left;
}
.capaNoticias2{
	width:340px;
	height:323px; /*350 - margin-top*/
	float:left;
	margin-left:25px;
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	color:#000;
	font-size:11px;
	text-align:justify;
	padding:20px;
	margin-top:23px;
	overflow:hidden;
}
.capaNoticias2 h2{
	font-size:17px;
}
.opaco{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.opacoTxt{
	background-color:#fff;
	color:#999;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	z-index:2;
}
#titularesNoticias{
	width:300px;
	padding-left:10px;
	padding-right:10px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
.titularNoticias{
	background-color:#fff;
	color:#000;
	font-weight:bold;
	font-size:12px;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	z-index:2;
}
.enlaceNoticias{
	color:#888;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.enlaceNoticias:hover{
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
/*
#contenidoNoticias{
	float:left;
	color:#000;
	font-size:11px;
	padding:20px;
	background-color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	float:left;
	width:340px;
}*/
#area2{
	background-image:url(../img/fondoScroll.gif);
	background-repeat:repeat-y;
	background-position:center;
	height:335px;
	width:15px;
	float:left;
	margin-left:10px;
	margin-right:20px;	
	margin-top:23px;
	visibility:hidden;
}
#knob2{
	height:15px;
	width:15px;
	background-color:#000;
}

#area3 {
	background-image:url(../img/fondoScroll.gif);
	background-repeat:repeat-y;
	background-position:center;
	height:335px;
	width:15px;
	float:left;
	margin-right:0px;
	margin-left: 30px;
	margin-top: 23px;
	visibility:hidden;
}
#knob3{
	height:15px;
	width:15px;
	background-color:#000;
}