@charset "utf-8";
/* CSS Document */
html{
margin:0px;
padding:0px;
height:100%;
}
body {
margin:0px;
padding:0px;
height:100%;
background-color:#000;
z-index:1;
}

a:active
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}

#fondo
{
margin:0px;
padding:0px;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
background-image:url(/web08/images/fondos/01.jpg);
background-position:top left;
background-repeat:no-repeat;	
z-index:2;


}

#arriba {
width:100%;
height:100px;
background-color:#000000;
position:absolute;
top:0px;
left:0px;
z-index:100;
}

#abajo {
width:100%;
height:65px;
background-color:#000000;
position:absolute;
bottom:0px;
left:0px;
z-index:100;
}

#trabajos
{
	position:absolute;
	height:55px;
	background-color:transparent;
	left:55px;
	bottom:5px;
	z-index:101;
}

#logo {
background:url(/web08/images/logo.gif);
width:211px;
height:33px;
position:absolute;
left:55px;
top:35px;
border:none;
}
a:link, a:visited, a:hover, a:active
{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;

}

#contiene_menu
{
height:33px;
position:absolute;
top:35px;
left:315px;
background:#000000;
text-align:center;                   
}

#contiene_menu a,#contiene_menu img
{
	float:left;
	display:block;
	position:relative;
	overflow:hidden;
	text-align:center;
	
}

.separador
{
	border-left:1px solid #fff;
}

img {
border:0px;
}
#iconos
{
width:75px;
height:35px;
float:right;
position:absolute;
top:40px;
right:55px;
}
#caja_noticia
{
width:640px;
height:450px;
background:transparent;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
top:127px;
left:32px;
position:absolute;
z-index:3;                  
}
.gasilla, #gasilla
{
top:0px;
left:0px;
position:relative;
width:100%;
height:100%;
background:#000000;
z-index:3;
}
#bton, .bton
{
top:0px;
left:0px;
position:absolute;
width:100%;
height:99%;
background:transparent;
z-index:4;
}
#contenido_noticias
{
width:600px;
height:410px;
margin: 20px;
position:absolute;
background:transparent;
top:0px;
left:0px;
z-index:3;
}
#caja_legal
{
	z-index:3;
width:640px;
height:450px;
background:transparent;
top:127px;
left:32px;
position:absolute;
}
.legal
{
z-index:3;
position:absolute;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:justify;
color:#FFF;
overflow:auto;
width:600px;
height:410px;
margin: 20px;
padding-right:10px;
top:0px;
left:0px;
}

.panel
{
color:#FFFFFF;
position: relative;
border-top:solid 1px #FFFFFF;
cursor:pointer;
height:50px;
}

.panel h2
{
	padding-top:5px;	
}

.contenido p
{
	font-size:11px;
	font-family:arial;
	text-align:justify;
	font-weight:normal;
	color:#FFFFFF;
	padding-bottom:10px;

}
h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
	padding:0px;
	margin:0px;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:block;
}

.texto_noticias
{
padding-left:60px;
}
.caja_fecha 
{
background:url(/web08/images/cajafecha.gif);
background-repeat:no-repeat;
background-position:top left;
width:40px;
height:40px;
margin-right:20px;
position:relative;
top:5px;
float:left;
}
.dia
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
position:absolute;
width:100%;
text-align:center;
bottom:0px;
left:0px;
}
.mes
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
position:absolute;
width:100%;
top:0px;
left:0px;
}
.xxx
{
width:150px;
height:50px;
position:absolute;
top:120px;
right:20px;
z-index:200;
}
.botones_audio_opacidad
{
background:#FFFFFF;
width:130px;
height:20px;
position:absolute;
bottom:5px;
left:10px;
}
.botones_audio
{
background:transparent;
width:120px;
height:16px;
position:absolute;
bottom:7px;
left:17px;
}
#play
{
background:url(/web08/images/audio/play.gif);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
width:16px;
height:16px;
cursor:pointer;
top:0px;
left:35px;
}
#stop
{
background:url(/web08/images/audio/stop.gif);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
width:16px;
height:16px;
cursor:pointer;
top:0px;
left:60px;
}
#next
{
background:url(/web08/images/audio/next.gif);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
width:25px;
height:16px;
cursor:pointer;
top:0px;
left:90px;
}
#rew
{
background:url(/web08/images/audio/rew.gif);
background-position:top left;
background-repeat:no-repeat;
position:absolute;
width:25px;
height:16px;
cursor:pointer;
top:0px;
left:0px;
}
.asa
{
	position:absolute;
	background:transparent;
	height:9px;
	width:100%;
	top:6px;
	left:0px;	
	cursor:move;
}

.cerrar
{
background-image:url(/web08/images/audio/cerrar.gif);
background-position:top right;
background-repeat:no-repeat;
position:absolute;
width:7px;
height:9px;
cursor:pointer;
top:6px;
right:10px;
}
.contacto
{
width:220px;
height:300px;
position:absolute;
top:120px;
right:20px;
z-index:200;
}

.texto_contacto
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
width:200px;
height:110px;
position:absolute;
top:118px;
left:10px;	
 text-align:center;
}

.contacto_textarea1
{
background:#999999;
width:200px;
height:20px;
position:absolute;
top:40px;
left:10px;
}
.texto_textarea1
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
width:200px;
height:20px;
position:absolute;
top:20px;
left:10px;
}
#input1
{
background:transparent;
border:none;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:12px;
width:194px;
position:absolute;
top:42px;
left:14px;
}
.contacto_textarea2
{
background:#999999;
width:200px;
height:20px;
position:absolute;
top:90px;
left:10px;
}
.texto_textarea2
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
width:200px;
height:20px;
position:absolute;
top:70px;
left:10px;
}
#input2
{
background:transparent;
border:none;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:12px;
width:194px;
position:absolute;
top:92px;
left:14px;
}
.texto_textarea3
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
width:200px;
height:20px;
position:absolute;
top:120px;
left:10px;
}
.contacto_textarea3
{
background:#999999;
width:200px;
height:130px;
position:absolute;
top:140px;
left:10px;
}
#input3
{
background:transparent;
border:none;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:12px;
width:194px;
height:120px;
position:absolute;
top:145px;
left:14px;
overflow:auto;
}
.boton_enviar
{
background:#999999;
width:50px;
height:15px;
position:absolute;
bottom:8px;
left:10px;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
font-size:12px;
text-decoration:none;
cursor:pointer;
}
.enviar
{
position:absolute;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-align:center;
width:50px;
height:15px;
bottom:8px;
left:10px;
color:#FFFFFF;
cursor:pointer;
}
.localizacion
{
position:absolute;
width:150px;
height:120px;
background:transparent;
top:120px;
right:20px;
z-index:200;
}
.texto_localizacion
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
width:130px;
height:110px;
position:absolute;
top:18px;
left:10px;
}

a.mail:link,a.mail:visited,a.mail:focus,a.mail:hover
{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
text-align:left;
font-size:12px;
font-weight:normal;
width:130px;
height:15px;
position:absolute;
top:95px;
left:10px;
}
.seleccionado
{
	color:#FFFFFF;
}
.deseleccionado
{
	color:#666666;
}
.panel_catalogo
{
	width:20px;
	height:55px;
	position:relative;	
	border-left:1px solid #fff;
	float:left;
	cursor:pointer;
	overflow:hidden;

}

.indice_catalogo
{
	position:absolute;
	top:5px;
	left:5px;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	color:#fff;
}

.imagen_catalogo
{
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
	left:20px;	
	width:45px;
	height:45px;
	border:1px solid #000;
}

.texto_catalogo
{
	position:absolute;
	left: 85px;
	top:5px;
	font-size:12px;
	font-family:arial;
	width:280px;
	text-align:justify;
	font-weight:normal;
	color:#fff;
}	

#caja_imagenes
{
	width:650px;
	height:400px;
	color:#000;
	font-size:20px;
	position:absolute;
   top:50%;
   margin-top:-180px;
   left:55px;
	z-index:3;

}

#marco
{
	background:transparent;
}

#derecha, #izquierda
{
	background:#000;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(/web08/images/der.gif);
}
#izquierda
{
background-image:url(/web08/images/izq.gif);	
}

#centro
{
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(/web08/images/mas.gif);
	background-color:#000;

}

#textos
{
	border:0px;
	font-family:arial;
	font-size:12px;	
	background-color:#000;	
	color:#FFF;
}

#contador
{
	font-family:arial;
	font-size:80px;	
	background-color:transparent;
	color:#fff;	
}
.oculto
{
	z-index:1;	
}

#cortina
{
	z-index:300;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#000;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(/web08/images/enicio.gif);
}

#barra2
{
	width:1%;
	height:1px;
	background-color:white;
	position:absolute;
	left:0px;
	bottom:0px;
	font-size:1px;
}

.invisible
{
	display:none;
}