/* CSS Document */

body {
	font:9pt Arial, Helvetica, sans-serif;
	color:#000;
	background:#000 url(../imagenes/bground2.gif);
	margin:0;
	border:1px solid #000;
}

/******************************************************/
/******************* I N D E X ************************/
/******************************************************/



/* imagen de fondo*/
#containerA {
	background-color: Black;
	background-image: url(../imagenes/home2010.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
	border: 0px;
	padding: 0px;
	width: 710px;
}

/* barra de abajo */

#bottom {
	background-image: url(../imagenes/logotipos2010.gif);
	background-repeat: no-repeat;
	background-color: #715E38;
	height: 255px;
	width: 710px;
	clear: both;
	border-top: 5px solid #000;
}

#textBottom{
	text-align:right;
	padding-right:15px;
	font:7pt Arial, Helvetica, sans-serif;
}

/* capa de la derecha */
#right {
	float: right;
	width: 200px;
	margin-right: 30px;
	margin-top: 0px;
}

/* capa de la izquierda */
#left {
	float: right;
	width: 200px;
	padding-right: 15px;
	margin-top: 0px;
}

/* línea vertical */
#vertical {
	width: 2px;
	height: 400px;
	background-color: #715E38;
	margin-top: 0px;
	float: right;

}

/* capa enlaces */
#titulos {
	float: right;
	padding-left: 20px;
	padding-right:100px;
	margin-top:270px;
	margin-bottom:200px;
}

/* líneas horizontales */
.horizontal {
	width: 230px;
	border-bottom: 2px solid #715E38;
	height: 20px;
	padding: 0px;
	margin: 0px;
}

.titulillos {
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #715E38;
	text-align: left;
	vertical-align: bottom;
}

/* espacio entre líneas */
.espacio {
	height: 30px;
	width: 100px;
}

.espacioMenu {
	height: 10px;
}

/* espacio entre títulos */
#espacio {
	height: 220px;
}


/******************************************************/
/******************* I N T E R I O R E S **************/
/******************************************************/


/* TOP */
#top {
	background-color: Black;
	background-image: url(../imagenes/top2010.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	border: 0px;
	width: 710px;
	height: 297px;
	text-align: left;
	border-bottom:5px solid #000;
}

#fiesta {
	top: 5px;
	left: 10px;
	color: #f9f9f9;
	font: bold 9pt Arial, Helvetica, sans-serif;
	background-color:#715E38;
	padding:2px 5px;
width:270px;
}

#contenedorNegro {
	background-color: #000000;
	width: 710px;
	padding:0px 5px 5px 5px;
	margin:0px;
}

#InfoAbajo, #InfoHumildad {
	width: 465px;
	clear: both;
	text-align: justify;
	margin: 10px;
	padding-left:10px;
}

.InfoAbajo {
	width: 465px;
	clear: both;
	text-align: justify;
	margin: 10px;
}


/* MENÚ IZQUIERDA */
#menu {
	width: 190px;
	float: left;
	text-align: left;
}

#menu ul {list-style-type:none; list-style-position:inherit; margin:5px 0 0 0; padding:0 }
#menu li {height:35px; display:block; margin:0;}

/******************************************************/
/******************* C O N T E N E D O R E S  *********/
/******************************************************/

/* INFORMACIÓN */

#contenedorInfo {
	float: right;
	width: 505px;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}

#contenedorInfoDisponible {
	float: right;
	width: 505px;
	background-color: #715E38;
	text-align: left;
	padding-left: 5px;
	height:350px;
}

.contenedorInfo {
	float: right;
	width: 505px;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}

#topMenuDorado, #topMenuCofradias, #topMenuHermandades, #topMenuCapitulos, #topMenuSaludos, #topMenuProcesion, #topMenuApuntes, #topMenuPrograma {
	width: 710px;
	background-color: #715E38;
	float: left;
}

#infoCofradias, #infoHermandades, #infoCapitulos, #infoSaludos, #infoProcesion, #infoApuntes, #infoPrograma {
	width: 710px;
	background-color: #000;
	float: left;
}

#nombre, #cofradias, #hermandades, #capitulos, #saludos, #procesion, #apuntes, #programa{
	width: 505px;
	float: right;
	background-color: #000;
	vertical-align: bottom;
	text-align: left;
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #715E38;
	font-variant: small-caps;
	padding-left: 5px;
}

#fondoSaludos, #fondoCofradias, #fondoHermandades, #fondoCapitulos, #fondoProcesion, #fondoApuntes, #fondoPrograma {
	width: 189px;
	float: left;
	text-align: left;
	background-color: Black;
	background-image: url(../saludos/imagenes/fondo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}

#contenedorSaludos, #contenedorCofradias, #contenedorHermandades, #contenedorCapitulos, #contenedorProcesion, #contenedorApuntes, #contenedorPrograma {
	float: right;
	width: 505px;
	background-color: #FFFFFF;
	text-align: left;
	padding:10px 0px 10px 5px;
}

#contenedorCofradias {
	height:350px;
}


#contenedorCreditos {
	float: right;
	height: 500px;
	width: 505px;
	background-color: #FFFFFF;
	text-align: left;
	padding:10px 0px 10px 5px;
}





/******************************************************/
/******************* C O F R A D I A S  ***************/
/******************************************************/

.titNegro {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #000;
}

.titCrema {
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}

.Crema {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #A5926E;
}

#firma {
	text-align: right;
	font-style: italic;
	margin: 10px;
}

.der {
	text-align:right;
	margin:15px;
}

.lupa {
	width: 166px;
	text-align: right;
}

#Foto{
	width: 166px;
	float:left;
	padding:10px;
	border:1px solid #000000;
	padding:3px;
}

.Foto{
	width: 166px;
	float:left;
	border:1px solid #211711;
	padding:3px;
	margin:10px 0 10px 5px;
}

#InfoDerecha, #InfoHumildadRight {
	width: 280px;
	float:left;
	text-align: justify;
	margin: 10px;
}

.InfoDerecha {
	width: 280px;
	float:left;
	text-align: justify;
	margin: 10px;
}

#recorrido {
	width: 465px;
	background-color: #000;
	padding: 3px 3px 3px 7px;
}

.plano{
	width: 166px;
	float:left;
	padding:10px;
}

#centrado {
	text-align:right;
	margin:10px;
	padding-right:20px;
}

#gira {
	text-align:center;
	color:#666666;
}

#directos {
	width:200px;
	float:left;
}

p.cero {margin:0}

/******************************************************/
/**** A P U N T E S   C R I S T O   H U M I L D A D ****/
/******************************************************/

#humildad {padding-left:10px;
border:1px solid #4C412A;
margin:50px 0 20px 0;
background-color:#726344}
#humildad ul {list-style-type:none; margin:5px; padding:5px}
#humildad li { background:url('../imagenes/list.gif') no-repeat 0px 8px; padding:3px 0;}
#humildad a {text-decoration:none;}
#titulo_humildad{font:bold italic 17px Georgia; margin:10px 35px 10px 10px; border-bottom:1px solid #4C412A}
#InfoHumildad, #InfoHumildadRight p {margin:10px 0px; text-indent:20px;} 


/******************************************************/
/***************** P R O G R A M A ********************/
/******************************************************/


.hora {background-color:#32231A; color:#BAA688; font-weight:bolder; padding:0 2px;}

.marron {color:#211711; font-weight:bolder;}

#nota { border:1px solid #211711; background-color:#BAA688; padding:3px 10px 10px 10px;}

.nota {font-weight:bold; background-color:#211711; text-align:center; color:#BAA688; padding:5px;}


/******************************************************/
/******************* T E X T O S **********************/
/******************************************************/




.B{
	font-weight:bolder;
}

h1 {
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #BAA688;
	text-align: right;
	letter-spacing: -1px;
	padding-left:5px;
}

h2 {
	font: bold 13pt Arial, Helvetica, sans-serif;
	background-color:#000;
	display:block;
	color: #BAA688;
	padding-left:5px;
	font-variant: small-caps;
	text-align:left;
}

h3 {
	font: bold 13pt Arial, Helvetica, sans-serif;
	color: #715E38;
	text-align: right;
	font-variant: small-caps;
	vertical-align: text-bottom;
}


.info { 
border-bottom: 1px dotted #BAA688; 
cursor: help; 
} 

.poema{font:italic 11px Georgia;}


/* ENLACES */

/* enlaces generales */

A:link {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A:visited {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A:active {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A:hover {
	text-decoration: underline;
	color: #000;
	font: bold 9pt Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/* enlaces negativos */

A.neg:link {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A.neg:visited {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A.neg:active {
	text-decoration: underline;
	font: bold 9pt Arial, Helvetica, sans-serif;
	color: #BAA688;
}
A.neg:hover {
	text-decoration: underline;
	color: #715E38;
	font: bold 9pt Arial, Helvetica, sans-serif;
	cursor:pointer;
}



/*enlaces de la home */

A.home:link {
	text-decoration: none;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #715E38;
}
A.home:visited {
	text-decoration: none;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #715E38;
}
A.home:active {
	text-decoration: none;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #715E38;
}
A.home:hover {
	text-decoration: none;
	color: #BAA688;
	font: bold 11pt Arial, Helvetica, sans-serif;
	cursor:pointer;
}




/* firma */
#gira {margin:10px 0; padding-bottom:10px; color:#211711;}#notaLeft {
	border:1px solid #211711;
	background-color:#BAA688;
	padding:3px 10px 10px 10px;
}
.notaLeft {
	font-weight:bold;
	background-color:#211711;
	text-align:left;
	color:#BAA688;
	padding:5px;
}
.FotoMedida {
	width: 72px;
	float:left;
	border:1px solid #211711;
	padding:3px;
	margin:10px 0 10px 5px;
}
.InfoDerechaMedida {
	width: 380px;
	float:left;
	text-align: justify;
	margin: 10px;
}