/*---------------------------
 CSS - Iglesia de Alenza 
	@@ Roberto Gómez
---------------------------*/

/* Reset CSS ----------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a {outline:0; text-decoration: none;}
/* ----- reset css ----- */

/* IEPNG fix-------------
USAGE: All you have to do is include this one line in your CSS file, with the
tag names to which you want the script applied:
*/

div#botoneraSup *,
div#botoneraInf *,
div#logo img { behavior: url(iepngfix.htc) }



/* Generales */

body {
	background: #55636b url(images/fondo.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
.clr {
	clear: both;
}
.espacio {
	clear: both;
	margin: 15px 0;
}
strong {
	font-weight: bold;
}
a {
	color: #333;
	font-weight: bold;
}
/* Layout */

#logo { position: absolute; top: 0px; left: 50px; }

/* Botonera Sup */
#top { height: 67px; position: relative;}
#top ul { margin: 0 20px 0 330px; position: absolute; bottom: 0px; }
#top li {
	margin: 0px;
	float: left;
}
#top li a:link,
#top li a:visited { 
	float: left; 
	display: inline;	/* hack para el bug de double margin en explorer */
	background: url(images/botonTop.png); 
	height: 39px; 
	line-height: 39px; 
	padding: 0px 15px; 
	margin: 0px 5px; 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	}
#top li a:hover {
	background: #145250;
	color: #FFCC00;
	line-height: 26px;
}
/* ------ */


#imagenCentral {
	height: 273px;
	margin: 0 200px;
}
#imagenCentral img {
	margin: 6px 0 0 100px;
}
#imagenCentral div {
	margin: 5px 0 0 90px;
}
#cuerpo {
	border-bottom: 5px solid #374851;
	}
#cuerpoCentral {
	
	width: 568px;
	margin: 0 0 0 318px;
	background: #fff url(images/fondocuerpo.jpg) repeat-y;
}
#cuerpoCentral div {
	padding: 20px;
	background: url(images/cierrecuerpo.jpg) bottom no-repeat;
	min-height: 270px;
	*_height: 270px; /* hack IE */

}

/* Botoneras Laterales*/
#botoneraSup,
#botoneraInf {
	float: left;
	width: 263px;
	clear: left;
	margin-left: 20px;
	color: #fff;
	display: inline;	/* hack para el bug double margin en explorer */
}
#botoneraInf {
	float: none;
	display: block;		/* por culpa del hack */
	margin-left: 18px;
	
}
#botoneraSup div
{
	padding: 15px 20px 15px 25px;
	background: url(images/botoneraSup.png) left bottom no-repeat;
	text-align: center;
}
#botoneraInf div {
	background: url(images/botoneraInf.png) center top no-repeat;
	padding-top: 20px;
	text-align: center;
}

#botoneraSup a:link,
#botoneraSup a:visited,
#botoneraInf a:link,
#botoneraInf a:visited {
	line-height: 22px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#botoneraSup a:link,
#botoneraSup a:visited
{
	text-transform: uppercase;
	display: block;
	width: 200px;
	padding: 1px;
	
}

#botoneraSup a:hover,
#botoneraInf a:hover {
	color: #FFCC00;
	border: 1px solid #314048;
	background: #3d4f59;
	padding: 0px;
}

#anuncios
{
	margin-top: 30px;
	text-transform: uppercase;
	border-top: 2px solid #32424a;
}

#anuncios p {
 margin-bottom: 7px;
 margin-right: 10px;
 border-bottom: 2px solid #FFCC00;
 color: #FFCC00
}

#anuncios a:link,
#anuncios a:visited {
	line-height: 18px;
}

/* ============================
		CONTENIDOS
-------------------------------- */
#cuerpoCentral h1 {
	font-size: 1.2em;
	margin-bottom: 25px;
	color: #333;
	font-style: italic;
	border-bottom: 2px solid #333;
}

#cuerpoCentral h1.cita {
	text-align: right;
	border: none;
}

h2.noticia {
	color: #fff;
	background: #888;
	border-right: 5px solid #333;
	padding: 5px 5px 2px;
	text-align: right;
	font-weight: normal;
	font-style: italic;
	margin-top: 30px;
}

#cuerpoCentral p {
	margin: 5px 0 10px;
	color: #333;
}
#cuerpoCentral .firma {
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 0.95em;
	margin: 35px 0 0 0;
}

#cuerpoCentral a:hover {
	text-decoration: underline;
}

#cuerpoCentral .enlaces li {
	margin: 10px 5px 5px;
	color: #666;
	font-style: italic;
	list-style: square;
}
.enlaces a:link,
.enlaces a:visited {
	font-style: normal;
}

#cuerpoCentral td {
	padding: 8px;
	border: 1px solid #888;
	color: #333;
}

#puestaSol {
	margin: 0 auto;
}
#puestaSol th {
	border: 1px solid #444;
	text-align: center;
	padding: 10px;
	background: #bbb;
	color: #444;
}
#puestaSol td.dia {
	text-align: center;
	width: 20px;
	background: #999;
	color: #222;
}
#puestaSol td.hora {
	text-align: center;
	width: 100px;
}

.foto {
	padding: 5px;
	border: 1px solid #fff;
}
.izquierda {
	float: left;
	margin: 0 10px 5px 0;
}
.derecha {
	float: right;
	margin: 0 0 5px 10px;
}
.capaOculta {
	display: none;
	padding: 5px 15px 15px;
	margin: 0px;
}
#cuerpoCentral .musica {
	background: none; 
	width: 225px; 
	margin:0; 
	padding: 0;
}
#cuerpoCentral .video {
	background: #eee; 
	width: 270px; 
	padding:5px 0 0 10px; 
	margin:0; 
	border: 1px solid #aaa;
}

.pdf {
	padding-top: 0px;
	margin: 10px;
}
.pdf img {
	margin: 0 10px;
}
ul#cultos li a,
ul#cultos li a:visited,
ul#cultos li a:link {
	display: block;
	float: right;
	clear: right;
	width: 150px;
	padding: 5px 5px 5px 10px;
	background: #55636b;
	color:#fff;
	border: 1px solid #fff;
}
ul#cultos li a:hover,
ul#cultos li a.active {
	background: #033;
	color: #C90;
	text-decoration: none;
}