* { padding: 0; margin: 0; }

html,body{
	margin:0;
	color: #525252;
	padding: 0;
	background:#fff url(../images/bodyBG.png) repeat-x;
	font-size: 12px;
	font-family: tahoma, arial, verdana;
	color: #333333;
	height:100%;
}
h1{
	margin: 0;
	color: #E94237;
	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;}

#titles{
	width:100%;
	padding-top:10px;
	border-bottom:1px solid #666666;
	padding-bottom:5px;
	margin-bottom:2px;
}
.regist{
font-size:17px; 
color:#FF3333; 
font-weight:bold; 
text-decoration:underline;
}
/***********************
	  HEADER
************************/
.top_head{
	margin:0;
	color:#FFFFFF; 
	padding-top:80px;

}
.top_head h1 {
   margin: 0;        
   color:#FFFFFF; 
   font-size:30px; 
   font-weight:bold; 
   text-align:left; 
   padding-left:160px;
}
.top_head h2 {
    margin: 0;        
    font-size:12px; 
	color:#fff; 
	font-weight:bold; 
	padding-left:160px;
}

#cabecera_top{
	width:985px;
	height:245px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-image: url(../images/cabecera.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#breadcrumbs {
	width:980px;
	padding-top: 5px;
	padding-bottom:5px;
	text-indent:15px;
	vertical-align:text-top ;
	height:16px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 11px;
	font-family: tahoma, arial, verdana;
	font-weight:bold;
	background-color:#C1E1EE;
	color:#000;
	border: #fff solid 2px;
}

#breadcrumbs a {
	color: #797979;	
	text-decoration: none;	
}
#breadcrumbs a:hover {
	color: #FFF;
	text-decoration:underline;

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

#navegacion{
 float:left; 
/* margin-top:180px;*/
 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
************************/

#body{
		margin: 0 auto;
		width:984px;
		border: none;
		padding:0;
		margin-bottom:0;
		height: auto;
}
#body_secundario{
	width:984px;
	padding:0 ;
	margin:0 auto;
	margin-bottom:0;
	height: auto;
	background:#A5CCDB;
	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;
	/*min-height:100%;*/
	width:540px;
	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;
}
/* AREA IZQUIERDA */
/*
#sector_der{
    margin-left:5px;
	margin-bottom:5px;
	float: left;
	height: auto;
    width: 200px;
	padding:0;
	vertical-align:top;
}
*/
/* SECTOR CENTRO */
/*#sector_centro{
	width:500px;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	float:left;
	border:1px dotted #C3C3C3;
	vertical-align:top;
	background-color:#fff;
	padding-bottom:70px;
}
*/
#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: right;
	height: 100%;
	width: 200px;
	vertical-align:top;
}
#foro_form_reg{
	width:750px;
	height:100%;
	padding-left:10px;
	padding-right:5px;
	float:left;
	border:1px dotted #C3C3C3;
	vertical-align:top;
	background-color:#fff;
	padding-bottom:70px;
}
#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:url(../images/bg_pie.jpg)  repeat-x ;
	width:984px;
	padding-top:20px;
	color:#666666;
	border-top:#FFFFFF solid 2px;
	text-align:center;
	float:left;

}
#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:#666666; padding-bottom:22px; line-height:22px;
}
#footer li a {
	color:#000; text-decoration:none;
}
#footer li a:hover {
	text-decoration:underline;
}
#footer p a {
	color: #666666; text-decoration:none;
}
#footer p a:hover {
	text-decoration:underline;
}
code{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;

}

/* 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.register{
width:48px;
height:26px;
border:none;
cursor:pointer;
background:url(../images/boton_entrar.png) no-repeat center;
padding-top:9px;
vertical-align:bottom;
}
/******form buscar*******/
input.buscar
{
border:none;
cursor:pointer;
background:url(../images/boton_buscar.png) no-repeat center;
vertical-align: middle;
height:27px;
width:62px;
text-align:center;

}
.buscador{
position:relative; 
left:670px; 
top:-17px; 
width:300px;
}
/*********/
.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;
}
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;
	 
}


/*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*/
div.mensajes{
width: 170px;
height: 100%;
/*background: url('../images/fondomensajes.gif') 0 center no-repeat;*/
background-color:#FFFFFF;
border:#DBDBDB solid 1px;
padding-left:10px;
padding-top:5px;
}
div.mensajes div{
margin:0px;
padding-left:3px;
width: 177px;
}
div.mensajes div.mensaje a{
/*background: url('../images/icon-msj.png') no-repeat 0 center;*/
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; 
}
/*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*/
#usuarios{
height: 100%;
padding-top:10px;
padding-left:10px;
padding-bottom:0px;
border:none;

}
#usuarios h3{
padding:4px;
margin:0;
}

/*#usuarios{
margin-top:55px;
padding:0;
width: 177px;

}*/
#usuarios  a span{
color:#000; 
font: 13px bold;

}
#usuario a:hover{
	 color:#4C8C5D;
	 width:170px; 
}

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: 5px;
    width: 100%;	
}
#listpost th strong {
	color: #fff;
}
#listpost th {
	background-color: #A6CDDC;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #ccc;
	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 {
	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;  
}