
.layoutmark {
	/*background: #ff00ff !important;*/
}

.limpia { clear: both } 

a.nostyle {
	color: black;
	font-weight: normal;
	text-decoration: none;	
}

BODY {
	background-color: #6b0f02;
	background-image: url(../images/fondoprincipal.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-family: "Garamond", serif;
	font-size: 12pt;
}

.pagefondotop {
	width: 960px;
	height: 29px;
}

.pagefondopie {
	width: 960px;
	height: 32px;
}

.pagefondo {
	width: 960px;
	height: 1219px;
	background: url(../images/fondo-home-centro.jpg) no-repeat;
}

.piequadra {
	text-align: right;
	width: 960px;
}

.piequadra a {
	color: white;
	text-decoration: none;
	padding-right: 10px;
	font-size: 11pt;
	cursor: pointer;
}

#linkhistoria {
	position: relative;
	width: 200px;
	left: 10px;
}

.textotop {
	color: white;
	padding: 40px 5px 5px 0px;
	width: 200px;
	float: right;
}

.tourist {
	width: 131px;
	padding-bottom: 5px;
	float: right;
}

/** Cabecera, datos de contacto **/
.textotop a { color: #ffaa00; }
.textotop a:visited {color: #ffaa00; }
.textotop a:hover {	color: #800000; background: #f4974a; }

/** Div del home de Noticias **/
.noticia-home { text-align: left; }
.noticia-home h2 { padding-top: 10px; }
.noticia-home h2 a { color: #800000; text-decoration: underline; font-size: 12pt; font-variant: small-caps}
.noticia-home h2 a:hover { color: #800000; text-decoration: underline; background: #f4974a}
.noticia-home h3 { margin: 0px }
.noticia-home p { margin: 0px; text-align: justify; padding-right: 15px; }
.noticia-home .fotowrap { width: 166px; height: 125px; float: left;}
.noticia-home .foto { text-align: justify; width: 166px; height: 125px; background-position: center center; background-repeat: no-repeat;}
.noticia-home .overlay { width: 166px; height: 123px; } 	

/** Div del home de Noticias **/
.noticia-ampliada { text-align: left; margin: 80px 0px 0px 20px; }
.noticia-ampliada h2 { padding-top: 10px; }
.noticia-ampliada h2 a { color: #800000; text-decoration: underline; font-size: 12pt; font-variant: small-caps}
.noticia-ampliada h2 a:hover { color: #800000; text-decoration: underline; background: #f4974a}
.noticia-ampliada h3 { margin: 0px }
.noticia-ampliada p { margin: 0px; text-align: justify; padding-right: 15px; }
.noticia-ampliada .fotowrap { width: 166px; height: 125px; float: left;}
.noticia-ampliada .foto { text-align: justify; width: 166px; height: 125px; background-position: center center; background-repeat: no-repeat;}
.noticia-ampliada .overlay { width: 166px; height: 123px; } 	
.noticia-ampliada #vermas { float: right; clear: both;}
.noticia-ampliada #vermas a { color: #b25307; font-size: 11pt; padding-right: 15px; }

/** Estilos sección agenda **/

#agenda { height: 787px; width: 531px }
#mes { font-variant: small-caps; font-weight: bold; font-size: 14pt; margin: 80px auto 0px auto; width: 170px; text-align: center  }

#newsletter-suscribite { margin: 0px auto ; cursor: pointer; text-align: justify; background: white; padding: 10px; height: 62px; width: 340px; border: 1px solid #888; }
#listadoeventos { height: 610px; width: 500px; margin: 0px auto; }

/** Div de eventos de la agenda **/
#eventoagenda { text-align: left; border-bottom: 1px solid #ddd; margin: 5px auto; height: 180px;}
.eventoagenda { text-align: left; border-bottom: 1px solid #ddd; margin: 5px auto; height: 180px;}
#eventoagenda #fecha { font-weight: bold; position: relative; top: 5px}
.eventoagenda .fecha { font-weight: bold; position: relative; top: 5px}

/** Titulo del evento **/
#eventoagenda h2 { margin: 0px; position: relative; top: 5px; margin-bottom: 20px }
.eventoagenda h2 { margin: 0px; position: relative; top: 5px; margin-bottom: 20px }
#eventoagenda h2 a { color: #800000; font-size: 16pt; font-variant: small-caps; font-weight: bold;  text-decoration: none; }
.eventoagenda h2 a { color: #800000; font-size: 16pt; font-variant: small-caps; font-weight: bold;  text-decoration: none; }

#eventoagenda #descripcion { text-align: justify; }
.eventoagenda .descripcion { text-align: justify; }
#eventoagenda p { margin: 0px; text-align: justify; padding-right: 15px; }
.eventoagenda p { margin: 0px; text-align: justify; padding-right: 15px; }
#eventoagenda #vermas { float: right; clear: both;}
.eventoagenda .vermas { float: right; clear: both;}
#eventoagenda #vermas a { color: #b25307; font-size: 11pt; padding-right: 15px; }
.eventoagenda .vermas a { color: #b25307; font-size: 11pt; padding-right: 15px; }
#eventoagenda #vermas a:visited { color: #b25307; }
.eventoagenda .vermas a:visited { color: #b25307; }
#eventoagenda #vermas a:hover { color: #f4974a; }
.eventoagenda .vermas a:hover { color: #f4974a; }

#vermashome a { color: #b25307; font-size: 11pt; padding-right: 15px; }
#vermashome a:hover { color: #f4974a; }
#vermashome a:visited { color: #b25307; }

#eventoagenda .fotowrap { width: 145px; height: 154px; float: left;}
.eventoagenda .fotowrap { width: 145px; height: 154px; float: left;}
#eventoagenda .foto { text-align: justify; width: 145px; height: 154px; background-position: center center; background-repeat: no-repeat;}
.eventoagenda .foto { text-align: justify; width: 145px; height: 154px; background-position: center center; background-repeat: no-repeat;}
#eventoagenda .overlay { width: 145px; height: 154px; } 
.eventoagenda .overlay { width: 145px; height: 154px; } 

#paginadorsimple { width: 500px; margin: 0px auto; text-align: center}
#paginadorsimple #paginas { width: 60%; text-align: center; }
#paginadorsimple #link-anteriores { margin-right: 20px; width: 20%; color: #ccc; }
#paginadorsimple #link-anteriores a { color: #b25307; }
#paginadorsimple #link-anteriores a:visited { color: #b25307; }
#paginadorsimple #link-anteriores a:hover { color: #f4974a; }
#paginadorsimple #link-siguientes { margin-left: 20px; text-align: right; width: 20%; color: #ccc; }
#paginadorsimple #link-siguientes a { color: #b25307; }
#paginadorsimple #link-siguientes a:visited { color: #b25307; }
#paginadorsimple #link-siguientes a:hover { color: #f4974a; }

/** Div de eventos de la agenda **/
#eventodetalle { text-align: left; height: 610px; width: 500px; margin: 0px auto; }
#eventodetalle #fecha { font-weight: bold; position: relative; top: 5px}

/** Titulo del evento **/
#eventodetalle h2 { margin: 0px; position: relative; top: 5px; margin-bottom: 20px; color: #800000; font-size: 16pt; font-variant: small-caps; font-weight: bold;  text-decoration: none; }

#eventodetalle #descripcion { text-align: justify; }
#eventodetalle p { margin: 0px; text-align: justify; padding-right: 15px; }
#eventodetalle #vermas { float: right; clear: both;}
#eventodetalle #vermas a { color: #b25307; font-size: 11pt; padding-right: 15px; }
#eventodetalle #vermas a:visited { color: #b25307; }
#eventodetalle #vermas a:hover { color: #f4974a; }

#eventodetalle .fotowrap { width: 145px; height: 154px; float: left;}
#eventodetalle .foto { text-align: justify; width: 145px; height: 154px; background-position: center center; background-repeat: no-repeat;}
#eventodetalle .overlay { width: 145px; height: 154px; } 

#calendariocairo {
	text-align: left;
}

a.enlacefoto:link, a.enlacefoto:visited{
	color: white;
	text-decoration: none;
}

a.enlacefoto:hover{
	color: white;
	text-decoration: none;
}

#historia { width: 500px; margin-top: 85px; }
#historia p { text-align: justify; padding: 5px; font-size: 11pt;}

.historia { width: 500px; margin-top: 85px; }
.historia p { text-align: justify; padding: 5px; font-size: 11pt;}

#contact INPUT { font-size: 14pt; font-weight: bold; width: 350px; border: 1px solid #888; font-family: Garamond, serif; } 
#contact TEXTAREA {	font-size: 14pt; border: 1px solid #888; font-family: Garamond, serif; width: 350px; height: 260px;}
#contact a { position: absolute; bottom: 10px; right: 10px; }
#contact label { font-size: 14pt; font-variant: small-caps; }
#contact .error { font-size: 10pt; }


/* ESTILO DEL CALENDARIO */
.fondocalendario {
	background: url(../images/fondocalendario.jpg) no-repeat top left;
	width: 251px;
	height: 210px;
	text-align: center;
}

.cal_cur_month {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}

.cal_next_month {
	font-size: 11pt;
	text-align: center;
	color: #888;
}

.cal_prev_month {
	font-size: 11pt;
	text-align: center;
	color: #888;
}

.cal_event_type1 {
	font-size: 12pt;
	text-align: center;
	color: white;
	cursor: pointer;
	padding: 4px;
	background: url(../images/fondoeventocalendario.jpg) no-repeat top left;
}


.cal_event_type1 a {
	text-decoration: none;
	font-weight: bold;
	color: white;
}

.cal_event_type2 {
	font-size: 10pt;
	text-align: center;
	background: #008800;
	color: white;
	cursor: pointer;
}

.fila_dias {
	font-size: 11pt;
}

.tituloh {
	text-indent: -5000px;
	height: 0px;
	width: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	font-size: 0px;
}

.paginador {
border-top: 1px solid #ddd;
}

.paginador a { color: #800000; text-decoration: underline; font-size: 12pt; }
.paginador a:hover { color: #800000; text-decoration: underline; background: #f4974a}

.galerias {	float: left; width: 243px; text-align: center; cursor: pointer;}
.galerias .titulogaleria { text-align: center; width: 200px; margin: 0px auto;}
.galerias .titulogaleria a { color: #800000; text-decoration: underline; font-size: 12pt; }
.galerias .titulogaleria a:hover { color: #800000; text-decoration: underline; background: #f4974a}
.galerias .fotowrap { width: 243px; height: 189px; float: left; }
.galerias .foto { text-align: justify; width: 242px; height: 190px; background-position: 20px 30px; background-repeat: no-repeat;}
.galerias .overlay { width: 243px; height: 189px; } 	

.foto-galeria {	float: left; width: 238px; text-align: center; cursor: pointer;}
.foto-galeria a { color: #777;}
.foto-galeria .titulofoto { float: left; background: url(../images/foto-galeria-pie.gif); width: 238px; height: 40px; font-size: 11pt; }
.foto-galeria .fotowrap { width: 238px; height: 155px; float: left; }
.foto-galeria .foto { text-align: justify; width: 230px; height: 160px; background-position: center 15px; background-repeat: no-repeat;}
.foto-galeria .overlay { width: 238px; height: 155px; } 	

.foto-firma { float: left; width: 238px; text-align: center; cursor: pointer;}
.foto-firma a { color: #777;}
.foto-firma .titulofoto { margin:0px; float: left; background: url(../images/firma-foto-pie.gif) no-repeat; width: 238px; height: 32px; font-size: 11pt; }
.foto-firma .titulofoto p { margin: 0px; padding: 5px; color: white; }
.foto-firma .fotowrap { width: 238px; height: 155px; float: left;text-align: center; vertical-align: bottom;  }
.foto-firma .foto { width: 230px; height: 160px; background-position: bottom bottom; background-repeat: no-repeat;}
/*.foto-firma .fotowrap img { position:absolute; bottom: 5px; }*/
.foto-firma .overlay { width: 238px; height: 155px; } 	

.titulo-galeria { font-size: 12pt; padding: 10px; }
.titulo-galeria label { font-variant: small-caps; font-size: 14pt; font-weight: bold; }

.paginadorfotos { width: 470px; border-top: 1px solid #ddd } 
.paginadorfotos a { color: #800000; text-decoration: underline; font-size: 12pt; }
.paginadorfotos a:hover { color: #800000; text-decoration: underline; background: #f4974a}

.paginadorfirmas { width: 470px; border-top: 1px solid #ddd } 
.paginadorfirmas a { color: #800000; text-decoration: underline; font-size: 12pt; }
.paginadorfirmas a:hover { color: #800000; text-decoration: underline; background: #f4974a}


