/************** CSS CATEDRAL DE CORDOBA  **************************************************/

form { display: inline; margin-top: 10px; margin-bottom: 10px;}
ol, ul {list-style: none;}
li { margin-bottom: 10px; margin-left: 15px;}
.clear { clear: both} 	/* ESTA CLASE OBLIGA AL POSICIONAMIENTO NORMAL (IZQ.) TRAS UN DIV AL QUE SE LE APLIQUE UN FLOAT

/* Unidades divisorias de las páginas */
/* LOS ESTILOS CON * DELANTE NO SON INTERPRETADOS POR EXPLORER. PARA EL MODELO DE CAJAS ES NECESARIO INCLUIRLOS, INDICANDO PRIMERO EL 
/* VALOR DE IE Y DESPUES DE FIREFOX */
/* ESTILO PRECEDIDO POR # o *: SOLO IE7 */

body { 	font-size: 12px; font-family: Tahoma, Verdana, Arial; 
		background: white url(imagenes/fondobody.png) repeat-x top left; color: #CF6316; /*#555753;*/ 
		line-height: 1.88889; 
		padding: 10px 0px;
		#text-align: center;
	}
#contenedor {	width: 900px; *width: 912px;
				border: #c0c0c0 1px solid;	
				background-color: #ffffff;
				margin:0 auto;
				padding: 5px;
				text-align: left;
			}
/************************* seccion CABECERA */
#cabecera  	{ 	WIDTH: 100%; HEIGHT: 120px; background: #000 url(imagenes/cabecera.png) left top no-repeat; display: block; margin-bottom: 10px;}
#cabmenu { 	WIDTH: 100%; height: 35px; margin: 5px 0px; 
			background: url(imagenes/fondomenu.jpg) left top repeat-x;
			font-size: 0.9em; line-height: 1.2;}
#idiomas ul	{ }
#idiomas li	{ display: inline; float: right; list-style:none}
/************************* seccion CONTENIDO */
#contenido, #contenidog {	width: 100%;  }
#contenido   { background-color: #fff; /*#F3F0EB; */}
#contenidog { background-color: #000000; }
#formcontacto { margin-top: 20px; margin-bottom: 20px;}
				
/************************* seccion PIE */
#pie { WIDTH: 100%; margin-top: 5px; background: url(imagenes/fondopie.jpg) left top repeat-x; color: #524930; background-color: #6C0433; height: 55px; font-weight: bolder; font-size: 0.8em;}   
#contenidopie { padding: 10px; color: #fff;}

/************************* seccion TITULAR */
#marcotitulares 		{ 	padding: 10px; 
						width: 430px; *width: 452px;
						height: 240px; *height: 262px;
						border: 1px #4C4C4C solid; float: right; 
						background-color: #fff; }
#marcotitulares IMG { padding: 0px; margin: 0px; }
#contenidotitulares {
		background: url(imagenes/fondoseccion.jpg) left top repeat-y; 
		padding-left: 20px;padding-top: 10px; padding-right: 20px;
		color: #4c4c4c;
		height: 188px; *height: 198px;}
#contenidotitulares IMG { 
	padding: 2px;
	margin: 0px 10px 10px 0px;
    border: 1px #524930 solid;
	float: left;
	width: 20%;}
#contenidotitulares P { text-align: justify; }
#contenidotitulares P.fechanoticia {  color: #878787; font-size: 0.8em; font-weight: bolder; 
								    margin-bottom: 10px; 
									line-height: 1.2em;}
#contenidotitulares A { color: #524930; 
						font-size: 1.1em; font-weight: bolder;
						margin-bottom: 5px;					}
/********************************************************************************************************/
/*************************  SECCIONES  ******************************************************/
#seccionMonumento 	{	width: 450px; height: 100px; *height: 150px; padding-top: 50px; margin-top: 10px;
						background: url(imagenes/elmonumento.png) left top no-repeat;}
#seccionFases  		{ 	width: 450px; height: 100px; *height: 150px; padding-top: 50px; margin-top: 10px; 
						background: url(imagenes/fases.png) left top no-repeat;}
#seccionInformacion  { 	width: 450px; height: 100px; *height: 150px; padding-top: 50px; margin-top: 10px;
						background: url(imagenes/informacion.png) left top no-repeat;}
#seccionCabildo  	{ 	width: 450px; height: 100px; *height: 150px; padding-top: 50px; margin-top: 10px;
						background: url(imagenes/escudocabildo.png) left top no-repeat;}
p.seccionsecciones {
					padding-left: 15px;
					font-size: 1.1em;
					color: #ffffff;
					margin-left: 20px;
					margin-bottom: 5px;
					background: url(imagenes/button.gif) left center no-repeat;
}
#animacion {float: left; width: 480px; display: inline;}
#seccionagenda { border: 1px #4C4C4C solid; float: left; width: 300px; height: 150px; *height: 210px; background: #fff url(imagenes/fondoagenda.jpg) left top no-repeat; padding-top: 50px; margin-top: 10px;}
#seccioncontacto {border: 1px #4C4C4C solid; float: left; width: 300px; height: 150px; *height: 210px; background:#fff url(imagenes/fondocontacto.jpg) left top no-repeat; padding-top: 50px; margin: 10px 20px 0px 20px; }
#seccioncultos {border: 1px #4C4C4C solid; float: right; width: 300px; height: 150px;  *height: 210px; background: #fff url(imagenes/fondocultos.jpg) left top no-repeat; padding-top: 50px; margin-top: 10px;}
#secciongaleria {border: 1px #4C4C4C solid; width: 450px; height: 100px; *height: 160px; background: #fff url(imagenes/fondogaleria.jpg) left top no-repeat; padding-top: 50px; margin-top: 10px; float: left;}
#secciontesoro {border: 1px #4C4C4C solid; width: 450px; height: 100px; *height: 160px; background: #fff url(imagenes/fondotesoro.jpg) left top no-repeat; padding-top: 50px; margin-top: 10px; float: right;}

.resmarcoi { width: 165px; margin-left: 10px; text-align: left; line-height: 1.5em;}
.resmarcod { width: 100px; text-align: left; line-height: 1.5em;}

#seccionnoticias IMG { 
	padding: 2px;
	margin: 0px 10px 75px 0px;
    border: 1px #524930 solid;
	float: left;
	width: 10%;}
#seccionnoticias P { text-align: justify; }
#seccionnoticias P.fechanoticia {  color: #878787; font-size: 0.8em; font-weight: bolder; 
								    margin-bottom: 10px; 
									line-height: 1.2em;}
#seccionnoticias A { color: #524930; 
						font-size: 1.1em; font-weight: bolder;
						margin-bottom: 5px;					}
#seccionnoticias A.vermas { color: #524930; 
						font-size: 0.9em; font-weight: bolder;
						margin-bottom: 5px;					}

/************************ TEXTOS ******************************************************************/
H1 { font-family: sans-serif; color: #061298; font-size: 150%; margin-left: 20px;}
H3, H3.gris {	color: #CF6316; background-color: #000000; font-weight:bold; font-size:1.2em; font-family:Georgia; font-style:italic; 
			padding:10px 0px 10px 0px; margin:0px 0px 20px 0px; border-bottom: #524930 solid 1px;}
H3.gris { background-color: #F3F0EB; }
.desarrollo { margin: 0px 20px 0px 20px; }
#pag1, #pag2, #pag3, #pag4, #pag5 { height: 250px; }
.numerospagina { float: right; margin-top: 20px;}
#notas { margin: 0 auto; }
UL.notas1  {width: 48%; float: left; list-style-type: square; color: #fff; text-align: justify; }
UL.notas2  {width: 48%; float: right; list-style-type: square; color: #fff; text-align: justify; }

p { text-align: justify; margin-left: 20px;}
p.parrafon {color: #c4c4c4;}

p.parrafo { text-align: justify; text-indent: 25px; margin-bottom: 15px; line-height: 1.4em;}
p.poema { font-family: Georgia; font-size: 1.3em; width: 200px; text-align: left;}
p.aviso { color: #524930; font-weight: bolder; font-size: 0.8em;}

/************************** NOTICIAS ***********************************************************/


label {display:block; font-weight:bold;}
label.form { margin-bottom: 5px;  margin-top: 10px;}  
label.normal {font-weight:normal;}

A  { text-decoration: none;}
A.blanco {color:#ffffff; margin-right: 10px; }
A.marron { color:#50472F }
A :link, A :visited, A :active , A :hover { text-decoration: none;}
A.numpag, A.numpagselec  { background-color: inherit;
		 border: #c0c0c0 solid 1px;
		 font-size: 0.9em; line-height: 1;
		 font-weight: bolder; 
		 color: #007BB7;
		 padding: 4px;
		 *height: 15px;
		 margin-right: 2px;
		 display: inline;
		 }
A.numpagselec {background-color: #007BB7;	color: white;}		 
A.numpag:hover { background-color: #007BB7;	color: white; display: inline;}
A.numpag:active {background-color: #007BB7;	color: white;}

A.enlace , A.pdf , A.prin, A.enlacesintab {  		
		font-size: 1em; font-weight: bolder; 
		height: 15px;
		color:#666666;
		width: 100%;
		text-align: justify;
}
a.pdf { 
		 background: white url(imagenes/logopdf.jpg) no-repeat left top;
}		 
A.enlace:hover { text-decoration: underline; }
A.anexo, A.anexorojo { 
		 background: white url(imagenes/marca.jpg) no-repeat left top;
		 padding-left: 20px; font-weight: bolder;
		 margin-bottom: 10px;
}

A.anexorojo { background-color: #800000; color: #ffffff;}
A.anexo:hover { text-decoration: underline; }

INPUT { margin-right: 10px; border: 1px #808080 solid;}
INPUT:focus {  background:#FFF799; } 
.formulario {width: 100%;}
.formulario INPUT {margin-top:0px; }
.formulario td {padding-top: 5px;} 
INPUT.radio {padding-top: 0px; margin-top: 0px; border-width: 0px;}
INPUT.wt { text-align: left;}
INPUT.wn{ text-align: right;}
INPUT.wto { text-align: left; background: white url(imagenes/19.jpg) no-repeat right center;}
INPUT.wno{ text-align: right; background: white url(imagenes/19.jpg) no-repeat left center;}

INPUT.boton  { 
 background-color:  #D8CA35; /*#007BB7; */
 margin-LEFT: 10px; margin-right: 10px;
 border: 1px #B05F0D outset;
 color: #000; /*white;*/
 text-decoration: none;
 font: bold 120% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 }

IMG.imgalbum { width: 80px; height: 70px;}
.marcoimgalbum { padding: 2px; background-color: white; display: inline;  margin-left: 5px; margin-right: 5px;} 
.cabalbum {width: 100%; height: 28px;background: white url(imagenes/fondo2.png) repeat-x left top; border-LEFT: #343434 solid 1px;border-right: #343434 solid 1px;}
.marcoalbum {width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center;background: black;border-LEFT: #343434 solid 1px;border-right: #343434 solid 1px;}
p.textoalbum { width: 100%; color: #ffffff; font-size: 0.8em; padding-top: 5px;font-weight: bolder; text-align: left; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding-bottom: 0px;}
p.marron {font-size: 1.1em; font-weight: bolder; color:#50472F }

.resumen {text-align: justify;}
IMG.titulares { 	
			float: left;
			padding: 2px;
			margin: 0 10px 5px 0;
			display: inline;
			width: 50px; height: 50px; 
			border: 1px #ccc solid;
}

TEXTAREA {border: 1px #808080 solid;}
TEXTAREA:focus {  background:#FFF799; } 
TABLE{ font-size: 1em; }


SELECT {  display: inline; font-size: 11px;margin-left: 0px;}
SELECT.form {margin-left: 0px;}

/*** OPCIONES DE TEXTO **/
.Titulartxt, .Titulartxtn  { font-size: 1.2em; margin-bottom: 10px;}
.Titulartxtn { font-weight: bolder; text-align: left;}
.txt , .txtayuda {  font-size: 1em; line-height: 2; text-align: justify; margin-bottom: 10px; text-align: justify;} 
.txtn  {  font-size: 1em; line-height: 2, text-align: justify; margin-bottom:10px;  font-weight: bolder;text-align: justify;}
.txtresumen  { margin-bottom: 10px; font-size: 1em; line-height: 1.5; text-align: justify;}
.txt, .txtn,  .txttab, .txtntab, .txttabm, .txtCna,  .txtna, .txtnCna, .txtniCna, .txtCaz, .txtnCaz, .txtniCaz, .txtnCgr, .txtniCgr {  font-size: 1em;}
.txtn, .txtntab, .txtnCna, .txtnCaz, .txtnCgr {  font-weight: bolder; }
.txtni, .txtniCna, .txtniCaz, .txtniCgr {  font-weight: bolder; font-style:italic; }

.txtayuda {
		background: white url(imagenes/icoAyuda.jpg) no-repeat left center; 
		padding-left: 25px;
}

/***** colores   ****/
.txtCna, .txtnCna, .txtniCna, .txtnCnatab {  color: #F2A509; }
.txtCaz, .txtnCaz, .txtniCaz, .txtnCaztab {  color: #1D3A5A; }
.txtCgr, .txtnCgr, .txtniCgr, .txtnCgrtab {  color: #666666; }

.txtnsub {  font-weight: bolder; color:#666666; font-size: 1em; margin-bottom: 20px; border-bottom: #C0C0C0 1px solid; }

.menuindex
{
	width: 317px; height: 154px;
	padding-top: 60px;	 padding-left: 100px;	 padding-right: 20px;
	TEXT-ALIGN: left; 
}

.menupass
{
	width: 317px; height: 154px;
	padding-top: 60px;	 padding-left: 100px;	 padding-right: 20px;
	margin:0 auto; /* centra el div en la página  */
	background:url('imagenes/fdconexion.jpg') no-repeat left top; padding-top: 35px;
}
.marco {  
        /*border: #808080 1px solid;*/
		width: 90%; 
		text-align: left; 
		}
.marcoborde {  
        border: #808080 1px solid;
		margin-bottom: 15px; 
		width: 100%; 
		padding: 10px;
		text-align: left; 
		}

.marcocomentarios {  
		margin-bottom: 15px; margin-top: 50px; 
		width: 100%; 
		height: 50px;
		padding: 10px; padding-left: 50px;
		text-align: left; 
		background-color: #EEEEEE;
		background: #EEEEEE url('imagenes/icocomentarios.jpg') no-repeat left top; ;
		}
		

.titulo, .tituloayuda { 
		text-align: left;
		width: 100%; height: 25px;
		font-size: 1.2em; font-weight: bolder; color: #B05F0D;
        border-bottom: #C18F5C 1px solid;
		background: white url(imagenes/fondotitulos.jpg) repeat-x left center; 
}

.tituloayuda { 
		background: white url(imagenes/icoAyuda.jpg) no-repeat left center; 
		padding-left: 25px;
}


			
.comentario { margin-bottom: 10px;}

#opciones {	margin-bottom: 15px;}
.totales {width: 100%; margin-bottom: 15px;}
.der { text-align: right;}
.centrarbt { margin: 0 auto; width: 100%; text-align: center; margin-top: 25px;}

.titulocomentario { background-color: #c0c0c0; padding: 5px; padding-left: 20px; color: white; font-weight:bolder ;width: 100%;}
.fondocomentario { background-color: #ECEDF2; padding: 10px; padding-left: 20px; width: 100%;}


#bienvenida { padding: 10px; background-color: #fff;  width: 100%; margin-bottom: 5px; }
.motivos {background: url(imagenes/motivolateral.bmp) left center repeat-y; padding-left: 35px;}

#marco { border:1px #4C4C4C solid; background: url(imagenes/fondoseccion.jpg) left top repeat-y; padding: 10px; margin-top: 10px;}

.centrar { text-align: center;margin-bottom: 15px; }

img {  border: none;}
IMG.centrar { text-align: center; margin: 0px auto; border: 1px #524930 solid;}
IMG.izquierda { 
	Float: left;
	margin: 0 15px 15px 0;
	display: inline;
	border: 1px #524930 solid;
}

img.derecha { 
	float: right;
	display: inline;
	margin: 0px 0px 15px 15px; 
	vertical-align: middle;
	padding: 3px;
	border: 1px #524930 solid;
	
}

/***** estilos formulario ***************/
#estiloform{ margin: 20px;}
#estiloform h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
color: #524930;
}
#estiloform p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}

#estiloform label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
margin-right: 20px;
}
#estiloform .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#estiloform input{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
display: block;
}

#estiloform input{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
display: block;
}

#estiloform textarea{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:450px;
margin:2px 0 20px 10px;
display: block;
}

#estiloform .radio {
padding: 0px; margin: 0px; border: 0px;
font-size:12px;
margin:2px 20px 0px 10px;
display: inline;
width: 30px;
}


#estiloform button{
clear:both;
margin-left:160px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#visorcooliris { text-align: center; }

#estiloaviso { margin: 10px;}
#estiloaviso  h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
color: #524930;
}
#estiloaviso  p{
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}

#estiloaviso  label{
display:block;
font-weight:bold;
margin-right: 20px;
}

.rejilla { margin: 20px; width: 100%; border-collapse: collapse; border-bottom: #CECECE solid 1px;border-left:#CECECE solid 1px;border-right: #CECECE solid 1px;}
.rejilla td { padding: 2px; border-bottom: #c0c0c0 dotted 1px; background-color: #fff; color:#8C8A8A;} 
.rejilla td.toprejilla { padding: 2px; background-color: #ECECEC; color: #856F6C; font-weight: bolder; border: #CECECE dotted 1px; }