/* DEFINCIONES GENERALES */
/* 01/10/04 */


/*

COLORES

violeta corporativo:	#4F2664
naranja corporativo:	#f75800
fondo general:			#F8B794
lineas y resaltes:		#805E4C


*/

body {
	margin: 0px;
	padding: 0;
	font-family: verdana, geneva, helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #f00;
}

hr {
	border-top: 3px dotted #805E4C;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-right: 190px;
	text-align: left;
}

#contenido {
    position: relative;
	min-width: 940px;
	width: 1000px;

}

/* DEFINICIäN DE PARTES DE LA MAQUETA -- POSICIONAMIENTO*/

/* CABECERA CON TRES COLUMNAS */

#cabecera {
	height: 60px; /* 100px*/
	margin: 0px; 
	padding: 20px; /* El contenido no toca el borde*/
	color: #779;
	background-color: #94D5F8; /* Integra el fondo del dibujo*/
	border-top: 1px solid #805E4C;
	border-left: 1px solid #805E4C;
	border-right: 1px solid #805E4C;
	border-bottom: 4px solid #805E4C;
	z-index: 2;
	

	background-image: url(imagenes/portada.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}


#dibujo {
	width: 398px;
	height: 162px;
	margin: 0px; /* arriba derecha abajo izquierda*/
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 7;
	padding: 0px;
	background-color: transparent;
	display: block;
	background-image: url(http://miralba.org/imagenes/cole.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


/* Menú de navegación del lateral izquierda*/


div#izquierda {
	float: left;
	width: 120px;
	margin: 0;
	background-color: #fff; 
	color: #000;
	z-index: 8;
	text-align: center;
	border-right: 1px none #4F2664;
}

div#izquierda ul {
	margin: 10px 0 5px 0; /* IE y Opera usan Margin-left para ajustar la indentación de las listas */
	width: auto;
	padding: 0 0 0 4px;
	color: #4F2664;
	background-color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	list-style-type: none;
}

div#izquierda ul li ul{
	margin: 0 0 10px 0;
	font-size: 10px;
	font-weight: normal;
	background-color: #fff;
	color: #000;
	text-transform: none;
	text-align: left;
	padding: 0;
	list-style-type: none;
	border-top: 1px dotted;
}

div#izquierda ul li ul li {
}

div#izquierda a {
	color: #555;
	background-color: #fff;
	text-decoration: none;
	padding: 2px 6px;
	display: block;
}

div#izquierda a:hover {
	background-color: #F7E6FF;
	color: #333;
	text-decoration: none;	
}


/* Pequeña zona para poner la ruta de navegación (si es que tiene sentido) Si no sirve de separador necesario*/


div#navegar {
	height: 70px;
	padding: 0 140px;

}

* html div#navegar {
	margin-left: 0;
	padding: 0 20px;
}

div#contenido_superior {
	margin-left: 140px;
	margin-right: 10px;
	height: 430px;
}
/*
* html div#contenido_superior {
	margin-left: 0;
	float: left;
}
*/
/* Zona de pastoral*/

div#pastoral {
	border: 1px dotted #4F2664;
	background-color: #fff;
	color: #000;
	margin-right: 386px;
}

* html div#pastoral {
	margin-right: 386px;
	width: auto;
}

div#pastoral h1 {
	font-size: 14px;
	text-transform: uppercase;
	background-color: #B19CBC;
	margin: 0;
	padding: 4px;
	color: #fff;
}

div#pastoral h2 {
  	font-size: small;
	font-weight: bold;
	padding: 0px 8px;
	color: #4F2664;
	background-color: #fff;
}

div#pastoral h3 {
  	font-size: small;
	font-weight: bold;
	padding: 0px 8px;
	color: #4F2664;
	background-color: #fff;
}


div#pastoral p {
	font-size: 12px;
	line-height: 18px;
	padding: 0 8px;
}


div#pastoral blockquote {
	font-size: 12px;
	line-height: 18px;
	margin: 0 24px;
	font-style: italic;
}

div#pastoral p a {
	color: #635900;
	background-color: #fff;
	text-decoration: underline;
}

div#pastoral p.entradilla {
}

div#pastoral p.vermas {
	margin: 0;
	font-size: 10px;
	background-color: #EBD6F5;
	text-align: right;
	padding: 2px 8px;
}

div#pastoral div.contenido {
 	height: 317px;
	overflow: auto;
}

/* Columna auxiliar de la derecha */

div#derecha {
	float: right;
	width: 170px;
	color: #000;
	background-color: #F8E8DF; 
	z-index: 4;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #805E4C;
	padding: 0;
}


div#derecha h1 {
	padding: 4px;
	margin: 0; 
	color: #FFF;
	background-color: #CC977A;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

div#derecha h2 {
	font-size: small;
	font-weight: bold;
	padding: 0px 10px;
	color: #805E4C;
}

div#derecha h2 a {
	color: #805E4C;
	text-decoration: none;

}

div#derecha h2 a:hover {
	color: #000;
}

div#derecha p {
	font-size: 10px;
	line-height: 120%;
	padding: 0px 8px;
}


div#derecha p.vermas {
	text-align: right;
	margin: 0;
	padding: 2px 8px;
	background-color: #ECC6B2;
}

div#derecha p a {
	color: #805E4C;
	text-decoration: underline;	
}

div#derecha p a:hover {
	color: #000;
}


div#derecha strong, div#derecha em, div#derecha b, div#derecha i {
	color: #805E4C;
}


/* Cuerpo de la página */

div#centro {
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 140px;/* ancho columna lateral + padding columnas (10x2) */
	margin-right: 10px;
	padding: 0;
	color: #000;
/*	background-image: url(http://miralba.org/imagenes/back.gif);
background-repeat: repeat-y; */

/* Si no se especifica width, parece que se evitan algunos errores de IE/WIN*/
/* Adem¸s se obtiene que la columna es flu‚da y el texto se ajusta al tamašo de la ventana*/
}


div#centro * {
	font-family: verdana, arial, helvetica, genvea, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

div#otras {
	margin-right: 190px;
}

.destacada {

/* Marco para destacar la noticia principal de la portada*/
	margin: 0;
	margin-bottom: 10px;
	margin-right: 190px;
	padding: 0;
	border: 1px dotted #F75800;
	background-color: #fff;
}



div#centro p {
	padding: 0 8px;

}

div#centro ul {
	list-style: disc outside none;
}

div#centro ul li {

}

div#centro h1, div#centro h1 a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #F8A77C;
	padding: 4px 8px;
	margin: 0;
	text-transform: uppercase;
}

div#centro h1 a {
	padding: 0;
	text-decoration: none;
}


div#centro h2{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0 8px;

}

div#centro h3 {
	font-weight: bold;
	margin-right: 1em;
	color: #000;
	background-color: transparent;
	display: run-in; /* Arreglar para IE/Win */
	padding-left: 8px;
}


div#centro h4 {
	font-weight: bold;
	margin-right: 1em;
	font-style: italic;
	color: #000;
	background-color: transparent;
	display: run-in; /* Arreglar para IE/Win */
	padding-left: 8px;
}

div#centro p.entradilla {
	font-weight: normal;
	color: #000;
	background-color: #F8E1D5;
	line-height: 130%;
	margin: 0;
	padding: 10px;
}

div#centro blockquote {
	padding: 8px;
	margin: 8px;
	font-style: italic;
}

div#centro p.vermas {
	margin: 0;
	font-size: 10px;
	text-align: right;
}

#centro strong, #centro em, #centro b, #centro i, #centrobis strong, #centrobis em, #centrobis b, #centrobis i {
	color:#635900;
	background-color: transparent;
}

/* Comportamiento de los enlaces*/

div#centro a {
	color: #635900;
	background-color: transparent;
	text-decoration: underline;				
}

div#centro a:hover {
	color: #FFF;
	background-color: #635900;
	text-decoration: underline;		
}

div#centro a:visited {
	color: #805E4C;
	background-color: transparent;
	text-decoration: none;			
}
	
/* Lista de titulares en la página principal */

div#centro ul.titulares {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	list-style: none;
}

div#centro ul.titulares li {
	margin-bottom: 10px;
	font-size: 12px;
	padding: 0 8px;
}

div#centro ul.titulares li span {
	font-weight: bold;
}

div#centro ul.titulares a {
	text-decoration: underline;
	font-size: 12px;
	color: #4F2664;

}

div#centro ul.titulares a:hover {
	text-decoration: underline;
	background-color: #4F2664;
	color: #fff;
}

div#centro ul.titulares a:visited {
	text-decoration: line-through;
}

/* Galeria de imagenes */

.imagen {
	display: inline;
	padding: 2px;
	height: 100px;
	top: 0px;
}

.texto {
	width: 300px;
	display: block;
}

/* Definiciones complementarias*/

/* Modifican el comportamiento de alineaciÖn por defecto de las clases*/

.centrado {
	text-align: center;
}

.piefoto {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	text-align: center;
	font-size: x-small;
	font-style: italic;
	color: #805E4C;
	font-family: sans-serif;
	
}

.derecha {
	text-align: right;
}

.indentado {
	padding-left: 50px;
}


/* Definiciones genòricas para tablas*/

td, th{
	text-align: left;
	padding: 2px 6px;
	vertical-align: top;
	color: #000;
	background-color: #fff;
	font-size: 10px;
}

TH {
	color: #805E4C;
	font-size: 10px;
	font-weight: normal;
	background-color: #F8D8C6;
}


TABLE {
	margin: 0 auto;
	width: 90%;
	color: #000000;
	background-color: #F8D8C6;
	border: 1px solid #805E4C;
}



div#video {
	min-width: 384px;
	margin: 0;
	padding: 0;
	float: right;
}

* div#video {
	width: 384px;
}

div#video p {
	margin: 0;
	padding: 0;
}

div#video h2 {
	padding: 2px;
	background-color: #000;
	color: #eee;
	margin: 0;
	font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

div#video h3 {
	padding: 2px;
	background-color: #000;
	color: #EEDD83;
	margin: 0;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

div#video ul {
	background-color: #000;
	color: #ddd;
	list-style: none;
	padding: 10px;
	margin: 0;
	height: 60px;
	overflow: auto;
	width: auto;
}

div#video ul a {
	color: #ddd;
	font: 10px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

div#video ul li {
	padding: 2px;
}

div#video ul li a:hover {
	background-color: #666;
}

div#video ul li:hover {
	background-color: #666;
}

div#video ul li.alt {
	background-color: #333;
}