@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background: #AAA;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
img { border:0; }

#container {
	width: 980px;
	margin: 20px auto;
	border:#333 1px solid;
	}
#blanco {
	width: 980px;
	margin: 0 auto;
	height:20px;
	background:#FFF;
	}
#cabecera {
	width: 980px;
	height: 167px;
	background:#aaa url(img/cabecera.gif) no-repeat center center;
border-bottom:#333 1px solid;
	}
#contenido {
	width: 980px;
	float:left;
	background:url(img/background.gif) repeat-y;
	
	border-bottom:#333 1px solid;
	}
#izquierda {
	float:left;
	width: 200px;
	border-top:#333 1px solid;
	}
#izquierda .boton {
	float:left;
	margin:5px 0 0 10px;
	width:190px;
	text-align:center;
	text-transform:uppercase;
	color:#666666;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#izquierda .boton a { text-decoration:none; color:#666; }
#izquierda .boton a:hover { text-decoration:underline; color:#000; }
#centro {
	float:left;
	width: 550px;
	margin: 0 15px;
	}
.post {
	float:left;
	width:510px;
	margin:0px 20px 15px 20px;
	background:#B3B3B3;
	border:#333 1px solid;
	}
.post a {
	text-decoration:none;
	color:#ff0000;
	}
.post a:hover {
	text-decoration:overline;
	color:#333333;
	}
.post-cultura {
	float:left;
	width:480px;
	margin:5px 10px 25px 10px;
	}
.post-cultura-izquierda {
	float:left;
	width:90px;
	height:80px;
	border-right:#FFF 1px solid;
	text-align:right;
	padding-right:10px;
	}
.post-cultura-centro h3 { font-size:13px; color:#666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 10px; }
.post-cultura-centro {
	float:left;
	width:275px;
	}
.post-cultura-derecha {
	float:left;
	width:100px;
	text-align:right;
	}
.post h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #555; font-size:18px; padding:15px 15px; margin:0; }
.post h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	padding:5px 15px;
	margin:0;
}
.post p { font-family:"Trebuchet MS",Arial,Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding:3px 5px; text-align:justify; color:#555; }
.rojo { color:#ff0000; }
.peke { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size:15px; text-decoration:none; }
.grande { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size:60px; text-decoration:none; font-weight:bold; }

#derecha {
	float:right;
	width: 200px;
	border-top:#333 1px solid;
	}
#derecha .boton {
	float:right;
	margin:5px 10px 0 0px;
	width:190px;
	text-align:center;
	color:#666666;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#derecha .boton a { text-decoration:none; color:#666; }
#derecha .boton a:hover { text-decoration:underline; color:#000; }
#pie {
	width: 980px;
	clear:both;
	height: 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#999999;
	}
	
/* =-=-=-=-=-=-=-[Imagenes]-=-=-=-=-=-=-=- */
div.transOFF {
width: 100%; 
background-color: #ccc;
border:0px solid black; 
}
div.transON  {
width: 100%;
background-color: #ccc;
opacity:.50;
filter: alpha(opacity=50); 
-moz-opacity: 0.5;
border:0px solid black; 
}

.gris { color:#CCC; font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }