/*-------generales--------*/
*{
  margin: 0;
  padding: 0;
}
body{
  background-color:#000000;
  font-family: "Trebuchet MS",Verdana,sans-serif;
}
a{
  text-decoration: none;
  outline: none;
}
img{
  border: 0;
}
/*-------divisiones--------*/
#main{
	margin:auto;
	position: relative;
	width: 992px;
  background: url(img/page-bg.png);
	padding: 0 0 0 11px;
}
#pie{ 
  clear : both; 
  padding: 8px 0 0px 0; 
}
/*-------logo header--------*/
#header{
	width: 981px;
	height: 172px;
	background: url(img/header2.jpg) no-repeat;
	position: relative;
	clear: both;
}
#header h1 a{
  width: 230px;
  height: 50px;
  display: block;
}
#figura{
position:absolute;
}
/*-------barra--------*/
#nav{
  width: 798px;
  height: 29px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#nav li{
  float: left;
  list-style: none;
  height: 28px;
  font: 0.72em/1.4em "Trebuchet MS",Verdana,sans-serif;
}
#nav li a{
  display: block;
  height: 25px;
  padding: 4px 0 0 0;
  color: #000000;
  text-align: center;
}
#nav li a{width: 130px;}
#nav li a:hover{background: #000000; color: #FFFFFF;}
/*-------contenido--------*/
#content{
  width: 600px;
  float: left;
  margin: 8px 10px 0 0;
  padding: 0 0 10px 10px;
	font-size: 0.7em;	
	line-height: 14px;
}
#content h3{
  color:#333;
	font:18px/1 Georgia, "Times New Roman", Times, serif;
	font-weight:900;
	font-style:italic;
}
#content h2 a, .post h3 a{
  color: #014962;
  text-decoration: none;
}
#content h2 a:hover{
  color: #1882D6;
}
#espaciado{
  width: 2px;
  float: left;
  margin: 8px 0px 0 0px;
  padding: 0 0 230px 5px;  
}
/*-------estilo del contenido--------*/
.post h2{
  color:#333;
	font:18px/1 Georgia, "Times New Roman", Times, serif;
	font-weight:900;
	font-style:italic;
}
.post{
  margin: 0 0 1.2em 0;
}
.post p{
	text-indent: 20px;
}
.post p, .post ol, .post ul{
  color: #333;
  margin: 0.75em 0;
}
.post ul{
  margin: 15px 15px;
}
.post ul li{
  list-style: none;
  background: url(img/item.png) 0 8px no-repeat;
  padding: 0 0 0 10px;
}
.post ol{
  margin-left: 1.5em;
}
.post a{
  color: #1882D6;
  text-decoration: underline;
}
.post a:hover{
  color: #165A90;
}
.post span{
  font: 9pt "Trebuchet MS",Verdana,sans-serif;
  color: #165A90;
  line-height:14px;
}
.post img{
	border: 1px solid #BBE0EB;
	padding:5px;
}
/*-------estilo de guia de personajes--------*/
#sec_afiliados{
  padding: 0 0 0 35px;
}
#seccion{
	margin-top: 20px;
}
/*-------estilo secciones-------*/
.seccion h2{
	color:#333;
	font:18px/1 Georgia, "Times New Roman", Times, serif;
	font-weight:900;
	font-style:italic;
	margin: 0 0 -18px 0px;
}
.seccion h3{
	margin-bottom: 20px;
}
.seccion h3 a, .seccion h4 a{
	text-decoration:none;
	color:#333;
}
.seccion h4 a{
	color:#165A90;
}
.seccion h4{
	color:#165A90;
	font-weight: bold;
	font-size: 13px;
  margin: 10px 0 10px 10px;
}
.articulo h4{
	margin:0;
}
.seccion p, .seccion ol, .seccion ul{
  font-family: "Trebuchet MS",Verdana,sans-serif;
  color: #333;
  margin: 20px 0 0 0;
}
.seccion ol{
	margin: 0 0 0 35px;
	padding:0;
}
.seccion ol li{
	padding: 10px 5px 0 5px;
}
.seccion ul{
	margin: 0;
	padding:0;
	list-style: none;
}
.seccion ul li{
	margin: 5px 0;
	border: 1px solid #BBE0EB;
	padding: 10px 5px 10px 5px;
	height: 1%;
}
.seccion ul li img{
	border: 1px solid #BBE0EB;
	float: left;
	padding:5px;
	margin: 0 6px 0 0;
}
.articulo img{
	border: 1px solid #BBE0EB;
	float: left;
	padding:5px;
	margin: 0 6px 0 0;
}
.seccion a{
  color: #1882D6;
  text-decoration: underline;
}
.seccion a:hover{
  color: #165A90;
}
.seccion span{
  color: #165A90;
  line-height: 14px;
}
/*hack*/
.seccion li:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .seccion li{}
/*---*/
.sinflotacion ul li img{
	float:	none;
}
.tecnicas p{
  margin: 0;
}
.tecnicas h3{
  margin: 15px 0 10px 0;
}
.tabla table{
	font: 9pt "Trebuchet MS",Verdana,sans-serif;
	margin:auto;
	border: 2px #000000 solid;
	text-align:center;
	width:600px;
}
.tabla td{
	margin:auto;
	border: 1px #000000 solid;
	padding: 0px;
	width: 60%;
	text-align:center;
}
.h1celda td{
	font: bold 10pt "Trebuchet MS",Verdana,sans-serif;
	color: #165A90;
}
.h2celda td{
	font: bold 10pt "Trebuchet MS",Verdana,sans-serif;
	color: #000000;
	background: #E0E0E0;
	height: 25px;
}
.h2celda td a{
	text-decoration:none;
	color: #165A90;
}
.h3celda td{
	font: bold 9pt "Trebuchet MS",Verdana,sans-serif;
	color: #000000;
	background: #E8E8E8;
}
.searchbox{
	font-family: "Trebuchet MS",Verdana,sans-serif;
	border: 1px solid #BEBEBE;
	font-size: 11px;
	padding: 4px 0 2px 5px;
	color: #303030;
	width: 100px;
}
.searchsend{
	border: 1px solid #BEBEBE;
	background:#FFFFFF;
	font-size: 12px;
	height:22px;
}
/*-------estilo de afiliados--------*/
.afiliados p, .afiliados ol, .afiliados ul { /* texto del post */
  font: 12px "Trebuchet MS",Verdana,sans-serif;
  color: #333;
  margin: 10px 0 0 0;
}
.afiliados ul{
	margin: 0;
	padding:0;
	list-style: none;
}
.afiliados ul li{
	margin: 0px 0 10px 0;
	border-bottom: 1px dashed #BBE0EB;
}
.afiliados ul li img{
	border: 1px solid #BBE0EB;
	padding:2px;
	margin: 0px 10px 0 0;
}
.afiliados span{
  font: 9pt "Trebuchet MS",Verdana,sans-serif;
  color: #165A90;
  line-height:14px;
}
/*------estilo de los links---------*/
.link a{
  color: #1882D6;
}
.link a:hover{
  color: #165A90;
  text-decoration:underline;
}
.linkgal a{
  color: #165A90;
  text-decoration:none;
}
.linkgal a:hover{
  color: #165A90;
  text-decoration:underline;
}
/*-------sidebar--------*/
#sidebar{
  width: 250px;
  float: left;
  margin: 8px 0 0 0;
  border:1px solid #BEBEBE;
}
#sidebar h3{
  font: bold 0.72em/1.4em "Trebuchet MS",Verdana,sans-serif;
  text-transform: uppercase;
  color: #666;
  padding: 5px 0 0 24px;
}
#sidebar ul{
  margin: 0 15px;
}
#sidebar ul li{
  list-style: none;
  background: url(img/item.png) 0 8px no-repeat;
  padding: 0 0 0 10px;
  font: 0.7em/1.6em "Trebuchet MS",Verdana,sans-serif;
}

#sidebar p.cloud{
  margin: 0 10px;
  text-align: center;
}
#sidebar span{
 color: #999999;
 font: 9pt "Trebuchet MS",Verdana,sans-serif;
}

#contenido, #secciones{
  clear: both;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  position:relative;
}
#contenido h3{
  background: url(img/sidebar-title.png) no-repeat;
  height: 49px;
  margin: 3px 0 -15px 0;
  padding: 7px 0 0 24px;
}
#personajes, #informacion{
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  position:relative;
}
#personajes h3, #secciones h3, #informacion h3{
  background: url(img/sidebar-title.png) no-repeat;
  height: 35px;
  padding: 7px 0 0 24px;  
}
#columna{
  width: 125px;
  float: left;
  margin: 0px 0 15px 0;
}
#columnadm{
  width: 275px;
  float: left;
}
#versus{
  float: left;
  margin: 0 auto 20px auto;
}
#versus img{
  margin: 0;
}
#columnadm img{
  margin: 20px 0;
}
#columnadm p{
  margin: 5px 0;
}
#vs{
  width: 50px;
  float: left;
  margin: 180px auto;
}
#galeria{
  text-align:center;
  width: 65px;
  padding: 4px;
  margin: 3px 3px;
  background-color:#ECFAFF;
  border: 1px solid #92c9da;
  float:left;
}
#foto img{
  border: 0px;
  margin: 0px;
  padding: 0px;
}
#nombre{
  width:65px;
  text-align: center;
  margin-top:3px;
  color:#FFFFFF;
}
#hack{
	height: 10px;
	clear:both;
}
#foto{
  width: 65px;
  background-color: #92c9da;
  text-align:center;
  padding: 4px;
  margin: 3px 3px;
  background-color:#ECFAFF;
  border: 1px solid #92c9da;
  float: left;
  position:relative;
}
#admin{
  width: 96px;
  background-color: #92c9da;
  text-align:center;
  top: -17px;
  left: -1px;
  background-color:#ECFAFF;
  border: 1px solid #92c9da;
  position: absolute;
}
#comentario{
	position:relative;
  background-color:#E4E4E4;
	padding:3px;
	border-top: 1px solid #000;
	margin-top:5px;
}
#comentario p{
  margin:0;
}
#admincomentario{
position:absolute;
top:2px;
left:558px;
}
#mensaje{
  border:1px solid #BEBEBE;
}
/*-------sidebarleft--------*/
#sidebarleft{
  width: 92px;
  float: left;
  margin: 8px 0px 0 0px;
  padding: 0 0 1px 0px;
  border:1px solid #BEBEBE;  
}
#sidebarleft p {
  font: 11px "Trebuchet MS",Verdana,sans-serif;
  text-align:center;
}
#sidebarleft h3{
  font: bold 10px "Trebuchet MS",Verdana,sans-serif;
  text-transform: uppercase;
  text-align:center;
  color: #666;
  padding: 5px 0 5px 0;
 }
#afiliados p {
  margin: 0 0 2px 0;
}
#sidebarleft #afiliados ul, #hosting ul, #extras ul {
	list-style: none;
	padding: 0 0 0 2px;
}
#sidebarleft #afiliados img, #hosting img {
	margin: 0 0 -3px 0;
}
#hosting h3, #afiliados h3, #extras h3  {
	background: url(img/sidebarleft-title.png) no-repeat;
}
#sidebarleft #hosting h3, #extras h3{
	margin: -3px 0 0 0;
}
#sidebarleft #extras img{
	margin: 0 0 0 0;
}