* { padding: 0; margin: 0; }

html,body{
	margin:0;
	color: #525252;
	padding: 0;
	background-color:#D6EEF8;
	font-size: 12px;
	font-family: tahoma, arial, verdana;
	color: #333333;
	height:100%;
}
h1{
	margin: 0;
	color: #01aef0;
	font-size: 20px;
	padding: 0 0 20px 0;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}
h2{
	margin: 0;
	color: #01aef0;
	font-size: 18px;
	padding: 0 0 20px 0;
	font-weight: normal;
	line-height: 20px;
}
#area_centro_texto h2{
	margin: 0;
	color: #01aef0;
	font-size: 12px;
	padding-top:20px;
	font-weight: 800;
	line-height: 15px;
}
h3{
	margin: 0;
	color: #525252;
	font-size: 1.5em;
	padding: 0 0 15px 0;
	font-weight: normal;
}
p{ padding:3px;}

fieldset { border: 0 !important; padding-bottom:4px; }

/* links */
a { background: inherit; color: #005B7A; text-decoration: none; font-weight:bold; }
a:hover { background: inherit; color: #666666; text-decoration: underline; font-weight:bold;}

.regist{
font-size:17px; 
color:#FF3333; 
font-weight:bold; 
text-decoration:underline;
}
/***********************
	  HEADER
************************/
.top_head{
	margin:0;
	color:#FFFFFF; 
	padding-top:20px;

}
.top_head h1 {
   margin: 0;        
   color:#FFFFFF; 
   font-size:30px; 
   font-weight:bold; 
   float:left;
   width:270px;
   margin-top:57px;
   height:5px;
   margin-left:195px;
  
}
.top_head h2 {
    margin: 0;        
    font-size:12px; 
	color:#fff; 
	font-weight:bold;
	padding-top:10px; 
	padding-left:170px;
	width:700px;
	
	
}

#cabecera_top{
	width:985px;
	height:241px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-image: url(../images/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#cumbs {
	width:984px;
	padding-top: 5px;
	text-indent:15px;
	padding-bottom:0;
	height:30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 11px;
	font-family: tahoma, arial, verdana;
	color: #fff;
    background: #036735 url(../images/pestania_sup.jpg) no-repeat;
	background-position: center;	
}

#cumbs a {
	color: #fff;	
	text-decoration: none;	
}
#cumbs a:hover {
	color: #FFF;
	text-decoration:underline;

}
/***********************
	  MENU
************************/

#navegacion{
	
 float:left; 
 margin-top:15px;
 margin-left:0px;
 overflow:hidden;

}
#navegacion li{
padding:1px;

}
#navegacion li a{
     
      padding-left: 20px;
	  margin: 0 10px 0 10px;
	  font-size: 12px;
	  font-family: tahoma, arial, verdana;
	  font-weight:bold;
	  color:#FFFFFF;
}
/***********************
	  CONTENEDORES
************************/

#principal{
		margin: 0 auto;
		width:984px;
		border:none;
		padding:0;
		margin-bottom:0;
		height: auto;
	}
#contenido-principal {
	width:984px;
	/*width:980px;*/
	padding:0 ;
	margin:0 auto;
	margin-bottom:0;
	height: auto;
	background:#F4F3E8;
	float:left;
}

/*titulos*/
#titulo{
	width:100%;
	padding-top:10px;
	border-bottom:1px dashed #666666;
	padding-bottom:5px;
	margin-bottom:5px;
}

.post-pie {
	background-color: #fafafa;
	padding: 5px; 
	margin-top: 5px;
	font-size: 95%;
	border: 1px solid #eee;
	margin-bottom:6px;
	width:576px;
	height: auto ! important;
	overflow:auto;

}
.post-pie .autor {
	background: url('../images/autor.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-pie .comments {
	background: url('../images/comment.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-pie .readmore {
	background: url('../images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-pie .visitas {
	background: url('../images/visitas.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

#show_list
{
    margin-left: 10px;
	margin-right:10px;
}
/* AREA IZQUIERDA */
#area_left{
    margin-left:2px;
	margin-bottom:5px;
	float: left;
	height: auto;
   /* width: 200px;*/
    width: 180px;
	padding:0;
	vertical-align:top;
	/*border:#000 1px solid;*/
}

/* AREA CENTRO */
#area_centro{
	/*width:550px;*/
	width: 610px;
	height:100%;
	
	/*padding-left:10px;
	padding-right:10px;*/
	float:left;
	/*border:1px dotted #C3C3C3;*/
	vertical-align:top;
	background-color:#fff;
	padding-bottom:70px;
	/*border:#000 1px solid;*/
}

#area_centro_form_reg{
	width:750px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border:1px dotted #C3C3C3;
	vertical-align:top;
	background-color:#fff;
	padding-bottom:70px;
}
/* AREA DERECHA*/
#area_right {
	margin-bottom:5px;
   /* margin-right:2px;*/
	text-align:center;
	padding:0;
	float: left;
	height: 100%;
	width: 190px;
	vertical-align:top;
	/*border:#000 1px solid;*/
}
/* REGISTRACION */
#area_centro_register{
    width:683px;
	height:100%;
	margin:5px;
	padding:5px;
	float:left;
	border:1px dotted #C3C3C3;
	vertical-align:top;
	
}
#form_left{
	float:left;
	width:339px;
	border:none;
	vertical-align:top;
	height:320px;
	margin-top:10px;
	margin-bottom:10px;
}
#form_right{
    width:339px;
	float: right;
	border:none;
	vertical-align:top;
	height:320px;
	margin-top:10px;
	margin-bottom:10px;
}

/***********************
	     PIE
************************/
#footer{
	background: #006633 url(../images/pie.jpg);
	background-position: top center;
    background-repeat: no-repeat;
	width:984px;
	margin-top:20px; 
	padding-top:20px;
	text-align:center;
	float:left;
	overflow:hidden;

}
#footer ul li{
    text-align:center;
	font-size:12px; 
	font-weight:bold; 
	width:435px; 
	margin:0 auto;
	padding-bottom:12px; 
	height:16px;
	list-style:none;
	display: inline;
}
#footer p {
	text-align:center; font-size:10px; color:#FFFFFF; padding-bottom:22px; line-height:22px;
}
#footer li a {
	color:#fff; text-decoration:none;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer p a {
	color:#fff; text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}
code{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;

}
#pestania_inf{
   background-image:url('../images/pestania_inf.gif');
   background-repeat:no-repeat;
   background-position: bottom;
   height:35px;
   padding-bottom:10x;
   width:984px;
   margin:0 auto;
}


/* Menu 2.0 */
-------------------------------------------------------------- */

#nav { width:100%; overflow:auto; padding:1px; margin:0;  }
#nav ul { margin:0; padding:0; }
#nav ul li { float:left; list-style:none; padding:0; border:none; }
#nav ul li a { display:block; width:100%; padding:8px 10px; margin:0 1px 0 0; text-align:center; text-decoration:none; color:#104587; }
#nav ul li a:hover { background-color: #FFFFFF; color:#104587; border:none; }

/* formulario */

form.formulario{
     margin:10px 65px; 
	 padding: 0;


}

input.enviar{
          border:1px solid #eee;
		  color:#fff;
		  background-color:#036CB4;
		  width:80px;
		  font-weight:900;
}

input.buscador{
width:175px;
height:32px;
background:url(../images/fondo_input.gif) no-repeat;
color:#333;
float:left;
border:none;
font-weight:900;
padding-top:6px;
padding-left:10px;
}
input.register{
width:48px;
height:26px;
border:none;
cursor:pointer;
background:url(../images/boton_entrar.png) no-repeat center;
padding-top:10px;
vertical-align:bottom;
}
.select{
color:#333;
border:none;
font-weight:900;
width:162px;
height:19px;
margin-top:7px;
margin-left:5px;
border:none;
vertical-align:text-top;
font-size:11px;
line-height:2px;
}
.fondo_select{
background:url(../images/fondo_input.gif) no-repeat; 
width:175px;
height:35px;

}

.boton{
	    background:#2166A7 url(../images/bg_boton.jpg);
		cursor:pointer;
		border:none;
		font-size: 14px;
		color:#FFFFFF;
		width:100px;
		height:24px;
}
input.buscar{
width:59px;
height:31px;
border:none;
cursor:pointer;
text-align:center;
color:#FFFFFF;
background:url(../images/boton_buscar.png) no-repeat center;
}
span.error {
	font-weight:900;
	color: #FF4A4A;
	font-size:11px;
	display:none;
}

/* secciones */
a.seccion:link{
     font-size:15px;
	 color:#000;
	 font-weight:bold;
	 text-transform:uppercase;
	 text-decoration: underline;
	 
}
a.seccion:visited{
     font-size:15px;
	 color:#02225B;
	 font-weight:bold;
	 text-transform:uppercase;
	 text-decoration: underline;
	 
}

/*categorias*/

/*menu categorias*/
#menu {	
	clear: both;
	margin: 0; 
	padding: 0 0 10px 0;
	width:100%;			
}
#menu ul {
	font: bolder 15px 'Trebuchet MS', sans-serif;
	color: #104587;
	background-color: #f1f1f1;		 	
	margin: 0;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #FFF;
	float: left;	
	width:100%;	
}
#menu li {
	list-style: none;
	
}
#menu li a {
	display: block;
	padding: 5px 15px;	
	color: #104587;	
	text-decoration: none;	
	border:1px #D1D1D1 dotted;
}
#menu li a:hover {
	background:#000079 ;
	color: #FFF;
	border:1px #ffffff dotted;
}
#menu li a#current  {
	background: #993333;
	color: #FFF;
	
}

#caja{
    width: 658px;
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
}
.titulo{
    width:100%;
	padding-left:10px;
	background: #f1f1f1;
	
}
#titulo strong{
	 color:#006633;
	 font-size:16px;
	 font-weight:bold;
	font-family: verdana;
}
.fechaFinal{
     font-size:13px;
	 color:#000;
	 font-weight:bold;
	 padding-right:15px;
}
a.title:link{
     font-size:13px;
	 color:#000;
	 font-weight:bold;
	 text-transform:uppercase;
	 text-decoration: underline;
	 }
a.title:visited{
     font-size:13px;
	 color:#02225B;
	 font-weight:bold;
	 text-transform:uppercase;
	 text-decoration: underline;
	 
}	 
	 
.titulo2{
    font-size:12px;
	padding-left:10px;
	color:#000;
    margin-top:5px;
    width:100%;
	background: #f2f2f2;

}

/*--------menu left---------*/
ul.left_menu{
width: 180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
padding:0;
}
ul.left_menu li.odd a{
background: url('../images/fondo_categorias.gif') no-repeat 0 center;
width:180px;
height:30px;
display:block;
text-decoration:none;
color:#005B7A; 
border:none;
font: 14px bold;
text-indent:35px;
padding-top:9px;
}
ul.left_menu li.odd a:hover{
	 color:#4C8C5D;
	 width:180px;
	 
}

/* comentarios */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h1 {
    background: transparent url(../images/coment.png) no-repeat bottom right;
    margin: 0;
    padding: 0;
}
.cssbox {
    width: 465px !important;   /* intended total box width - padding-right(next) */
    width: 450px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px auto;         /* use to position the box */
}
/* set the top-right image */
.cssbox_head {
    background-position: top right;
    margin-right: -15px;       /* pull the right image over on top of border */
    padding-right: 40px;       /* right-image-gap + right-inside padding */
}
/* set the top-left image */
.cssbox_head h1 {
    background-position: top left;
    margin: 0;                 /* reset */
    border: 0;                 /* reset */
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding … no padding-right */
    height: auto !important;
    height: 1%;                /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
    background-position: bottom left;
    margin-right: 25px;        /* interior-padding right */
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}
/* Misc Text formatting */
.cssbox_head h1 {
    color: white;
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 16px;      /* this is tricky if box width is in ems */
    text-align: center;
    text-shadow: rgb(0,0,0) 0px 2px 5px; /* Safari-only, but I’m doing it just ’cause I can */
}
.cssbox_body p {
    margin: 0 0 20px;
}
.cssbox_body a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}


/*div redondeados*/
.caja {  
    width: 482px;
    background-image: url("../images/centro.gif");
    background-repeat: repeat-y;
	margin-left:36px;
}

.cajaarriba {
    background-image: url("../images/arriba.gif");
    background-position: top center;
    background-repeat: no-repeat;
}

.cajaabajo {
    background-image: url("../images/abajo.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
} 
/*ultimos mensajes foro*/
div.mensajes{
width: 170px;
height: 100%;
background-color:#FFFFFF;
border:#DBDBDB solid 1px;
padding-left:5px;
padding-top:5px;
}
div.mensajes div{
margin:0px;
width: 170px;
padding-left:3px;
width: 177px;
}
div.mensajes div.mensaje a{

width: 170px;
text-decoration:none;
color:#005B7A; 
border:none;
font: 13px bold;
padding-top:6px;

}
div.mensajes div.mensaje a span{
/*background: url('../images/icon-msj.png') no-repeat 0 center;*/
color:#000; 
font: 13px bold;

}
div.mensajes div.mensaje a:hover{
	 color:#4C8C5D;
	 width:170px; 
}

/*ultimos post*/
.mensajes-ult{
text-align:left;
width: 205px;
height: 100%;
background-color:#FFFFFF;
border:#DBDBDB solid 1px;
padding-left:5px;
padding-top:5px;
margin-left:10px;
margin-bottom:5px;
}
.mensajes-ult div{
text-align:left;

}

.mensajes-ult div a{
text-decoration:none;
color:#005B7A; 
border:none;
font: 13px bold;
padding-top:6px;
}

/*top link*/
div.descargas{
width: 171px;
height: 100%;
background-color:#FFFFFF;
border:#DBDBDB solid 1px;
margin-left:5px;
padding-top:5px;
text-align:left;
padding-left:5px;
}
div.descargas div{
margin:0px;
width: 171px;

}
div.descargas div.descarga a{
/*background: url('../images/icon_descarga.gif') no-repeat 0 center;*/
width: 171px;
text-decoration:none;
color:#005B7A; 
border:none;
font: 13px bold;
padding:5px;
vertical-align: text-top;
}
div.descargas div.descarga a span{
/*background: url('../images/icon-msj.png') no-repeat 0 center;*/
color:#000; 
font: 13px bold;

}
div.descargas div.descarga a:hover{
	 color:#4C8C5D;
	 width:171px; 
}

/*usuarios online*/
div.usuarios{
width: 170px;
height: 100%;
background-color:#F4F3E8;
padding-top:0px;
padding-left:10px;
padding-bottom:0px;
padding-top:5px;
}
div.usuarios div{
margin:0px;
padding:0;
width: 177px;
}
div.usuarios .usuarios{
background: url('../images/user.gif') no-repeat 0 center;
padding-left: 20px; 
margin: 0;
text-decoration:none;
color:#005B7A; 
border:none;
font: 14px;
font-weight:bold;


}
div.usuarios div.usuario a span{
color:#000; 
font: 13px bold;

}
div.usuarios div.usuario a:hover{
	 color:#4C8C5D;
	 width:170px; 
}
#stop_div{
  position:absolute;
  border:1px solid #333;
  font: 15px arial;
  padding-left: 20px;
  padding-right: 20px;
  background-Color:#FFFFFF;
  text-align:center;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  _position:absolute;
  _top:expression(eval('document.documentElement.scrollTop')+'px');
  _left:expression(eval('document.documentElement.scrollLeft')+'px');
  _width:expression(document.documentElement.clientWidth+'px');
  _height:expression(document.documentElement.clientHeight+'px');
  z-index:100;
}

#btn_share{position:relative; left:760px; top:-14px; width:230px;}
.posts_tweet_button, .posts_fb_like_widget, .posts_gshare_button { float: left; display: inline;}

textarea{
width:350px;
}

/**** tabs panel user *****/
ul.tabs {
	background: url(../images/tabs-panel/bg_ul_tabs.gif) repeat-x left bottom;
	padding-left:7px;
	margin-bottom:15px;
	border-bottom:#999999 solid 1px;
	overflow: hidden;
}
ul.tabs li {
	background: url(../images/tabs-panel/bg_ul_li_tabs.gif) repeat-x left top;
	float:left;
	font-size:1.1em;
	margin-right: 3px;
	margin-top:1px;
	list-style:none;
}
ul.tabs li a {
	background: url(../images/tabs-panel/bg_ul_li_tabs_a.gif) no-repeat right top;
	float:left;
	line-height:26px;
	padding:0 10px;
	text-decoration: none;
	font-weight: bold;
}
ul.tabs li a:hover {
	color:#3399CC;
}
ul.tabs li a.active {
	color: #FF9933;
	line-height:27px;
}
/*end tabs panel user*/

/*table list post*/

/***** start - table *****/
#listpost{
	margin: 10px;
    width: 100%;	
}
#listpost th strong {
	color: #fff;
}
#listpost th {
	background: #336600;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
#listpost tr {
	height: 30px;
}
#listpost td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
#listpost td.first,th.first {
	border-left: 0px;
}
#listpost tr.row-a {
	background: #F8F8F8;
	font-size:11px;
}

/* end - table list post*/
a.botonmsj { background-color:#006666; color: #fff; text-decoration: none; font-size:11px; font-weight:bold;padding:7px; }
a:hover.botonmsj{ background-color: #3399CC; color: #fff; text-decoration: none; font-size:11px; font-weight:bold; padding:7px;}

.botonmsjenviar{
background-color:#006666; color: #fff; text-decoration: none; font-size:11px; font-weight:bold;padding:8px; border:none;  
}
#temporada h2 ,#temporada p, #temporada a{
padding:0;
margin:0; 
}
#temporada{
text-align:center;
}

#temporada a:link{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:underline;
}
#temporada a:visited{
color: #666666;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
embed{
max-width:520px;
width: expression(this.width > 520 ? 520: true);
}

.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	text-decoration: none; 
	color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
	border: 1px solid #999;
	color: #666;
}
.pagination .current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.pagination .disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}