/*
RESET:
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* GENERALES Y REDEFINICIONES */

body { font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 14px; }
p { font-size: 13px; }	
a { text-decoration: none; }
h1 { position: relative; top: -2px; margin-bottom: 10px; font-weight: bold; color: #666666; font-size: 18px; }
h2 { font-weight: bold; color: #666666; font-size: 16px; margin-top: 8px; border-bottom: 1px solid #666666; margin-bottom: 4px;}
h3 { font-weight: bold; color: #666666; }

input.input {
	background: url(http://www.elolimpo.com/img/field-small.png) no-repeat;
	background-position: left top;
	background-attachment: scroll;
	background-color: #FFFFFF;
	margin-right: 5px;
	font-size: 9px;
	border: 0px;
	width: 84px;
	height: 25px;
	color: #666666;}

input.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 0px;
	width: 35px;
	height: 17px;
	background-color: #d01e07;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin-top: 1px;}
	
.clear { float:none; clear:both; height: 10px;}

.half { width: 50%; float: left;}

.left { float: left; padding-right: 10px;}
	
.right { float: right; }
	.right img { border: 1px solid #999999; }
	
a.personaje {color: #CC0000; padding-right: 10px; margin-right: 2px; background-image: url(http://www.elolimpo.com/img/link_per.gif); background-repeat: no-repeat; background-position: right; }


#bienvenida {display: none; text-align: center; font-size: 10px;}

/* LISTADOS DE IMAGENES */ 

div.b_ico { margin: 10px; float: left; width: 150px; height: 190px; }
	div.b_ico img { border: 1px solid #999999; margin-bottom: 5px; }

.image_list_small { }	
.image_list_small div { padding: 4px; float: left; width: 102px; height: 160px; margin-bottom: 4px; display: block; font-size: 10px; }
	.image_list_small div img { border: 1px solid #999999; margin-bottom: 2px; width: 100px; height: 100px;}
	.image_list_small b { float: none; font-weight: normal;}
.image_big { }
	.image_big img  {border: 1px solid #999999;}

/* CABECERA */

#header {width: 99%; height: 82px; vertical-align: middle; background: url(http://www.elolimpo.com/img/fondo-titular.png) no-repeat 10px 10px; display: block; padding-top: 10px;}
	#header_block {height: 72px; margin-left: 20px; background: url(http://www.elolimpo.com/img/fondo-titular.png) no-repeat right 0px; overflow: hidden;}
	#header a {color: #FFFFFF; font-size: 11px;}
	#header p {color: #FFFFFF; font-size: 11px;}
	#header span {font-weight: bold; font-size: 14px; color: #EECF51; position: relative;}

#logo {
 	width: 250px;
	height: 72px; 
	padding: 22px 0px 0px 0px;
	vertical-align: middle;
	margin-right: 5px;
	float: left;
}

#users_login, #users_register {height: 72px;  padding: 12px 0px 0px 0px; vertical-align: top; margin-left: 20px; float: left;}
#users_info {height: 72px; width: 150px; padding: 12px 0px 0px 00px; vertical-align: top; margin-left: 20px; float: left;}
	#users_info a {padding-left: 37px;}
	#users_info p {padding-top: 6px;}
#users_register {display: none;}
	#users_login a {padding-left: 37px;}
	#users_register a {padding-left: 72px;}
	#users_register label, #users_login label {display: none;}

#div_login_password_text, #div_login_email, #div_login_password, #div_login_submit {float: left; padding-top: 5px;}
#div_login_submit {padding-top: 4px;}
#div_login_password {display: none;}

#search {height: 72px; padding: 14px 0px 0px 0px; margin-left: 20px; float: left;}
	#search input {margin-left: 10px; position: relative; top: -2px;}
	#search #buscar {cursor: pointer; vertical-align: middle;}
	#search #links {position: relative;	top: -14px;}
	#caja_buscador {vertical-align: middle; float: left;}
	#boton_buscador {vertical-align: middle; float: left;}
	#caja_y_boton {padding-top: 5px;}
	#boton_submit {display: none;}

.sky_horizontal { width: 728px; height: 90px; margin: 10px auto; }
.large_rectangle { width: 336px; height: 280px; margin: 10px auto; }

.destacar_color {padding-top: 5px;}
	.destacar_color li { background-color: #EFF2F3; border: 1px solid #DEDEDE; margin-bottom: 10px;}
	.destacar_color h3, .destacar_color b, .destacar_color a {color: #CC0000;}

/* CONTENIDOS */

.navegacion {text-align: center; padding-bottom: 10px; font-size: 11px; color: #CC0000;}
	.navegacion a {color: #CC0000;}

#contents {padding-right: 10px; display: block;}

#left-column { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat 10px 0px; background-attachment: scroll; width: 50%; float: left;}
	#left-column-block { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat right 0px; margin-left: 30px; padding-top: 10px; padding-right: 20px;}
	#left-column-footer { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat 10px bottom; background-attachment: scroll; float: none; clear:both;}
	#left-column-footer-block { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat right bottom; margin-left: 30px; height: 20px;}

.rss { text-align:right; float:right; }

.contents_block { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat 10px 0px; background-attachment: scroll; width: 50%; float: left;}
	.contents_background { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat right 0px; margin-left: 30px; padding-top: 10px; padding-right: 20px;}
	/*.contents_background { background-color: #FF33CC; margin-left: 30px; padding-top: 10px; padding-right: 20px; }*/
	.contents_block a { color: #D01D07; cursor: pointer; }
	.contents_block b { font-weight: bold; color: #666666; }
.contents_footer { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat 10px bottom; background-attachment: scroll; float: none; clear:both;}
.contents_footer_block { background: url(http://www.elolimpo.com/img/fondo-body.png) no-repeat right bottom; margin-left: 30px; height: 20px;}

.contents_text { overflow: hidden;}

.contents_images { overflow: hidden; }
	.contents_images .image_small:hover { background-color: #FFFFCC; cursor: pointer; }

#lista_per .lista_personajes {float: right; width: 50%}
.lista_personajes {}
	.lista_personajes li:hover { background-color: #FFFFCC; cursor: pointer; }
	/*.lista_personajes p { margin-left: 1px; padding-left: 5px;  margin-bottom: 5px;  border-left: 1px dotted #666666;}*/
	.lista_personajes li { padding: 2px; }
	.lista_personajes b { text-decoration:underline; color: #CC0000; }

.lista_consultas { margin-left: 20px; margin-bottom: 15px; margin-top: 5px; }
	.lista_consultas span {color: #999999; }

.consulta span {color: #999999; }

#div_consultar { border: 1px solid #D01D07; background-color: #FFFFCC; padding: 10px; }

.porque { list-style-type: disc; padding-left: 30px; padding-bottom: 10px; list-style-image: url(http://www.elolimpo.com/img/star.png); }
.porque li { padding-top: 10px; font-weight: bold;}

.robapaginas { float: right; width: 336px; height: 280px; padding: 10px; margin: 10px 0 5px 20px; border: 1px solid #DEDEDE; background-color: #FFFFFF; text-align: center; color: #DEDEDE;}
.robapaginascenter { float: right; width: 300px; height: 265px; padding: 10px; margin: 10px; margin-right: 0px; padding-top: 5px; border: 1px solid #DEDEDE; background-color: #FFFFFF; text-align: center; color: #DEDEDE;}


.consorte { width: 300px; height: 250px; overflow: hidden; margin: 0px; border: none; }

.mensaje { color: #CC0000; font-weight: bold;}

.accion { text-align: right; }
	.accion a {color: #CC0000; background-image: url(http://www.elolimpo.com/img/flecha2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 20px; font-size: 11px;}

.block_biggest { width: 100%;}
.block_big { width: 72%;}
.block_small { width: 28%;}
.block_smallest { width: 15%;}


.cols5 { width: 20%; float: left;}
.cols4 { width: 25%; float: left;}
.cols3 { width: 33%; float: left;}
.cols2 { width: 50%; float: left;}

.cols10 { width: 10%; float: left;}
.cols15 { width: 15%; float: left;}
.cols30 { width: 30%; float: left;}
.cols66 { width: 66%; float: left;}
.cols70 { width: 70%; float: left;}
.cols75 { width: 75%; float: left;}
.cols80 { width: 80%; float: left;}
.cols100{ width:100%; float: left;}

.cloud { text-align: center; }
	.cloud a { padding-right: 3px; color: #CC0000; text-decoration: underline;}
	.tag0 { font-size: 9px; }
	.tag1 { font-size: 12px; }
	.tag2 { font-size: 15px; }
	.tag3 { font-size: 18px; }
	.tag4 { font-size: 20px; }
	.tag5 { font-size: 24px; }
	

/* FICHA DE PERSONAJE */

#ficha_per h3 {padding: 6px; background-color: #EFF2F3; border: 1px solid #DEDEDE;}
ul.parejas {margin-left: 20px;}
	ul.parejas li {margin-top: 8px;}
ul.hijos {margin-left: 20px; margin-top: 4px;}
	ul.hijos li {display : inline; margin-right: 10px;}

/* para google ads */
a.alt {color: #CC0000; font-size: 13px; background-color: #DEDEDE;}
.sponsored_links {padding: 20px; text-align: right; float: right;}
.sky { width: 160px; height: 600px; }

.movil { padding: 10px; margin: 10px; border: 1px dotted #666666; background-color: #FFFF99; }
.movil strong { font-weight: bold; }
.movil img { padding-right: 10px; padding-bottom: 20px; padding-top: 5px; }
.movil span strong { font-family: Arial Black, Arial, Helvetica, sans-serif; color: #00CC00; font-weight:normal; font-size: 16px; }
.movil small { color: #BBBBBB; }