/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}

p, div, h1, h2, h3, h4, ul, li, form, input, select, option, span {margin:0; padding:0; }
a{ outline-style:none; text-decoration:none;}
li{list-style:none;}

body{
	background:#C9C9C9 url(../img/fondo.jpg) repeat-x top;
	font:normal 66%/1em Arial, Helvetica, sans-serif;
	text-align:center;
	padding:0;
	margin:0;
	}
	
	.contenedorbody{
	width:800px; margin:0 auto 0 auto;
	text-align:center;}
	

	
.header{	
margin:0 auto 0 auto;
overflow:hidden;
height:84px;}

.header a{
float:left;
display:block;
}
.header img{
margin-top:28px;
}

.header h1{
float:left;
width:100px;
	font:normal 102%/1em Arial, Helvetica, sans-serif;
	padding-left:10px;
padding-top:35px;
text-align:left;
width:200px;}

.menu{
width:800px;
background:url(../img/fnd_contenedor_menu.jpg) no-repeat 0 0;
text-transform:uppercase;
overflow:hidden;
height:60px;
}

.menu ul {
background:url(../img/fnd_menu.jpg) repeat-x;
width:532px;
display:block;
margin-right:28px;
float:right;}

.menu ul li{
height:60px;
float:left;
width:88px;
background:url(../img/div_menu.jpg) no-repeat right bottom;}

.menu ul li.activa{
background:url(../img/btn_activa.jpg) no-repeat right bottom;}

.menu ul li a{
font:bold 112%/1em  Arial, Helvetica, sans-serif;
color:#336699;
width:87px;
display:block;
float:left;
padding-top:20px;
}

.menu ul li a:hover{
background:url(../img/btn_menu_over.jpg) repeat-x;
height:62px;}

.contenedor{
background:url(../img/fnd_contenido_inf.jpg) repeat-y 0 0;
overflow:hidden;
}
.contenido{
padding:16px 0 20px 20px;
font:normal 122%/1.71em  Arial, Helvetica, sans-serif;
color:#336699;
text-align:left;
float:left;
width:420px;
}

.hoy, .material{
width:500px;}

.contenido h1{
color:#CC6633;
font:normal 142%/2em  Arial, Helvetica, sans-serif;
background:url(../img/borde_titulo.jpg) no-repeat 0 bottom;
margin-bottom:30px;}

.contenido span, .contenido h2{
color:#F48913;
}

.contenido h2, .contenido h3{
font-size:96%;}

.contenido span.atencion{
color:#ee5a00;
font-weight:bold;
}

.contenido h4{
margin:15px 0;
background-color:#E9E9E9;
color:#F47400;
font:bold 122%/1em  Arial, Helvetica, sans-serif;
padding:3px 10px;}

#fndcontenedor{
background:url(../img/fondo_contenido.jpg) no-repeat 0 0; 
overflow:hidden;
width:800px;
}
#fndhome{
height:570px;
background:url(../img/home.jpg) no-repeat 0 0; 
overflow:hidden;
width:800px;}

.imgderecha{	
	width:332px;
	height:475px;
	float:right;
	margin-top:20px;
}

.historia{background:url(../img/comienzos.gif) no-repeat;}
.epoca{ background:url(../img/material_epoca.gif) no-repeat;}

.galeravir{
width:550px;
padding:10px;
}

.galeravir ul{
float:left;
}

.galeravir li{
list-style:none;
width:100px;
float:left;
padding:10px;
}

.galeravir a{
float:left;
padding:5px;
background-color:#827979;
text-decoration:none;
}

.galeravir a:hover{
background-color:#CCCCCC;
text-decoration:none;
}
/*.content .miniaturas img{
margin:0px;
padding:0px;
border:none;
text-align:center;

}*/


.galeravir a.ver{
background:transparent url(../img/print.jpg) no-repeat left;
color:#FF3300;
text-align:left;
width:130px;
}

/*FOOTER*/
.footer{
background:url(../img/pie.jpg) no-repeat 0 0;
width:800px; 
margin:0 auto 0 auto;
text-align:center;
height:72px;
}

.footer p, #footerhome p {
text-align:center;
font:bold 122%/1.51em  Arial, Helvetica, sans-serif;
padding:20px 15px 0 15px;
float:left;
}

.footer p span, #footerhome p span{
text-transform:uppercase;
background:url(../img/div_footer.jpg) right no-repeat;
padding:18px 50px 18px 50px;}

#footerhome{
margin-top:504px;}

.submenu{
float:right;
margin-top:20px;
padding-right:27px;
width:211px;}

.submenu ul li{
margin-top:2px;}


.submenu ul li a{
color:#CE6632;
font:bold 112%/2.51em  Arial, Helvetica, sans-serif;
background:url(../img/fnd_submenu.jpg) no-repeat right;
height:28px;
display:block;}

.submenu ul li a:hover{
color:#fff;
background:url(../img/fnd_submenu_over.jpg) no-repeat right;
height:28px;
display:block;}

/*galeria*/
.galeria{
width:220px;
float:right;
margin:20px 28px 0 0;}
	
.galeria ul{

}

.galeria li{
list-style:none;
float:right;
text-align:center;
padding:0 6px 10px 6px;
}

.galeria a{
text-align:center;
float:right;
padding:5px;
background-color:#827979;
text-decoration:none;
}
.galeria a:hover{
background-color:#CCCCCC;
text-decoration:none;
}
/*.content .miniaturas img{
margin:0px;
padding:0px;
border:none;
text-align:center;

}*/

.galeria a.ver{
background:transparent url(../img/print.jpg) no-repeat left;
color:#FF3300;
text-align:right;
width:130px;
}


#vergaleria {
overflow:hidden;
clear:both;
}

#vergaleria p{
float:left;

}


#vergaleria a{
background:url(../img/btn_ver_galeria.gif) no-repeat 10px center;
color:#FFFFFF;
font-size:76%;
height:15px;
padding:3px 16px 3px 22px;
text-transform:uppercase;
width:88px;
}

#vergaleria a.vervideo{
padding:3px 20px 3px 22px;
}

#vergaleria a:hover{
background:url(../img/btn_ver_galeria_on.gif) no-repeat 10px center;
}


.accesos{}

.accesos ul{
margin:0 28px 0 0;
padding:0;
float:right;
width:322px;
}


.accesos ul li{
float:left;}

.accesos ul li.tel{
background:url(../img/btn_telefono.gif) no-repeat bottom;
width:213px;
height:35px;}

.accesos ul li a.home{
background:url(../img/btn_homel.gif) no-repeat bottom;
width:53px;
height:35px;}

.accesos ul li a.mail{
background:url(../img/btn_mail.gif) no-repeat bottom;
width:53px;
height:35px;}

.accesos ul li a{
display:block;}

 p.subir {
text-align:right;}


.subir a {
text-decoration:underline;
color:#276DEF;}

.subir a:hover {
color:#0E48B4;}
/*titulo navegacion derecha*/
.titDerecha{
float:right;
margin-top:130px;
padding-right:27px;
width:211px;}

.titDerecha p{
padding:3px;
color:#ee8100;
font:bold 112%/1.5em  Arial, Helvetica, sans-serif;
background:#e7e7e7;
display:block;}

/*listado otro servicios*/
.listadoDerecha{
float:right;
margin-top:30px;
padding-right:27px;
width:211px;
text-align:left;}

.listadoDerecha p{
color:#ee8100;
font:bold 112%/1.5em  Arial, Helvetica, sans-serif;
background:#e7e7e7;
display:block;
padding:3px;}

.listadoDerecha ul li a{
border-bottom:#FF6600 dotted 1px;
color:#F48913;
font:normal 112%/1.5em  Arial, Helvetica, sans-serif;
display:block;}

.listadoDerecha ul li ul li a{
border-bottom:#FF6600 dotted 1px;
color:#336699;
font:normal 112%/1.5em  Arial, Helvetica, sans-serif;
}

#boton_galeria a img{
border:none;
padding:5px;
}

/*seecion disc jockey*/

		.contenedordisc{
		background:url(../img/img-disc.jpg) no-repeat top center;
		width:1134px;
		height:678px; 
		margin:0 auto 0 auto;
	text-align:center;}
	
	.contenedordisc .textIzq{
		width:550px;
		padding:60px 0 10px 0;
		float:left;}
	
			.contenedordisc p{
			padding-left:40px;
			color:#2a2a2a;
			font:bold 112%/1.7em  Arial, Helvetica, sans-serif;
			text-align:left;			
			}
			
			.contenedordisc p.lugares{
			padding-left:40px;
						color:#ff3500;
			font:bold 112%/1.7em  Arial, Helvetica, sans-serif;
			text-align:left;
			}
				.contenedordisc p.lugares span{
				text-transform:uppercase;
				font-size:102%;
				background:url(../img/fnd_pasamos.jpg) no-repeat 0 3px;
				padding:5px 30px 5px 4px;
				color:#3e3e3e;		
			}
			
			.textIzq a{
			float:left;
			display:block;
			width:140px;
			height:100px;
			background:url(../img/btn_volver.png) no-repeat;}
			
				.textIzq a:hover{
			display:block;
			width:140px;
			height:100px;
			background:url(../img/btn_volver_over.png) no-repeat;}
			
			.contenedordisc .tel{
			font:bold 122%/1.7em  Arial, Helvetica, sans-serif;
			padding:10px 10px 10px 160px;
			text-align:left;
			color:#fff;
			width:800px;
			float:left;	
			}
			.contenedordisc .tel a{
				color:#fff;	
			}
			
			.contenedordisc .tel a:hover{
				color:#ffba00;	
			}
			
			.mailDisc{
			font:bold 152%/1.7em  Arial, Helvetica, sans-serif;
			float:right;
					display:block;
					height:24px;
					margin-top:12px;
			padding-right:180px;
width:396px;
text-align:left;}

			.mailDisc a {
			color:#000;
			}
			
			.mailDisc a:hover {
			color:#ff3f01;
			}