/*
Theme Name: elSurvivor Theme
Theme URI: http://elsurvivor.com/
Description: Tema especialmente diseñado para el sitio Web <a href="http://elsurvivor.com/">El Survivor</a>.
Version: 1.0 Beta
Author: Maximiliano Santa-Ana
Author URI: http://msantaana.com/
Tags: red, custom header, fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/*****************************************************  GENERALES  *****************************************************/
body {font-family: "Lucida Grande", "Trebuchet MS"; color: #666666; font-size: 12px; margin: 0; padding: 0; text-align: center;}
a#active_menu {color: #000;}
a#active_menu:hover {/*color: #FFA500;*/ text-decoration: none; }
a:link {color: #EA6F74; text-decoration: none;}
a:visited {color: #EA6F74; text-decoration: none;}
a:hover {color: #ED1B24; text-decoration:underline}
ul { margin:auto; padding:inherit;}
h1 {color: #333333; font-family: "Lucida Grande", "Trebuchet MS"; font-weight: normal; margin-bottom: 10px; margin-top: 1px;}
h2 {color: #999; font-family: "Lucida Grande", "Trebuchet MS"; font-weight: normal; margin-bottom: 10px; margin-top: 5px; }
h3 {color: #333333; font-family: "Lucida Grande", "Trebuchet MS"; margin-top: 5px; }
h4 {color: #333333; font-family: "Lucida Grande", "Trebuchet MS"; padding-top:20px; padding-bottom:0px; margin-bottom:0px;}


/*Seccion de destacados y noticias en la cabecera se cambia alto de 215 a 415 por el momento*/
#headerwrapIndex {width: 100%; height: 200px; top: 0; padding: 0; vertical-align:top; margin: 0 auto; text-align:left;}
#headerIndex {float: none; height: 200px; width: 990px; margin: 0 auto; vertical-align:middle;}


/*Cabecera para logo y menues principales*/
#header {
    background: transparent url(images/headerBg.png) repeat-x scroll 0;
}
#headerInner {
	height: 80px; /*104px;*/
	width: 990px;
	margin: 0 auto;
	position: relative;
	/*z-index: 10000;*/
	/*float:left;*/
}
#headerInner h1 {
	font-size: 300%; /*antes aera de 145*/
	font-weight: bold;
	color: #fff;
	margin: 0;
	/*width: 208px;*/
	/*height: 80px;*/
	/*top: 10px;*/
	background: url(images/logo_elsurvivorXX.png) left no-repeat; /*Corregir el tema de la foto*/
	/*text-indent: -5000px;*/
	
	/*BORRAR Y DESCOMENTAR LO DE HARRIBA height, top, text-indent*/
	left: 60px;
	top: 10px;
	position: absolute;
}
#headerInner h2 {
	position: absolute;
	left: 60px;
	top: 42px;
	font-size: 80%;
	font-weight: bold;
	font-family: "Lucida Grande", "Trebuchet MS";
	color: #e6e8ea;
	vertical-align: bottom;
}    
#headerInner ul {
	position: absolute;
	left: 500px;
	top: 30px;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	list-style-type: none;
	font-family: "Lucida Grande", "Trebuchet MS";
}
#headerInner ul li {
	float: left;
	padding: 0 3px;
}
#headerInner ul li a {
	color: #fff;
}
#headerInner ul a:hover, #headerInner ul a:active {
	border-bottom: none;
}



/*Contenido separado por columnas en el index*/
#wrapper {
	margin: 0 auto;
	width: 990px;
}

#body {
	float: left;
	margin-top: 15px;
	padding-bottom: 30px;
	width: 990px;
	background-color: #ffffff;
}



#contenidoPrincipal {float:left; width:650px; text-align:justify; padding-top:20px; margin-bottom:30px;}
#contenidoPrincipal img.aligncenter {border:1px solid #ccc; padding:2px; display:block; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:15px;}
#contenidoPrincipal img.alignleft {border:1px solid #ccc; margin:10px 30px 10px 10px; padding:2px; float:left; display:block;}
#contenidoPrincipal img.attachment-single-post-thumbnail-200 {border:1px solid #ccc; margin:10px 30px 10px 10px; padding:2px; float:left; display:block;}
#contenidoPrincipal img.alignright {border:1px solid #ccc; margin:10px 10px 10px 30px; padding:2px; float:right;}
#contenidoPrincipal div.imagen {text-align:center;}
#contenidoPrincipal div.texto {font-size:13px; padding-top:10px;}
#contenidoPrincipal div.texto h2 {margin-top:40px;}
#contenidoPrincipal div.compartir {border-bottom:1px solid #ccc; width:100%; text-align:right; margin-bottom:10px;}  
.bloque {margin-bottom:60px;}
.palabrasClaves {margin:30px 0px 5px 0px; padding:5px; border:#eee solid 1px; background:#FAFAFA; width:640px; position:static; clear:both;}

.wp-caption {text-align: center; padding-top: 5px; margin-left:auto; margin-right:auto; margin-bottom:15px;}
.wp-caption img {border:1px solid #ccc; padding:2px; display:block; margin-left:auto; margin-right:auto; margin-top:15px;}
p.wp-caption-text {padding: 3px; margin: 0; font-size: .8em; border-bottom: solid #ccc 1px; color: #666;}


#columnaDerecha {float:right; padding-left:30px; width:310px; text-align:left; padding-top:20px;}
#columnaDerecha div.cuadro {width:250px; border:#eee solid 1px; background:#FAFAFA; padding-left:20px; padding-right:20px; padding-bottom:10px; margin-bottom:20px;}

/*****************************************************  TIPOS DE LETRAS  *****************************************************/
.red-table-tittle {color: #ED1B24; font-weight:bold;}
.red-table-normal {color: #ED1B24; font-weight:bold;}
.black-table-tittle {color: #000000; font-weight:bold; }
.gray-table-tittle {color: #999; /*font-weight:bold;*/}
.indexTitleH2 {margin: 0pt; font-size: 28px;}
.indexTitleH4 {margin: 0pt; font-size: 17px;}
.smallfont {font-size:11px; font-weight:bold; color: #EA6F74; }


/*****************************************************  FOOTER  *****************************************************/
#footerwrap {position:static; clear:both; margin: 0 auto; width:100%; height:200px; background:#1e1e1e; color:#ccc}
#footer {float: none; height: 200px; width: 990px; margin: 0 auto; vertical-align:middle;}
#footerleft { float: left; margin: 0 auto; padding-top: 30px; text-align: right; width: 300px; font-size: 100%;}
#footerleft a:link {font-weight:bold; text-decoration:none; color:#fff }
#footerleft a:visited {font-weight:bold; text-decoration:none; color:#fff }
#footerleft a:hover{text-decoration:underline}
#footerright{ padding-top: 30px; text-align: left; width: 200px; height: 60px; margin: 5px 0 0 0; float: right;}
#footerright img{ margin: 5px 10px 0 0; float: left; border: none; }
#footerright a:link a:hover img{ border: none;}



/****************************************************** ANUNCIOS Y PUBLICIDAD  *****************************************************/
.anuncioGoogle_250_250 {width:250px; height:250px; border:#eee solid 1px; background:#FAFAFA; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:30px; margin-top:5px; }
.anuncioGoogle_468_60 {width:468px; height:60px; border:#eee solid 1px; background:#FAFAFA; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:30px; margin-top:5px; margin-left:auto; margin-right:auto;}



/* Botones para navegar noticias, reseñas y insanidades*/
#botonesNav {float:right;}
#botonesNav img {border: none;}