html, body {color:#000; background-color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}

h1 {height:103px; background:#fcf592 url(img/tambor.png) top left no-repeat; margin:0px; }
h1 img {margin:50px 0px 0px 107px;}
h1.tres {background:#fcf592 url(img/instrum3.png) top left no-repeat;}
h1.cuatro {background:#fcf592 url(img/instrum4.png) top left no-repeat;}
h1.cinco {background:#fcf592 url(img/instrum5.png) top left no-repeat;}
h1.seis {background:#fcf592 url(img/instrum6.png) top left no-repeat;}
h1.siete {background:#fcf592 url(img/instrum7.png) top left no-repeat;}
h1.ocho{background:#fcf592 url(img/instrum8.png) top left no-repeat;}
h1.grande {background-image:none; }
h1.grande img {margin:0px;}
h2, h1.grande { width:325px; height:95px; margin:0px; }
.titulo2, .titulo2_pq { height:35px; width:100%; margin:20px 0px 0px 0px;}
.titulo2_pq {float:left; width:333px;}
.cuadraditos, h3 {position:absolute;}
.cuadraditos { background:transparent url(img/inscrip_deco.png) bottom center no-repeat; height:30px; width:62px; z-index:10;  margin:5px 0px 0px 5px;}
html>/*/*/body .cuadraditos {margin:15px 0px 0px 5px; }
h3 {
	 font-family: Arial, Helvetica, sans-serif;
	width:650px;
	height:15px;
	color:#870100;
	border-bottom:3px dotted #870100; 
	font-size:14px;
	padding:0px 0px 3px 33px;
	text-transform:uppercase;
	z-index:20;
	}
h3.h3_pq {width:290px;}
h3.h3_pq2 {width:290px;}
h4 { color:#47230d; background-color:#fcf592; margin:15px 0px 8px 0px; padding-left:5px; font-size:14px;  font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #eba612;}
h4.h4_peq { font-size:16px; font-weight:100;}
h4.h4_peq2 { border:none;}
h5 { color:#eba612; margin:20px 0px 0px 5px; font-size:14px;  font-family: Arial, Helvetica, sans-serif;}

p { margin:5px 0px 5px 0px; padding:5px; text-align:justify; line-height:16px; color:#2e1c06; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
a {margin:0px; padding:0px; text-align:justify; font-weight:bold; text-decoration:none;  color:#811616;}
a:hover {margin:0px;padding:0px;text-align:justify; font-weight:bold;text-decoration:none; color:#130602;}
ul {color:#47230d; background-color:#fcf592; list-style:none;}
li {color:#47230d; background-color:#fcf592; font-weight:bold;}
img {border:none;}
.clear {clear:both; height:1px;}
.desplegar { cursor:pointer;}
.center { text-align:center;}
.negra { font-weight:bold;}
.marron {color:#2e1c06; font-weight:100;}
.verde {color:#e99916 ; font-weight:bold; }




/*---------------------------------GENERALES------------------------------*/
/*--------------------------------------------------------------------------------------*/
#sonidos {
	width:900px;
	height:100%;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
	
}

#sombras {
	width:900px;
	height:100%;
	background:transparent url(img/sombras.jpg) top center repeat-y;
	}
#cabecera {
	width:900px;
	height:200px;
	margin:0px 10px 0px 10px;
	}

#contenedor {
	width:880px;
	height:100%;
	margin:0px 10px 0px 10px;
	background-color:#fcf592;
	}
#pie {
	width:880px;
	height:61px;
	background:transparent url(img/pie.jpg) top center no-repeat;
	margin:0px 10px 0px 10px;
	}
	
/*---------------------------------------------MENU----------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/*
.menu { 
	width:880px;
	height:40px;
	margin:0px;
	}

.menu1_not {padding:12px 9px 0px 10px;}
.menu1_soc {padding:12px 10px 0px 9px;}

.menu1 a, .menu1_not a, .menu1_soc a {
	font-size:13px;
	color:#fff;
	font-weight:bold;
	}
.menu1:hover, .menu1_not:hover, .menu1_soc:hover {background-color:#d9666c;}
.menu1 a:hover, .menu1_not a:hover, .menu1_soc a:hover {color:#2d1810;}*/
.menu { 
	width:878px;
	height:27px;
	margin:0px;
	padding:15px 0px 0px 2px;
	background:transparent url(img/menu2.jpg) top center no-repeat;
	}
.menu a{
	float:left;
	margin:2px 0px 0px 13px;
	width:100px;
	height:13px;
	}
.menu a span {display:none;}
a.menu1 {width:69px; background:transparent url(img/noticias.png) top center no-repeat;}
a.menu2 {width:96px; background:transparent url(img/actividades.png) top center no-repeat;}
a.menu3 {width:120px; background:transparent url(img/paralelamente.png) top center no-repeat;}
a.menu4 {width:36px; background:transparent url(img/info.png) top center no-repeat;}
a.menu6 {width:61px; background:transparent url(img/enlaces.png) top center no-repeat;}
a.menu7 {width:96px; background:transparent url(img/multimedia.png) top center no-repeat;}
a.menu8 { height:14px; margin:0px 0px 0px 13px; width:114px; background:transparent url(img/organizacion.png) top center no-repeat;}
a.menu9 {width:79px; background:transparent url(img/contacto.png) top center no-repeat;}
a.menu10 {width:74px; background:transparent url(img/socio.png) top center no-repeat;}

a:hover.menu1 {background:transparent url(img/noticias.png) bottom center no-repeat;}
a:hover.menu2 {background:transparent url(img/actividades.png) bottom center no-repeat;}
a:hover.menu3 {background:transparent url(img/paralelamente.png) bottom center no-repeat;}
a:hover.menu4 {background:transparent url(img/info.png) bottom center no-repeat;}
a:hover.menu6 {background:transparent url(img/enlaces.png) bottom center no-repeat;}
a:hover.menu7 {background:transparent url(img/multimedia.png) bottom center no-repeat;}
a:hover.menu8 {background:transparent url(img/organizacion.png) bottom center no-repeat;}
a:hover.menu9 {background:transparent url(img/contacto.png) bottom center no-repeat;}
a:hover.menu10 {background:transparent url(img/socio.png) bottom center no-repeat;}

/*---------------------------------------MENU_DCH-------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.menudch {
	width:212px;
	height:100%;
	/*background-color:#f3cc58;*/
	float:right;
	margin:0px;
}
.menudch a {
	width:197px;
	height:63px;
	background:transparent url(img/boton_inscripcion.png) top center no-repeat;
	float:right;
	margin:10px 10px 10px 0px;
	}
.menudch a:hover {
	width:197px;
	height:63px;
	background:transparent url(img/boton_inscripcion.png) bottom center no-repeat;
	float:right;
	}
.menudch img {margin:5px 5px 8px 0px;}
.publi {width:177px; height:210px; border:2px solid #e99916; background-color:#feffc7; margin:30px 0px 0px 18px;}
.publi img { margin:2px 2px 0px 2px;}
.fotos {
	padding:20px 0px 0px 20px;
	}
.fotos img { border:2px solid #e99916; margin:5px 20px 5px 0px;}

/*--------------------------------FORMULARIO----------------------------*/
form {}
fieldset {border:none;}
.form_pq {width:48%; float:left; margin:0px 0px 10px 10px;}
.form_gr {width:98%; margin:0px 0px 10px 10px;}

label {
	width:100px;
	height:20px;
	color:#dd6f03;
	font-weight:bold;
	float:left;
	margin:5px 10px 7px 20px;
	
	}
label.label_gr {width:auto; height:auto;}
label.radio {width:auto; height:auto; margin:5px 0px 20px 7px;}
input {
	width:150px;
	height:15px;
	margin:3px 0px 7px 0px;
	float:left;
	border:0.01em solid #eba612;
	background-color:#fff;
	color:#2e1c06;
	 }
input.radio {
	width:15px; margin:5px 0px 20px 20px;
	border:none;
	background-color:#fcf592;}

textarea {
	width:400px;
	height:50px;
	margin-left:20px;
	border:0.01em solid #eba612;
	background-color:#fff;
	color:#2e1c06;}
input.enviar { 
	float:right;
	background:transparent url(img/enviar.png) top center no-repeat;
	width:93px;
	height:28px;
	color:#2e1c06;
	border:none;
	font-size:14px;
	margin-right:10px;
	cursor:pointer;
	}

input.pagados {
	width:193px;
	height:128px;
	background:transparent url(img/actualizar.png) top center no-repeat;
	border:none;}
.inscripciones { background-color:white; padding:5px;}
.inscripciones tr{ border-bottom:1px dotted #pink;  background-color:#F4F4F4;} 
.inscripciones th{ background-color:#e99916; color:2e1c06; text-transform:uppercase; padding:3px;}
.inscripciones td{ padding:3px; background-color:#fcf592;}
.check_pag {border:none; background-color:#fcf592;}
tr.inscritos_pagados td {background-color:#ffc0c0;}
tr.menor_edad td {background-color:#caf2b9;}

.datos_lista p {color:2e1c06; margin:5px; padding:0px;}

.cerrada {width:500px; text-align:center; margin-left:50px;}
.cerrada p {text-align:center;}
	
	
/*-------------------------------INDEX---------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

.contenido{
	width:668px;
	height:100%;
	float:left;
	margin-bottom:20px;	}
.contenido2 {padding:5px 25px 5px 25px;}
/*---------------------------------------------PIE-----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.subpie {background:#fff; height:61px;}
.subpie img {border:none; margin:3px 5px 4px 0px; float:right; }

.subpie ul { width:678px; text-align:center;  float:left; margin:0px; padding-top:9px; background-color:#fff; }
html>/*/*/body .subpie ul { padding-left:0px;}
.subpie ul li  { list-style:none; display:inline; margin:5px; line-height:23px; background-color:#fff; }
.subpie ul li a { text-align:justify; font-size:11px; font-weight:bold; color:#871818;}
.subpie ul li a:hover {color:#130602;}
#pie a {float:right; font-size:9px; margin:20px 60px 0px 0px; font-weight:bold; color:#871818; width:150px;}
#pie a:hover {color:#130602;}

/*---------------------------------ACTIVIDADES-------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.barra, .barra2 {
	width:633px;
	height:5px;
	background-color:#47230d;
	border-bottom:2px solid #e99916 ;
	border-top:3px dotted #a88b46;
	color:#2e1c06;}
.barra2{
	border-top:2px solid #e99916 ;/*huevo*/
	border-bottom:3px dotted #a88b46 ;/*marron clarito*/
	color:#2e1c06;
}
.actividades {padding:30px 10px 5px 25px;}
.actividades ul {
	text-align:center;
	list-style:none;
	}
.actividades li { font-size:16px;}
.actividades li.conciertos {margin:20px 0px 10px 0px; background-color:#e99916; font-size:18px; width:200px;}
html>/*/*/body .actividades li.conciertos {margin:20px 0px 10px 200px;}

/*---------------------------------INFO------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.fotos_albergue {
	width:600px;
	padding-left:40px;}
.fotos_albergue img { margin:20px;}

/*--------------------------------ENLACES-----------------------------------------------*/

/*--------------------------------ORGANIZACIÓN-------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

.peq, .peq2, .peq3 {width:47%; margin:0px 4px 20px 10px; float:left; text-align:center;}
.peq2 {margin:0px 10px 0px 4px;}
.peq p, .peq2 p, .peq3 p {text-align:center;}
.peq h4 {width:250px; margin:15px 0px 8px 0px;}
html>/*/*/body .peq h4 {margin:15px 0px 8px 30px;}
.mini { text-align:center; float:left; margin:10px 70px 10px 70px; min-width:140px;}
html>/*/*/body .mini {margin:10px 55px 10px 55px; }

/*---------------------------CONTACTO-----------------------------------------------------------*/
.peq_centro {width:70%; margin-left:120px; text-align:center;}
.peq_centro p {text-align:center;}

/*-----------------------------MULTIMEDIA---------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
embed {margin:30px 0px 0px 230px;}
.embed_pq {margin-left:30px 0px 0px 300px;}
.fotos07 {height:100%; width:700px; margin-left:70px;}
.fotos07 img {
float:left;
margin:10px 50px 5px 50px;
vertical-align:middle;
border:1px solid #333;
}
.fotos06 {height:100%; margin-left:30px;}
.fotos06 img {
float:left;
margin:10px 20px 10px 20px;
vertical-align:middle;
border:none;
}
.contenido_multi {width:100%; height:100%;}
.contenido_multi h1 {float:left;}
.contenido_multi h3 {width:847px;}
.contenido_multi h5 {float:left; margin:10px; padding:0px; font-size:15px;}
.contenido_multi h5.h5_fotos {text-align:center; float:none; margin-top:30px; text-transform:uppercase; line-height:20px; background-color:#a88b46;color:#47230d; font-size:13px;}