/* Hoja de estilo de DePRiMeNCia.net

Usa todas las partes del código que quieras, adaptalo, distribuyelo, enriquezelo, modificalo, criticalo, pero sé creativo y no copies el diseño exacto!

*/




/**************************************************************
* Posición, bordes, fondo y margenes de las Capas Exteriores: *
**************************************************************/

#Pagina { /* Esta es una capa que debería ocupar la página entera, y dentro de ella se situan las demás */
	width: 100%; /* El ancho de la capa deberá ser el total de la ventana del navegador... */
	width: expression(document.body.clientWidth > 810 ? "99%" : "800px" ); /* Menos para la #$%& mierda del Internet Exploter, que como no soporta ancho minimo hay que hacer chapuzas como esta */


}

#Cabecera { /* La cabecera es dónde está el titulo de la página. */
	height: 165px;	/* Siempre tiene el mismo alto. */
}

#Izq { /* La capa de la izquierda contiene el menú con todas las opciones*/
	float: left;
	/*color: #000;*/
	width: 122px;
	/*padding: 0px;
	padding-left: 0;*/

}

#Principal { /* La capa donde irá todo el contenido de la página. */
/*	color: #000;*/
	margin-left: 130px;
	min-width: 635px;	
	border: 1px solid #885;
	padding: 7px;	
	padding-top: 1px;
	background: #efea63;

	/*height: 1%; /*Otra vez para el Internet Exploter...*/

}

#Pie {
	margin-top: 20px;
	border: 1px solid #885;
	border-top: 10px solid #885;
	clear: both;
	min-width: 777px;
	padding: 5px;
	background: #f9f8ac;
	text-align: center;
}
















/*********************
* Formatos de Links: *
*********************/

/* Div PRINCIPAL */


.Texto a {
	color: #0000ff;	
	text-decoration: none;	
	border-bottom:  1px dotted black;
}

.Texto a:visited {
	color: #678db2;	
	text-decoration: none;
	
}

.Texto a:hover {	
	color: #865016;
	text-decoration: none;
	border: none;

}



/* Formato del div de las imagenes en el archivo: */

.Imagen_muestra a, .Imagen_muestra a:visited {
	/*color: #738aad;*/
	color: #6b5ecf;
	text-decoration: none;
}
.Imagen_muestra a:hover {
	color: black;
	/*background: #a6b6f8;*/
	/*background: #f4f4dd;*/
}






/* Menú Izquierdo */

/* 
Lista_archivo, Lista_categorias y Lista_menu son casi iguales, solo cambia el borde de Lista_archivo.

Lista_archivo_mes, Lista_menu y Lista_subcat son iguales! (en el php habría que añadir algo para lista menu....) -> Lista_principal

Lista_archivo_anio y Lista_cat son iguales!!!! -> Lista_secundaria
*/

.Lista_archivo a, .Lista_archivo a:visited,
.Lista_categorias a, .Lista_categorias a:visited,
.Lista_menu a, .Lista_menu a:visited
{
	color: black;
	/*width: 95%; /* Chapuza para que se vea bien en el Internet Exploter */
	width: 95px;
	display: block;
	text-decoration: none;	
	border-bottom:  4px solid #eec;
	padding-left: 2px;
}

.Lista_archivo a, .Lista_archivo a:visited {
	border: none;
}

.Lista_menu a:hover,

.Lista_archivo_mes a:hover,
.Lista_categorias_cat a:hover,
.Lista_archivo_anio a:hover,
.Lista_categorias_subcat a:hover

{
	color: #fff;
	/*padding-left: 2px;*/
}

.Lista_categorias_cat a:hover,
.Lista_archivo_anio a:hover {
	background: #44d79c;
}

.Lista_archivo_mes a:hover,
.Lista_menu a:hover,
.Lista_categorias_subcat a:hover
{
	background: #739ae0;	
}




/* Cajas: */


.Caja_interior_cat a {
	color: #c26714;	
	text-decoration: none;	
	text-decoration: underline;
}

.Caja_interior_cat a:visited {
	color: #eb8d38;	
	text-decoration: none;
}

.Caja_interior_cat a:hover {
	/*color: #efa969;*/
	color: #038300;
	text-decoration: overline;

}

.Caja_interior_cat a, .Caja_interior_cat a:hover, .Caja_interior_cat a:visited {
	font-size: 12px;
	letter-spacing: 1px;
}


/* Cabecera y el pie de las cajas.... */

.Cabecera_caja a, .Pie_caja a {
	color: #c26714;	
	text-decoration: none;	
}
.Cabecera_caja a:visited, .Pie_caja a:visited {
	color: #eb8d38;	
	text-decoration: none;
}
.Cabecera_caja a:hover, .Pie_caja a:hover {	
	color: #038300;
	background: #c8f884;
}




/* últimos comentrios y artículos:*/

.Ultimos_centro a, .Ultimos_centro a:visited {
	color: black;	
	text-decoration: none;	
	border-bottom:  1px dotted black;	
}

.Ultimos_centro a:hover {
	border:  none;
	color: #efea63;
}



/* Páginas del archivo.... */

.Paginas_archivo a, .Paginas_archivo a:visited {
	/*font-size: 75%;*/
	text-decoration: none;
	color: #738aad;
}

.Paginas_archivo a:hover {
	/*font-size: 75%;*/
	text-decoration: none;
	color: black;
}
















/******************/
	


.actualizaciones li {
	padding-bottom: 10px;	
	
}


.Lista_listado li {
	padding-bottom: 3px;	
}






/*******************/
.frase_aleatoria {
	background: #e5e4aa;
	text-align: center;
	color: #70704c;
	margin-bottom: 7px;
	margin-top: 7px;
	margin-left: 130px;
	padding: 4px;
	border: 1px solid #70704c;
	border-bottom: 3px solid #70704c;
	border-right: 3px solid #70704c;
	min-width: 635px;
}










/*********************************************
* Formatos de Texto y parrafos de las Capas: *
*********************************************/

.Titulo {
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	display: inline;
}


.Linux_banner {	
	/*float: right;*/	
	display: inline;
}


#Principal {
	text-align: justify;
}


/*

lolailo
*/

.Fecha_hoy {
	color: #730000;

}

.Minifrase {
	color: #ff2c31;	
	font-style: italic;
	font-weight: bold;
	text-align: justify;
}




/**************
* Calendario: *
***************/

.Calendario {	
	font-size: 10px; /* He tenido algún problema con el Internet Exploter, no cogía bien el tamaño predeterminado */
	border: 1px solid #ccc;	
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;	
	margin-left: auto;
	margin-right: auto;
	background: #f4f4dd;
}

.Titulo_calendario {
	border: 1px solid #ccc;
	background: #eee;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
}

.Calendario_cabecera {
	color: #abc;
}

.Calendario_hoy {
	font-weight: bold;
	background: #DADAC5;
}



/* Formato de los enlaces del calendario: */

.Calendario a, .Calendario a:visited {
	/*color: #738aad;*/
	color: #6b5ecf;
	text-decoration: none;
}
.Calendario a:hover {
	color: black;
	/*background: #a6b6f8;*/
	/*background: #f4f4dd;*/
}




/*****************************************************************
* Propiedades de los 4 últimos artículos y 4 últimos comentarios *
******************************************************************/

.Ultimos_articulos, .Ultimos_comentarios {
	
	width: 540px; /* Para el Opera*/
	\width: 610px; /* Para la mierda del exploter*/
	w\idth: 540px; /* Para el resto*/
/*EN EL PUTO IE EL ANCHO LO PILLA MAL, PORQUE LOS 540 INCLUYEN LOS 70 DE LA IMAGEN DEL LADO, POR LO TANTO EL ANCHO EFECTIVO ES 70 PX MENOR... HAY QUE SUBSANAR ESTO, HACER UN HACK PARA EL JODIDO IEXPLORER*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	/*padding: 10px;	*/
	/*margin-bottom: 15px;*/	
}

.Ultimos_arriba {
	background: url(./imagenes/ultimos_arriba.jpg) no-repeat;	
	height: 28px;
}

.Ultimos_centro {
	background: #ff9900;	
	padding: 1px;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.Ultimos_abajo {
	background: url(./imagenes/ultimos_abajo.jpg) no-repeat;
	height: 29px;
}


.Ultimos_comentarios {
	background: #efea63 url(./imagenes/ultimos_articulos.jpg) no-repeat top left;	
	/*margin-left : 5px;*/
	padding-left: 70px;
	padding-bottom: 15px;	
}

.Ultimos_articulos {
	background: #efea63 url(./imagenes/ultimos_comentarios.jpg) no-repeat bottom right;
	padding-right: 70px;
}


/*
.Ultimos_articulos_texto {
	 background: #efea63 url(../imagenes/estilos/estilo1/Ultimos_articulos.jpg) no-repeat right;
	height: 120px;
	width: 80px;	
	left: 511px;
	position: absolute;	
}
*/


/* ------------------ */


.Lista_archivo, .Lista_categorias, .Lista_menu {
	list-style: none;
	padding: 0;
	margin:0;	
}

.Lista_archivo_anio, .Lista_categorias_cat  {
	/*padding: 0;*/
	margin-top:4px;		
}

.Lista_archivo_mes, .Lista_categorias_subcat  {
	/*padding-left: 10px; */
	margin-left:10px;
}


.Lista_archivo_mes_nolink {
	/*padding-left: 10px; */
	margin-left:12px;
}



.Ultimos_centro ul {
	padding: 0;	
	margin: 0;
	margin-left: 13px;
	list-style-type: square;
}


/*
.Ultimos_centro li {
	padding: 0;	
	margin: 0;
}
*/







/*
.Menu { 
	font-weight: normal;
	color: #000;
	font-size: 10px;
	background: #eec;
}
*/




.imagen_categoria_32x32 {
	float: left;
	width: 32px;
	height: 32px;
	padding-right: 5px;
	border: none;
}





/***************
* ESTADISTICAS *
****************/

.Estadisticas_porcentajes {
	/*border: 2px solid black;*/
	width: 444px;
}

.Estadisticas_numericas {
	/*float: left;*/
	width: 170px;

}


.Estadisticas_Visitas {
	background: green;
/*	display: inline;*/
}

.Estadisticas_Visitantes {
	background: red;
/*	display: inline;*/
}

.Estadisticas_Pags {
	background: blue;
/*	display: inline;*/
}

.Estadisticas_Visitas,
.Estadisticas_Visitantes,
.Estadisticas_Pags {
	margin-top: -13px;
	height: 15px;
	margin-left: 175px;

}

/********************************************/

.Imagen_muestra {	
	margin: 3px;
	border: 3px solid #ccc;	
	height: 180px;
	float: left;
	width: 143px;
	text-align: center;
}




.Tipo_archivo {
	width:98%;
	float: left;

}





.Listado_inicio { /* Esta clase es para el link al listado de articulos de los ultimos articulos, en el incio */
	text-align: center;
	font-weight: bold;
	margin: 3px;
}




.Mensaje_correcto {
	background: #efea63 url(./imagenes/correcto.png) no-repeat top left;
}

.Mensaje_incorrecto {
	background: #efea63 url(./imagenes/incorrecto.png) no-repeat top left;
}


.Mensaje_incorrecto, .Mensaje_correcto {	
	padding-left : 70px;	
	margin-bottom: 15px;
	font-weight: bold;	
	/*border: 1px solid #a78f5a;*/	
}


.Mensaje_incorrecto, .Mensaje_correcto  {
	min-height: 65px;
	height: auto;
}
/* Y ahora la chapuza para la mierda del internet explorer... */
/*\*/
* html .Mensaje_incorrecto, .Mensaje_correcto {
	height: 65px;
}
/**/



h1 {
	letter-spacing: 5px;
	text-align: center;
	border: 1px solid #a78f5a;
	border-bottom: 4px solid #a78f5a;
	background: #D9BB7A;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px;
	color: #6f5318;
	font-size: 22px;	


}

h2 {
	border-bottom: 4px solid black;	
	width: 65%;
}

h3 {
	border-bottom: 2px solid black;
	/*background: #D9BB7A; /*Cambiar éste color */
	width: 55%;
	padding: 1px;
}

h2, h3, h4 {
	text-align: right;
	margin-top: 25px;
	margin-bottom: 25px;
}



h4 { /*Lo usaremos para los titulos de los mensajes de error en los comentarios, por ejemplo.....*/
	border-bottom: 1px solid black;	
	width: 45%;	
}





h2 a, h2 a:visited,
h3 a, h3 a:visited,
h4 a, h4 a:visited
{
	text-decoration: none;	
	color: black;
}

h4 a:hover
{
	color: green;	
}

h3 a:hover
{
	color: red;	
}

h2 a:hover
{
	color: blue;	
}




.cita {
	margin: 20px;
	width: 300px; /*podriamos poner porcentajes, pero quedaria mal para textos cortos con anchura muy larga*/
	background: #E1E1E1 url(./imagenes/comillas.jpg) no-repeat top left; /*MIRAR LA IMAGEN EN OTRAS RESOLUCIONES*/
	font-family: Georgia, "Times New Roman", serif;	
	padding: 7px;
	padding-bottom: 5px;
	padding-top: 12px;
	text-indent: 35px;
	font-style:italic;
	
}

.cita_autor {
	background: #E1E1E1 url(./imagenes/comillas2.jpg) no-repeat bottom right; /*MIRAR LA IMAGEN EN OTRAS RESOLUCIONES*/
	height: 20px;
	text-align: right;	
	font-style:normal;
	color: #21218D;
	font-weight: bold;
	padding-right: 35px;
	padding-top: 0px;
	text-indent:0;
}







/* LEER MAS */
.Leer_mas {
	text-align: center;
	font-weight: bold;
}

.Leer_mas a, .Leer_mas a:visited {
	color: #1846ba;	
	text-decoration: none;
}

.Leer_mas a:hover {
	text-decoration: none;	
	border:  none;
	color: #000000;
}

/**************/




.highlight {
	background: #bd7929;
	color: white;
}


.Paginas_archivo {
	/*background: #bd7929;*/
	color: black;
	padding: 3px;
	margin-bottom: 15px;
	text-align: center;
	/*font-size: 125%;*/
}





 pre {
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
	background: #E1E1E1;
	padding: 5px;
	margin: 5px;
	/*display: block;*/
	width: 80%;
	border: 1px dotted black;
	margin-left: auto;
	margin-right: auto;

 }


/*
code {
	background: #E1E1E1;
	padding: 5px;
	margin: 5px;
	display: block;
	width: 60%;
	border: 1px dotted black;
	margin-left: auto;
	margin-right: auto;
}
*/


body {
	font-family: arial;
	background: #fffecb;
	font-size: 11px;
}





/* Imágenes de categorías en los listados */

.cabecera_listado img {
	margin-right:10px;
}

.cabecera_listado {
	min-height: 100px;
	height: auto;
	margin-left: 25px
}
/* Y ahora la chapuza para la mierda del internet explorer... */
/*\*/
* html .cabecera_listado {
	height: 100px;	
}
/**/