@import "resets.css";
@import "header.css";
@import "secciones.css";

body {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	color:						#000;
	width:						100%;
	height:						100%;
}

#contenido {
	width:						996px;
	margin:						0px auto;
	padding-top:				9px;
}

.articulos {
	width:						779px;
	margin-top:					13px;
	float:						left;
}



h1 {
	font-weight:				bold;
	font-size:					14px;
}

h2 {
	font-size:					11px;
	text-align:					justify;
}

h3 {
	font-size:					14px;
	font-weight:				bold;
	color:						#e60004;
}

h4 {
	font-size:					13px;
	font-style:					italic;
}

h5 {
	width:						100%;
	padding-bottom:				5px;
	font-size:					18px;
	font-weight:				bold;
	color:						#e60004;
	border-bottom:				1px dashed #ccc;
}

/* Chekkbox */
.checkboxOff, .radioOff {
	width:						300px;
	font-size:					11px;
	float:						left;
	clear:						both;
	display: 					block;
	margin: 					0px;
	padding-left:			 	20px;
	padding-top:				1px;
	background:					url(../img/radio_off.gif) no-repeat;
	background-position: 		0% 2px;
	border: 					0px;
	padding-bottom:				5px;
	margin-bottom:				2px;
}

.checkboxOn, .radioOn {
	width:						300px;
	font-size:					11px;
	float:						left;
	clear:						both;
	display: 					block;
	margin: 					0px;
	padding-left: 				20px;
	padding-top:				1px;
	font-weight:				bold;
	background: 				url(../img/radio_on.gif) no-repeat;
	background-position: 		0% 2px;
	border: 					0px;
	padding-bottom:				5px;
	margin-bottom:				2px;
}

.checkboxOff {
	background: 				url(../img/checkbox_off.gif) no-repeat;
}

.checkboxOn {
	background: 				url(../img/checkbox_on.gif) no-repeat;
}

.btn_default {
	width:						67px;
	height:						18px;
	padding-left:				18px;
	padding-top:				3px;
	font-size:					12px;
	font-weight:				bold;
	font-style:					italic;
	color:						#fff;
	text-align:					center;
	float:						left;
	border:						0px solid;
	background:					url(../img/btn_default.gif) no-repeat;
}

.btn_default:hover {
	color:						#000;
}

.ajax-loading {
	background:					url(../img/loading.gif) no-repeat center 50%;
}

/* ------------------- :::: ------------------- :::: ------------------- */
/* ARTICULOS */
/* ------------------- :::: ------------------- :::: ------------------- */

/* ------------------------------------------ Imagen_Thumb */
.imagen_small {
	width:						88px;
	height:						88px;
	float:						left;
	position:					relative;
}

.imagen_small .frame {
	width:						88px;
	height:						88px;
	position:					absolute;
	left:						0px;
	top:						0px;
	z-index:					1;
}

.imagen_small .imagen {
	width:						80px;
	height:						80px;
	float:						left;
	margin:						4px;
}

/* ------------------------------------------ Artículos Small */
.articulo_small {
	width:						382px;
	height:						88px;
	margin-top:					15px;
	float:						left;
	position:					relative;
}

/* Info */
.articulo_small h1 a {
	width:						287px;
	height:						15px;
	line-height:				14px;
	float:						right;
	color:						#e60004;
	text-decoration:			underline;
}

.articulo_small h1 a:hover {
	color:						#000;
}

.articulo_small h2 {
	width:						287px;
	height:						55px;
	font-size:					11px;
	margin-top:					2px;
	text-align:					justify;
	float:						right;
}

.articulo_small .pie {
	width:						287px;
	height:						15px;
	background:					#f0f0f0;
	position:					absolute;
	bottom:						0px;
	right:						0px;
	font-size:					9px;
	color:						#858585;
}

.articulo_small .pie p {
	margin-top:					1px;
	margin-left:				3px;
	font-size:					9px;
	float:						left;
}

.articulo_small .pie a {
	color:						#858585;
	font-weight:				bold;
	float:						right;
	margin-top:					1px;
	margin-right:				3px;
}

.articulo_small .pie a:hover {
	color:						#000;
}


/* ------------------------------------------ Artículos Medium */
.articulo_medium {
	width:						779px;
	margin-top:					15px;
	margin-bottom:				10px;
	float:						left;
	position:					relative;
}

/* Info */
.articulo_medium .info {
	width:						682px;
	float:						right;
}

.articulo_medium .info h1 a {
	width:						682px;
	font-size:					18px;
	float:						left;
	margin-top:					-3px;
	color:						#e60004;
}

.articulo_medium h1 a:hover {
	color:						#000;
}

.articulo_medium .info p a {
	float:						none;
	color:						#f00000;
}

.articulo_medium .info p a:hover {
	text-decoration:			underline;
}

/* Sub */
.articulo_medium .sub {
	width:						677px;
	height:						18px;
	background:					#f0f0f0 url(../img/punteada_h.gif) repeat-x top left;
	padding-top:				1px;
	padding-left:				5px;
	margin-top:					7px;
	margin-bottom:				3px;
	float:						left;
	font-size:					10px;
	color:						#858585;
}

.articulo_medium .sub p {
	float:						left;
	font-weight:				bold;
	margin-right:				5px;
	font-size:					10px;
}

.articulo_medium .sub .procedencia {
	color:						#e60004;
}

.articulo_medium .sub .autor {
	color:						#000;
}

.articulo_medium .sub .fecha {
	color:						#858585;
}

.articulo_medium .sub a {
	color:						#858585;
	font-weight:				bold;
	float:						right;
	margin-top:					2px;
	margin-right:				5px;
}

.articulo_medium .sub a:hover {
	color:						#000;
}

.articulo_medium p span {
	font-weight:				bold;
}

/* ------------------------------------------ Artículos Big */
.articulo_big {
	width:						779px;
	margin-top:					15px;
	margin-bottom:				10px;
	float:						left;
	position:					relative;
}

.articulo_big h4 {
	width:						779px;
	float:						left;
	margin-bottom:				10px;
}

.articulo_big h1 {
	width:						682px;
	font-size:					18px;
	float:						left;
	color:						#e60004;
}

/* Sub */
.articulo_big .sub {
	width:						774px;
	height:						18px;
	background:					#f0f0f0 url(../img/punteada_h.gif) repeat-x top left;
	padding-top:				1px;
	padding-left:				5px;
	margin-top:					7px;
	margin-bottom:				3px;
	float:						left;
	font-size:					10px;
	color:						#858585;
}

.articulo_big .sub p {
	float:						left;
	font-weight:				bold;
	margin-right:				5px;
	font-size:					10px;
}

.articulo_big .sub .autor {
	color:						#000;
}

.articulo_big .sub .fecha {
	color:						#858585;
}

.articulo_big .sub a {
	color:						#858585;
	font-weight:				bold;
	float:						right;
	margin-top:					2px;
	margin-right:				5px;
}

.articulo_big .sub a:hover {
	color:						#000;
}

/* Contenido */
.articulo_big .detalle {
	width:						779px;
	float:						left;
	margin-top:					10px;
	font-size:					13px;
}

.articulo_big .detalle span {
	font-weight:				bold;
}

.articulo_big .detalle a {
	float:						none;
	font-weight:				bold;
	color:						#f00000;
}

.articulo_big .detalle .imagen {
	margin:						12px;
	background:					#f4f4f4;
	border-bottom:				1px solid #ffcc00;
	position:					relative;	
}

.articulo_big .detalle .left {
	float:						left;
	margin-left:				0px;
}

.articulo_big .detalle .right {
	float:						right;
	margin-right:				0px;
}

.articulo_big .detalle .top {
	margin-top:					4px;
}

.articulo_big .detalle .imagen img {
	border-bottom:				5px solid #fff;
}

.articulo_big .detalle h1 {
	width:						auto;
	float:						left;
	height:						auto;
	font-size:					10px;
	margin:						0px;
	padding:					0px;
	background:					#f4f4f4;
	font-weight:				normal;
	padding:					6px;
	color:						#555;
} 

/* ------------------------------------------ No se encontraron resultados */

#not_found {
	width:						770px;
	text-align:					center;
	padding:					20px 0px;
	float:						left;
}

/* ------------------------------------------ Comentarios */

#comentarios {
	width:						779px;
	margin-top:					40px;
	margin-bottom:				30px;
	float:						left;
}

/* Si no estoy logueado */
#comentarios #no_logueo {
	width:						739px;
	background:					#f0f0f0;
	padding:					20px;
	margin-bottom:				20px;
	float:						left
}

#comentarios #no_logueo a {
	float:						none;
	color:						#f00000;
}

#comentarios #no_logueo a:hover {
	text-decoration:			underline;
}

/* Form para dejar comentarios */
#comentarios form {
	width:						739px;
	background:					#f0f0f0;
	padding:					20px;
	margin-bottom:				20px;
	float:						left
}

#comentarios form textarea {
	width:						719px;
	height:						80px;
	margin-top:					10px;
	background:					#fff;
	float:						left;
	font-size:					12px;
	padding:					10px;
	border:						1px solid #ccc;
}

#comentarios form input {
	width:						74px;
	height:						21px;
	background:					url(../img/enviar.gif) no-repeat;
	margin:						10px 0px 0px 340px;
	cursor:						pointer;
}

/* Comentarios */
.comentario {
	color:						#6c6c6c;
	margin-bottom:				20px;
	margin-top:					10px;
	float:						left;
}

.comentario .coment_txt {
	width:						743px;
	padding:					15px;
	font-size:					12px;
	border:						3px solid #ffc000;
	position:					relative;			
}

.comentario .coment_txt img {
	position:					absolute;
	left:						55px;
	bottom:						-21px;			
}

.comentario .coment_info {
	width:						760px;
	float:						left;
	margin-top:					7px;
	padding-left:				7px;
	font-size:					12px;
	display:					block;
}

.comentario .coment_info h3 {
	font-size:					12px;
	font-weight:				bold;
	margin-top:					29px;
	margin-left:				5px;
	float:						left;
}

.comentario .coment_info p {
	font-size:					11px;
	margin-top:					30px;
	margin-left:				7px;
	border-left:				1px solid #6c6c6c;
	padding-left:				7px;
	float:						left;
}

.comentario .coment_info img {
	float:						left;
}

.comentario .btn_habilitar {
	float:						right;
	color:						#f00000;
	font-weight:				bold;
}

/* ------------------- :::: ------------------- :::: ------------------- */
/* PAGINADO */
/* ------------------- :::: ------------------- :::: ------------------- */

.paginado {
	width:						779px;
	padding-bottom:				7px;
	margin-top:					5px;
	float:						left;
	background:					url(../img/punteada_h_rojo.gif) repeat-x bottom left;
}

.paginado#bottom {
	width:						779px;
	padding-top:				7px;
	margin-top:					5px;
	float:						left;
	background:					url(../img/punteada_h_rojo.gif) repeat-x top left;
}

.paginado .resultados {
	margin-top:					3px;
	float:						left;
}

.paginado .controles {
	float:						right;
}

.paginado .controles a {
	color:						#e60004;
	float:						left;
}

.paginado .controles a:hover {
	color:						#000;
	text-decoration:			underline;	
}

.paginado .controles .prev {
	height:						16px;
	padding-top:				1px;
	background:					url(../img/anterior.gif) no-repeat left;
	padding-left:				22px;
	margin-right:				10px;
}

.paginado .controles .next {
	height:						16px;
	padding-top:				1px;
	background:					url(../img/siguiente.gif) no-repeat right;
	padding-right:				22px;
	margin-left:				10px;
}

.paginado .controles .paginas {
	margin-top:					1px;
	padding:					0px 4px;
	border-left:				1px solid #e60004;
	border-right:				1px solid #e60004;
	float:						left;
}

.paginado .controles .paginas li {
	float:						left;
	color:						#000;
	font-weight:				bold;
}

.paginado .controles .paginas li a {
	padding:					0px 4px;
	text-decoration:			underline;
	color:						#000;
}

.paginado .controles .paginas li a:hover {
	color:						#e60004;
}

.paginado .controles .paginas li a.selected {
	color:						#e60004;
	text-decoration:			none;
	cursor:						default;
}

.paginado .controles .paginas li a.selected:hover {
	color:						#e60004;
	text-decoration:			none;
	cursor:						default;
}

/* ------------------- :::: ------------------- :::: ------------------- */
/* AD BAR */
/* ------------------- :::: ------------------- :::: ------------------- */

#ad_bar {
	width:						206px;
	float:						right;
}

/* Ad Top */
#ad_bar #adBar_top {
	width:						180px;
	height:						163px;
	float:						left;
	padding:					13px 13px 0px 13px;
	margin-bottom:				9px;
	background:					url(../img/adBar_top.gif) no-repeat;
}

#ad_bar #adBar_top a {
	width:						180px;
	height:						70px;
	margin-bottom:				10px;
	float:						left;
}

/* Ad Links */
#ad_bar #adBar_links {
	width:						178px;
	padding:					10px;
	float:						left;
	position:					relative;
	padding:					0px 9px;
	border:						4px solid #ffc000;
	margin-bottom:				9px;
}

#ad_bar #adBar_links a {
	color: #ff0000;
	font-weight: bold;
}

#ad_bar #adBar_links .top {
	top:						-4px;
	left:						-4px;
	position:					absolute;
}

#ad_bar #adBar_links .bottom {
	position:					absolute;
	bottom:						-4px;
	left:						-4px;
}

/* Ad Sky */
#ad_bar #adBar_sky {
	width:						180px;
	height:						796px;
	float:						left;
	position:					relative;
	padding:					0px 9px;
	border:						4px solid #ffc000;
	margin-bottom:				9px;
}

#ad_bar #adBar_sky .top {
	top:						-4px;
	left:						-4px;
	position:					absolute;
}

#ad_bar #adBar_sky .bottom {
	position:					absolute;
	bottom:						-4px;
	left:						-4px;
}

#ad_bar #adBar_sky #adSky_01 {
	width:						180px;
	height:						150px;
	position:					absolute;
	top:						9px;
	left:						9px;
	float:						left;
}

#ad_bar #adBar_sky #adSky_02 {
	width:						160px;
	height:						600px;
	background:					#fff;
	position:					absolute;
	bottom:						9px;
	left:						9px;	
	padding:					10px;
}

/* Ad Comicú */
#ad_bar #comicu {
	width:						206px;
	height:						308px;
	float:						left;
}

/* ------------------- :::: ------------------- :::: ------------------- */
/* FOOTER */
/* ------------------- :::: ------------------- :::: ------------------- */

#footer {
	width:						995px;
	margin:						0px auto;
	margin:						30px 0px;
	float:						left;
}

#footer ul {
	width:						985px;
	height:						30px;
	float:						left;
	padding:					8px 5px 3px 5px;
	text-align:					center;
	background:					url(../img/footer_menuBack.gif) no-repeat;
}

#footer ul li {
	float:						left;
	text-align:					center;
	padding:					0px 7px;
	border-right:				1px solid #e60004;
}

#footer ul li a {
	color:						#e60004;
	font-size:					11px;
}

#footer ul li a:hover {
	color:						#999999;
}

#footer ul .foot_b {
	border:						0px;
	padding-right:				0px;
}

#footer ul .foot_c {
	border:						0px;
	padding-right:				7px;
	float:						right;
}

#footer ul ul {
	width:						auto;
	height:						auto;
	float:						left;
	background:					none;
	margin:						0px;
	padding:					0px;
}

#footer #foot_freak {
	width:						550px;
	float:						left;
	margin-left:				5px;
}

#footer #foot_freak a {
	float:						left;
	margin-right:				5px;
}

#footer #foot_freak p {
	font-size:					11px;
	margin-top:					6px;
	color:						#a0a0a0;
}

#footer #foot_2sc {
	width:						300px;
	float:						right;
	margin-right:				5px;
}

#footer #foot_2sc a {
	width:						86px;
	padding:					5px 10px;
	color:						#fff;
	float:						right;
	font-size:					12px;
	background:					#97c007;
	font-family:				Arial, Helvetica, sans-serif;
}

#footer #foot_2sc a:hover {
	color:						#000;
}


#footer #foot_2sc p {
	font-size:					11px;
	float:						right;
	margin-right:				6px;
	margin-top:					6px;
	color:						#a0a0a0;
}