@import url(http://fonts.googleapis.com/css?family=Wallpoet);
@import url(http://fonts.googleapis.com/css?family=Cabin+Sketch);
@import url(http://fonts.googleapis.com/css?family=Play);

body {
	margin: 0;
	font-family: "Play", Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #000;
	background: #fff;
	}

/*** LAYERS ***/

#total, #topcon, #piecon {
	width: 990px;
	margin: 0 auto;
	}

#top, #main, #pie {
	float: left;
	clear: both;
	width: 100%;
	}

#top {
	height: 220px;
	background: #000 url(../img/maqueta/back-top.jpg);
	}

#pie {
	background: #6A5B44 url(../img/maqueta/back-pie.jpg) repeat-x;
	}

#piecon {
	color: #fff;
	min-height: 55px;
	padding-bottom: 50px;
	}

#col, #col-lateral, #col-central, #col-izquierda, #col-derecha {
	float: left;
	min-height: 450px;
	vertical-align: top;
	}

#col-lateral {
	width: 790px;
	}

#col-central {
	width: 590px;
	}

#col-izquierda, #col-derecha {
	width: 200px;
	padding-top: 40px;
	}

#col-derecha {
	background: url(../img/maqueta/back-der.png) no-repeat center top;
	}

#col-izquierda {
	background: url(../img/maqueta/back-izq.png) no-repeat center top;
	}

#contenido {
	margin: 0 20px;
	}

#contenido a {
	color: #8E6A28;
	}

#contenido a:hover {
	color: #564118;
	}

.texto-central {
	margin: 10px;
	margin-top: 0;
	}

/*** IMAGENES ***/

#img_bnn_logo {
	float: left;
	padding: 0;
	margin-top: 34px
	}

#img_bnn_top_central {
	float: left;
	margin: 0;
	padding: 0;
	}

#img_bnn_top_derecho {
	float: left;
	background-color: #000;
	}

#img_bnn_sponsors {
	text-align: center;
	}

#img_bnn_sponsors h5 {
	text-align: center;
	margin-bottom: 10px;
	}

.img_bnn_sponsors_registro {
	margin-bottom: 10px;
	}

#img_bnn_bajo_texto {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	}

.img_bnn_bajo_texto_registro {
	float: none;
	margin-bottom: 10px;
	}

.imagen_izquierda {
	float: left;
	border: 1px solid #996600;
	padding: 1px;
	margin: 0 5px 4px 0;
	}

.imagen-central {
	border: 2px solid #5F5F5F;
	padding: 3px;
	margin: 0 auto;
	}

/*** CONTENIDOS ***/

h1, h2, h3, h4, h5, h6, #galeria_videos {
	font-weight: normal;
	font-family: "Cabin Sketch";
	}

h1 {
	font-size: 40px;
	color: #855935;
	margin: 0 0 10px 10px;
	padding-left: 45px;
	background: url(../img/maqueta/back-h1.png) no-repeat 0 4px;
	}

h2 {
	color: #858135;
	}

h5 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	color: #858135;
}

a {
	color: #855935;
	text-decoration: none;
	}

a:hover, a.active {
	color: #372516;
	}

p {
	line-height: 15px;
	}

form {
	display:inline;
	margin: 0;
	}

table, div, img {
	border: none;
	border-collapse: collapse;
	}

.aviso {
	padding: 8px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	margin-bottom: 8px;
	margin-top:10px;
	color: #333;
	}

.volver {
	float: none;
	clear: both;
	text-align: right;
	padding: 15px;
	}

.separador {
	clear: both;
	height: 15px;
	}

.campo {
	float: left;
	clear: both;
	margin-bottom: 6px;
	}

.etiqueta {
	float: left;
	width: 180px;
	margin-right: 5px;
	padding-top: 2px;
	text-align: right;
	}
	
.obligatorio {
	color: #444;
	font-size: 10px;
}

.botones {
	text-align: center;
	}		
	
.inputbox, textarea {
	font-size: 10px;
	color: #000;
	padding: 3px;
	border: none;
	background-color: #F7F0E8;
	width: 200px;
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.inputsubmit {
	border: none;
	padding: 2px 15px;
	background-color: #F7F0E8;
	cursor: pointer;
	}

#texto_pie {
	padding: 15px;
	text-align: center;
	}

#funciones_paginas {
	margin-right: 10px;
	text-align: right;
	}

#funciones_paginas ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#funciones_paginas ul li {
	display: inline;
	padding: 0 5px;
	}

#funciones_paginas img {
	vertical-align: middle;
	margin-right: 4px;
	_margin-right: 2px;
	}

#paginacion {
	float: none;
	clear: both;
	padding: 15px;
	font-size: 14px;
	text-align: center;
	}

#paginacion .pagina {
	background: #8E6A28;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px;
	}

/*** MENUS ***/

/*** MENU SUPERIOR ***/

.menu_top {
	float: right;
	height: 28px;
	padding-top: 6px;
	margin-right: 10px;
	font-size: 13px;
	}

.menu_top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_top ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #fff;
	}

.menu_top ul li a {
	color: #fff;
	}

.menu_top li a:hover {
	color: #cfcfcf;
	}

/*** MENU PRINCIPAL ***/

.menu_ppal {
	font-size: 17px;
	margin-bottom: 20px;
	}

.menu_ppal ul {
	margin: 0;
	padding: 0;		
	list-style: none;					
	}

.menu_ppal ul li {
	margin-bottom: 5px;
	}

.menu_ppal li a.active {
	font-weight: bold;
	}

.menu_ppal ul li ul {
	display: none;
	}

.menu_ppal ul li ul li {
	margin-left: 2px;
	background: url(../img/maqueta/menu-sub.gif) no-repeat 0 6px;
	padding: 0;
	padding-left: 18px;
	}

/*** MENÚ DEL USUARIO ***/

.menu_usuario {
	float: left;
	width: 170px;
	margin: 10px 15px;
	}

.menu_usuario ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu_usuario li {
	margin-bottom: 6px;
	}

.menu_usuario li a {
	color: #fff;
	}

.menu_usuario li a:hover {
	color: #cfcfcf;
	text-decoration: underline;
	}

/*** MODULOS ***/

/*** PANEL ULTIMAS NOVEDADES ***/

.art, .artdet {
	margin: 0 15px 20px 15px;
	}

.reg, .reg_destacado {
	float: left;
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
	}

.reg, .reg_destacado {
	width: 100%;
	border-bottom: 1px dashed #DAA775;
	}

.fecha {
	float: left;
	clear: both;
	color: #fff;
	background-color: #343816;
	padding: 2px 5px;
	margin-bottom: 5px;
	}

.art .fecha, .artdet .fecha {
	float: left;
	clear: none;
	margin-right: 5px;
	}

.tit {
	float: none;
	clear: both;
	font-weight: bold;
	margin: 5px 0;
	color: #383116;
	}

.rsm {
	font-size: 12px;
	color: #333;
	}

.rsm p {
	margin: 0;
	line-height: normal;
	}

.lmas {
	clear: both;
	text-align: right;
	margin: 0;
	}
	
.part_todos {
	margin: 10px;	
	}

.art .img {
	float: left;
	margin-right: 10px;
	}

/*** FORM DE CONTACTO ***/

#contactos {
	width: 410px;
	margin: 0 auto;
	}

/*** PANEL DE ACCESO ***/

#panel_acceso, #info_usuario {
	margin-top: 15px;
	color: #fff;
	}

#info_usuario .texto {
	margin: 4px 0;
	}

#panel_acceso .etiqueta {
	float: left;
	width: 80px;
	text-align: right;
	margin-top: 2px;
	margin-right: 5px;
	}

#panel_acceso .inputbox {
	width: 90px;
	}

#panel_acceso .campo {
	margin-bottom: 4px;
	}

#panel_acceso .botones {
	margin: 8px 0 4px 0;
	text-align:center;		
	}

#panel_acceso_recuperar {
	padding: 3px 0;
	text-align: center;
	}

#panel_acceso_recuperar a {
	color: #fff;
	}

#panel_acceso_recuperar a:hover {	
	color: #cfcfcf;
	text-decoration: underline;		
	}

#panel_acceso_registro {
	padding: 3px 0;
	text-align: center;
	}

#panel_acceso_registro a {	
	color: #fff;
	}

#panel_acceso_registro a:hover {	
	color: #cfcfcf;
	text-decoration: underline;		
	}

/*** FORM DE RECUPERAR CLAVE ***/

#recuperar_clave  {
	margin: 0 15px 20px 15px;
	}

.recuperar_clave_item {
	padding: 8px 0;
	}

.recuperar_clave_item .etiqueta {
	float: left;
	text-align: right;
	margin-right: 10px;
	}

#recuperar_clave .botones {
	float: none;
	padding: 8px 0;
	clear: both;
	}

/*** FORM DE REGISTRO ***/		

#registrar {
	margin: 0 15px 20px 15px;
	}

#registrar .campo {
	float: left;
	clear: both;
	margin: 0 0 7px 0;
	}

*html #registrar .campo {
	float: none;
	clear: both;
	margin: 0 0 7px 0;
	}

#registrar .etiqueta {
	float: left;
	clear: right;
	width: 140px;
	text-align: right;
	margin: 0 5px 3px 0;
	_margin: 0 2px 3px 0;
	}

#registrar .area_edicion {
	float: left;
	width: 280px;
	}

#registrar .radio {
	float: left;
	margin-right: 5px;
	_margin-right: 2px;
	}

#registrar .radio p {
	display: inline;
	margin: 0;
	padding: 0;
	}

#registrar .botones {
	float: none;
	clear: both;
	text-align: center;
	}		

/*** FORM DE MODIFICAR DATOS ***/

#modificar_datos {
	margin: 0 15px 20px 15px;
	}

#modificar_datos .campo {
	float: left;
	clear: both;
	margin: 0 0 7px 0;
	}

#modificar_datos .etiqueta {
	float: left;
	clear: right;
	width: 140px;
	text-align: right;
	margin: 0 5px 3px 0;
	_margin: 0 2px 3px 0;
	}

#modificar_datos .area_edicion {
	float: left;
	width: 280px;
	}

#modificar_datos .radio {
	float: left;
	margin-right: 5px;
	_margin-right: 2px;
	}

#modificar_datos .radio p {
	display: inline;
	margin: 0;
	padding: 0;
	}

#modificar_datos .imagen {
	float: none;
	clear: both;
	text-align: center;
	margin: 5px;
	_margin: 5px 2px;
	}

#modificar_datos .botones {
	float: none;
	clear: both;
	text-align: center;
	}		

/*** PANEL DE NEWSLETTER ***/

#panel_newsletter {
	width: 170px;
	margin: 0 0 0 30px;
	_margin: 0 0 0 15px;
	padding-bottom: 10px;
	}

#panel_newsletter .etiqueta {
	margin: 4px 0;
	}

#panel_newsletter .inputbox {
	width: 70%;
	}

#panel_newsletter .botones {
	margin: 8px 0 4px 0;
	text-align:center;		
	}

/*** NEWSLETTER SUSCRIPCIÓN ***/

#suscripciones {
	margin: 0 15px 20px 15px;
	}

/*** FORM DE ENVIAR PÁGINA POR E-MAIL ***/

#enviar_pagina {
	margin: 0 15px 20px 15px;
	}

#enviar_pagina .campo {
	clear: both;
	margin: 5px 0;
	}

#enviar_pagina .etiqueta {
	}

#enviar_pagina .botones {
	margin: 5px 15px;
	text-align: center;
	}

/*** GALERIA DE VIDEOS ***/

#galeria_videos {
	position: relative;
	float: left;
	clear: both;
	min-height: 460px;
	margin-left: 10px;
	margin-bottom: 10px;
	}

.galeria_videos_fila {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	}

.galeria_videos_registro {
	float: left;
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	}