body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
p, td, li {
	font-size: 12px;
}
li {
	padding: 4px;
}
/* FORMULARIOS */

#register {
	font-size: 10px; 
}
#register_submit {}


input {
	font-size: 10px; 
}
input[type="text"] {
	height: 18px;
	border: 1px solid #999999;
}
input[type="password"] {
	height: 18px;
	border: 1px solid #999999;
}
input[type="checkbox"] {
	border: none;
}
input[type="radio"] {
	border: none;
}

input[type="submit"] {
	/*background-color:#CC0000;
	border: 1px solid #999999;
	color:#FFFFFF;*/
}

label {
	font-size: 10px; 
}

/* LISTADOS DE LAS PLANTILLAS */
.lista_elem {

	padding: 12px;
}
.lista_elem_titulo {
	font-weight: bold;
	font-size: 14px;

}
.lista_elem_cuerpo {

}

.textopeq {
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
.textopeq2 {
	font-size: 10px;
	color: #000000;
}
.textoblanpeq {  
	font-size: 12px; 
	color: #FFFFFF;
}
.textoblan { 
	font-size: 12px; 
	color: #FFFFFF;
}
a {
	text-decoration: none; 
	color: #CC3300;
}
.textonormal {
	font-size: 12px; 
	color: #000000
}
.textonar {
	font-size: 12px; 
	color: #CC0000;
}
.griego {
	font-family: Sgreek, Symbol, "Times New Roman";
	/*font-family: "Symbol", "Times New Roman";*/
	/*font-weight: bold;*/
	src: url(/SGREEK0.eot);
	font-size: 14px;
	/*color: #993300;*/
}
.latin {
	font-family: "Book Antiqua", "Times New Roman";
	font-size: 14px;
}
.titulillo {
	font-family: Garamond; 
	font-size: 14px; 
	font-weight: normal; 
	color: #663300
}
h1 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 18px; 
	font-weight: bold; 
	color: #663300
}

h2 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 16px; 
	font-weight: bold; 
	border-bottom: 1px solid black;
}


h3 {
	font-family: "Trebuchet MS", Arial; 
	font-size: 16px; 
	font-weight: bold; 
	border: 1px solid #CCCCCC;
	padding: 3px;
}

.botona {  
	font-family: "Trebuchet MS", Arial; 
	color: #FFFFFF; 
	background-color: #CC6633; 
	font-size: 12px; 
	cursor: hand; 
	font-weight: bold; 
	border-style: solid
}
.cajaa {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 11px; 
	color: #CC6633; 
	background-color: #FFCC99; 
	font-weight: bold; 
	border: 1px #CC6633 solid; 
	padding-right: 3px; 
	padding-left: 3px
}
.prohibido {  
	cursor: help
}
.capa {  
	background-color: #FFFFFF; 
	border: 1px #000000 solid
}
.cajaconte {  
	font-family: "Trebuchet MS", Arial; 
	font-size: 11px; 
	color: #000000; 
	background-color: #FFFFFF; 
	height: 200px; 
	width: 400px; 
	border-style: none; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	cursor: default
}
.cajapeque {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #330000; 
	background-color: EBE5DF; 
	height: 20px; 
	width: 80px; 
	border: 1px #330000 dashed
}
.botonpeque {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #EBE5DF; 
	background-color: #330000; 
	height: 20px; 
	border: 1px #330000 solid; 
	cursor: hand
}
.titfronton {  
	font-family: Tahoma; 
	font-size: 11px; 
	color: #993333
}
.cajagrande { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #330000; 
	background-color: EBE5DF; 
	height: 20px; 
	width: 200px; 
	border: 1px #330000 dashed 
}
.linknar {
	font-size: 10px;
	color: #CC0000;
	text-align: right;
	margin: 2px;
}
.titulillo2 {
	font-size: 20px;
	font-weight: bold;
	color: #663300;
	font-family: Garamond;
}
.celdaresder {
	background-color: #FFFFFF;
	padding: 10px;
	vertical-align: top;
}
.celdaresiz {
	background-color: #FFFFFF;
	padding: 0px;
	vertical-align: top;
}

.celdarescen {
	background-color: #FFFFFF;
	text-align: center;
}
.cuadrado {
	border: 1px solid #000000;
}
.ico {
	display: inline;
	width: 150px;
	height: 150px;
	vertical-align:top;
}

#content {
	position: absolute;
	top: 210px;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 99%; 
	z-index: 1; 
	overflow: visible; 
}

#footer {
	float:left;
	clear: left;
}

#lista_ultimos_personajes, #lista_personajes_populares {
 	float: left;
 	width: 48%;
}

#lista_ultimas_iconografias, #lista_iconografias_populares {
	padding-left: 10px;
 	float: left;
 	width: 49%;
}

#lista_busqueda_personajes, #lista_busqueda_iconografias, #lista_ficha_personajes, #lista_ficha_iconografias {
	padding-left: 10px;
 	float: left;
 	width: 49%;
}

#buscador {
	padding-left: 20px;
}

div.clear {
	clear: both;
}

div.b_b_ico {
	clear: both;
	text-align: center;
}
div.b_ico {
	margin: 10px;
 	float: left;
 	width: 150px;
 	height: 190px;
}
img.ico {
	border: 1px solid #000000;
	margin-bottom: 5px;
}
div.comentario {

	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}

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;
}

#hijos {
	position: relative;
	float:none;
}
#hijos ul {
	list-style-type: none;
	float:none;
}
#hijos li {
	float:left;
}


/* BUSCADOR */

input.search {
  width: 150px;
  height: 22;
  border: none;
  background: url(http://www.elolimpo.com/img/search_input_bg.png) no-repeat;
  background-color: #FFFFFF;
  padding: 4px;
  font-size: 14px;
}
input.searchSubmit {
  font-size: 14px;
  height: 24;
}

#searchForm {
	padding-left: 10px;

}

#header {
	padding-top: 10px;
	text-align: center;
	height: 90px;
}


.search_title {
	padding-bottom: 3px;
	font-size: 18px;
	color: #d17514;
}

.search_subtitle {
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 18px;
	color: #FFFFFF;
}

.search_link {
	padding-right: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.search_field {

	position: absolute;
	left: 250px;
	top: 0px;
	width: 270px;
	height: 98px;

	background: url(http://www.elolimpo.com/img/search_bg.png) no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #000000;
	color: #000000;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.user_field {
	position: absolute;
	background: url(http://www.elolimpo.com/img/user_bg.png) no-repeat;
	background-position: left bottom;
	left: 520px;
	top: 0px;
	width: 270px; 
	height: 98px; 
	border-bottom: 1px solid #000000;
	overflow: auto; 
	border: none; 
	padding: 10px;
}

.title_field {
	height: 98px;
	position: absolute;
	left: 0px;
	padding-left: 10px;
	padding-top: 20px;
  	text-align: left;
	width: 250px; 
	overflow: auto; 
	border: none; 
}

.publi_field {
	position: absolute;
	top: 110px;
	margin-top: 30px;
	padding-left: 10px;
	width: 100%; 
	height: 90px; 
	overflow: hidden; 
  	text-align: center;
}

.publi {
	background-color: #CCCCCC;
	border: 1px solid #999999;
	width: 728px; 
	height: 104px; 
	overflow: hidden; 
}

div.float_block {
	float:left;
}

div.clear_block {
	clear:both ;
}