/*PLANTILLA GENERAL DE COSAS QUE HAY COMUNES EN TODAS LAS PAGINAS TANTO INDEX COMO INTERIOR*/

/* CSS Document */
* {
	padding:0;
	margin:0;
	letter-spacing:1px;
}

body { 	margin:0 auto; padding:0; }

h1{
	margin-right:10px;
}

h2
{
	padding:5px 5px 5px 3px;
}
h3
{
	padding:5px 5px 7px 3px;
}

p
{
	padding-left:40px;
	padding-right:30px;
}

div#sombra_cabecera
{
	display:block;
	float:left;
}
div#sombra
{
	left:0;
	position:relative;
	top:0;
	width:100%;
	height:150px;
}

div#contenedor
{
	width:900px;
	margin:0 auto;
	min-width:61px;
	position:relative;
	z-index:1;
}

div#contenedor2
{
	
	margin:0 auto;
	min-width:61px;
	position:relative;
	width:900px;
	z-index:0;
}

div#contenedor_cabecera
{
	display:block;
	width:100%;
	float:left;
	z-index:2;
}

div#contenedor_cuerpo
{
	display:block;
	width:100%;
	float:left;
}

div#contenedor_tablones,
div#contenedor_pie
{
	display:block;
	width:100%;
	float:left;
}


div.tablon_izquierdo,
div.tablon_central,
div.tablon_derecho
{
	display:block;
	float:left;
}

div.tablon_central
{
	width:292px;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	margin:0px 7px;
}

div.tablon_izquierdo,
div.tablon_derecho
{
	width:296px;
}

div.tablon
{
	display:block;
	float:left;
	width:100%;
}
div.tablon
{
/*
	background-color:#F2F2F2;
*/
}
/**********************/
/*  zona logo WMG	  */
/**********************/

div#fondo_cabecera{
	display:block;
	float:left;
	height:150px;
	left:0;
	margin:auto;
	position:absolute;
	top:0;
	width:200px;
}

div#fondo_cabecera a {
	display:block;
	width:250px;
	height:150px;
}

/**********************/
/*  zona logo WMG	  */
/**********************/

div#logo_wmg{
	position:absolute;
	top:0px;
	left:0px;
	
	display:block;
	width:100px;
	height:50px;
	
	
}

/*****************************/
/* 			TOP				 */
/*****************************/

div#top
{
	display:block;
	float:left;
	width:650px;
	height:350px;
	margin-bottom:5px;
	padding-bottom:5px;
}

/**********************/
/* 		BANNER 1	  */
/**********************/

/*
div#banner1
{
	display:block;
	float:right;
	position:relative;
	right:0px;
	z-index:10;
	width:380px;
}
*/
div#banner1
{
	display:block;
	float:right;
	position:relative;
	right:0px;
	z-index:10;
	width:300px;
}
div.marginbottom
{
	display:none;
}



/**********************/
/* 	    BANNER 2 	  */
/**********************/

div#banner2
{
	display:block;
	float:left;
	height:350px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:10px;
	width:240px;
}

/**********************/
/* 	    BANNER 3 	  */
/**********************/

div#banner3
{
	display:block;
	float:right;
	width:240px;
	margin-top:0px;
}

div#banner3 li
{
	display:block;
	float:left;
	width:47%;
	padding:0;
}

div#banner3 li.foto
{
	width:auto;
}

div#banner3 li.foto a
{
	padding-left:10px;
}

div#banner3 .banner h4
{
	padding:0px;
}

div#banner3 li a
{
	padding-left:30px;
}

div#banner3 .list_galeria .grupo_texto
{
	margin-bottom:5px;
}

div#banner3 .list_galeria li
{
	width:236px;
	min-height:15px;
	margin:0px;
	padding:0px;
}

div#banner3 .list_galeria li a
{
	padding-top: 4px;
	display: block;
	padding-bottom: 6px;
	text-align: center;
	padding-left: 0px;
}

div#banner3 .list_galeria li a:hover
{	
	background-color:#dddddd;
}

/**********************/
/* 	    BANNER 4 	  */
/**********************/

div#banner4
{
	display:block;
	float:right;
	width:240px;
}

/**********************/
/* 		BANNER 5	  */
/**********************/

div#banner5 {
	display:block;
	float:right;
	height:150px;
	position:absolute;
	right:0;
	top:0;
	width:250px;
}

/************************************************************************************/
/*									zona del cabecera 								*/
/************************************************************************************/	

div#cabecera_es,
div#cabecera_en,
div#cabecera_pt
{
	display:block;
	height:150px;
	left:265px;
	position:relative;
	width:300px;
}

/******************************/
/* zona de las notificaciones */
/******************************/
/*
div#notificaciones
{
	display:block;
	float:right;
	width:200px;
}
*/

div#notificaciones{
	display:block;
	float:right;
	width:160px;
}

div#notificaciones div#enlace_registrate
{
	padding-left:145px;
	margin-top:-2px;
}

div#notificaciones ul li
{
	display:block;
	margin-top:1px;
	width:160px;
}

div#notificaciones ul li a
{
	padding-left:15px;
}
div#notificaciones p
{
	text-indent:0px;
}

/**********************/
/* zona del registrar */
/**********************/

div#zona_login {
    display: block;
    float: right;
    width: 166px;
}

div#zona_login div#boton_registrar{
	float:left;
	margin-top:5px;
}

div#zona_login div#boton_registrar a {
}

/**********************/
/* zona del enlaces   */
/**********************/

div#zona_enlaces
{
	display:block;
	float:left;
	margin-left:5px;
	margin-top:0;
	width:250px;
}

div#zona_enlaces ul li
{
	display:block;
	float:left;
	padding-left:40px;
	padding-top:18px;
	width:80px;
	top:35px;
}

/*******************/
/* zona de idiomas */
/*******************/
/*

div.zona_idiomas
{
	display:block;
	float:left;
	width:160px;
	padding:3px 10px 3px 10px;
}
*/

div.zona_idiomas
{
	display:block;
	float:left;
	width:121px;
	padding:3px 0px 3px 10px;
}

div.zona_idiomas ul
{
}

div.zona_idiomas ul li
{
	float:left;
}

div.zona_idiomas ul li.tag
{
	display:block;
	width:74px;
	height:25px;
}

div.zona_idiomas ul li.tag:hover
{
	text-decoration:underline;
}

div.zona_idiomas ul li.flag_ES,
div.zona_idiomas ul li.flag_EN,
div.zona_idiomas ul li.flag_PT,
div.zona_idiomas ul li.flag_ES a,
div.zona_idiomas ul li.flag_EN a,
div.zona_idiomas ul li.flag_PT a
{
	display:block;
	width:35px;
	height:25px;
	padding-right:10px;
}

div.zona_idiomas ul li.tag a
{
	color:#ffffff;
	font-size:14px;
}

div.zona_idiomas ul li.tag a:hover
{
	color:#8f8f8f;
}

div.zona_idiomas ul li.tag:hover
{
	background-color:#3f3f3f;
}

div.zona_idiomas ul li.flag_ES
{
	background:url(../../../img/general/flag_ES.png) transparent no-repeat 0px -24px scroll;
	text-indent:-9999px;
}

div.zona_idiomas ul li.flag_EN
{
	background:url(../../../img/general/flag_EN.png) transparent no-repeat 0px -24px scroll;
	text-indent:-9999px;
}

div.zona_idiomas ul li.flag_PT
{
	background:url(../../../img/general/flag_PT.png) transparent no-repeat 0px -24px scroll;
	text-indent:-9999px;
}

div.zona_idiomas ul li.flag_ES:hover,
div.zona_idiomas ul li.flag_EN:hover,
div.zona_idiomas ul li.flag_PT:hover
{
	background-position:0px 0px;
}




div#recordar
{
	display:block;
	float:left;
	width:150px;
}



/*******************/
/*    banner 5     */
/*******************/

div#banner5 div.zona_idiomas
{
	display:block;
	width:250px;
	padding:0;
	margin:40px 0 0 0 ;
}
div#banner5 div.zona_idiomas ul li
{

}

div#banner5 div.zona_idiomas ul li.tag, 
div#banner5 div.zona_idiomas ul li.tag_actual
{
	display:none;
}

div#banner5 div.zona_idiomas ul li.flag_ES
{
	background:url(../../../img/general/flag_ES_big.png) no-repeat transparent 0px -60px scroll;

}
div#banner5 div.zona_idiomas ul li.flag_EN
{
	background:url(../../../img/general/flag_EN_big.png) no-repeat transparent 0px -60px scroll;

}
div#banner5 div.zona_idiomas ul li.flag_ES:hover
{
	background:url(../../../img/general/flag_ES_big.png) no-repeat transparent 0px 0px scroll;

}
div#banner5 div.zona_idiomas ul li.flag_EN:hover
{
	background:url(../../../img/general/flag_EN_big.png) no-repeat transparent 0px 0px scroll;

}
div#banner5 div.zona_idiomas ul li.flag_PT
{
	background:url(../../../img/general/flag_PT_big.png) no-repeat transparent 0px -60px scroll;

}
div#banner5 div.zona_idiomas ul li.flag_PT:hover
{
	background:url(../../../img/general/flag_PT_big.png) no-repeat transparent 0px 0px scroll;

}

div#banner5 div.zona_idiomas ul li.flag_ES,
div#banner5 div.zona_idiomas ul li.flag_EN,
div#banner5 div.zona_idiomas ul li.flag_PT,
div#banner5 div.zona_idiomas ul li.flag_ES a,
div#banner5 div.zona_idiomas ul li.flag_EN a,
div#banner5 div.zona_idiomas ul li.flag_PT a
{
	display:block;
	width:75px;
	height:60px;
	padding:0px;
	margin-left:4px;
	margin-right:4px;
}

/*******************/
/* zona del login  */
/*******************/
/*

div#zona_login{
	display:block;
	float:right;
	width:200px;
}
*/
div#login {
    display: block;
    float: left;
    margin-left: 0;
    width: 154px;
}

div#login
{
	display:block;
	float:left;
	margin-left:0px;
}

div#login ul li{
	float:left;
	margin-top:2px;
}

div#login ul li.tag_login
{
/*
	width:70px;
*/
	margin-right:0px;
	float:left;
}

div#login ul li.input_login
{
	display: block;
    float: right;
}

div#login ul li.input_login input.user
{
	width:108px;
	display: block;
    float: right;
}

div#login ul li.input_login input.pass
{
	width:65px;
	display: block;
    float: right;
}

div#login ul li.boton_login
{
	display:block;
	float:right;
	height:20px;
	margin-top:2px;
	width:20px;
	clear: both;
}

div#login input.boton_login{
	display:block;
	width:20px;
	height:20px;
}

/*******************/
/* zona del logout */
/*******************/

div#logout{
	display:block;
	margin-top:1px;
}

div#logout a.boton_logout
{
	display:block;
	width:100px;
	margin-left:15px;
}

/*******************/
/* Registrarte     */
/*******************/

div#registro{
	display:block;
	float:left;
	margin-bottom:1px;
	margin-top:2px;
}

a.boton_registro
{
	display:block;
	float:left;
	height:17px;
	width:153px;
}

a.boton_registro
{
	font-size:11px;
	color:#FFFFFF;
	background-color:#3f3f3f;
	text-align:center;
}

a.boton_registro:hover
{
	
}



/************************/
/*  BARRA DE NAVEGACION */
/************************/


div#barra_navegacion
{
	display:block;
	width:100%;
	float:left;
}

div.botones ul
{
	height:35px;
	padding:10px 0px;
}

div.botones ul li
{
	display:block;
	float:left;
	width:14%;
	height:35px;
}

div.botones ul li a
{
	display:block;
	width:100%;
	height:100%;
	padding:10px 10px 10px 10px;
}


/********************/
/* ZONA Breadcrumbs */
/********************/

div#breadcrumbs
{
	display:block;
	float:left;
	width:100%;
	height:30px;
	margin:0px 0px 7px 0px;
}

div#breadcrumbs ul
{
	display:block;
	float:left;
	width:100%;
}

div#breadcrumbs ul li
{
	display:block;
	float:left;
	margin-bottom:7px;
	margin-top:5px;
	padding:0 2px 4px 16px;
}

div#breadcrumbs ul li.first
{
	margin-left:30px;	
	padding-left:25px;
}


/********************/
/*     ARTICULO     */
/********************/

div#articulo
{
	clear:both;
	float:left;
	width:100%;
}

div#articulo div#titulo_articulo
{
	display:block;
	height:40px;
	margin-bottom:10px;
	padding-bottom:5px;
}

div#articulo div#grupo_texto h3
{
	padding-top:20px;
}

div#articulo div#grupo_texto p
{
	text-align:justify;
	padding-bottom:15px;
}


/********************/
/*     ZONA PIE     */
/********************/

div#zona_pie{
	display:block;
	float:left;
	width:900px;
	z-index:0;
	border-top:2px solid #fff;
	margin-top:10px;
	margin-bottom:20px;
}

div#zona_pie ul{
	
}

div#zona_pie ul li a,
div#zona_pie ul li {
	color:#B3B3B3;
}

div#zona_pie div.banner
{
	display:block;
	margin:10px 5px 5px;
	width:290px;
	min-height:100px;
}

.primero
{
	float:left;
	text-align:left;
}

.segundo
{
	float:left;
	text-align:center;
}

.primero ul li.contacto a
{
	background:url(../../../img/general/bg_contacto_pie.png) no-repeat transparent 0px -74px scroll;
	text-indent:-9999px;
}
.primero ul li.contacto a:hover
{
	background:url(../../../img/general/bg_contacto_pie.png) no-repeat transparent 0px -1px scroll;
}

.primero ul li.facebook,
.primero ul li.twitter,
.primero ul li.instagram
{
	height: 48px;
    margin-top: 25px;
    overflow: hidden;
    width: 48px;
	margin-left:10px;
}

.primero ul li.facebook a
{
	background:url(../../../img/general/bg_facebook_pie.png) no-repeat transparent 0px -48px scroll;
	text-indent:-9999px;
}
.primero ul li.facebook a:hover
{
	background:url(../../../img/general/bg_facebook_pie.png) no-repeat transparent 0px 0px scroll;
}

.primero ul li.twitter a
{
	background:url(../../../img/general/bg_twitter_pie.png) no-repeat transparent 0px -48px scroll;
	text-indent:-9999px;
}
.primero ul li.twitter a:hover
{
	background:url(../../../img/general/bg_twitter_pie.png) no-repeat transparent 0px 0px scroll;
}

.primero ul li.instagram a
{
background: url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/48px-Instagram_logo_2016.svg.png') no-repeat transparent 0 0 scroll;
	text-indent:-9999px;
}

.primero ul li,
.primero ul li a
{
	display:block;
	float:left;
	height:73px;
	width:100px;
}

.tercero
{
	background:url(../../../img/general/logo_pie.png) no-repeat transparent 0px 0px scroll;
	background-position:right;
}
.tercero,
.tercero ul li
{
	float:right;
	text-align:right;
}

div#zona_pie div.banner ul li a:hover{
	color:#eee;
}

div#zona_pie div.banner ul{
	margin-bottom:10px;
}

div#zona_pie div.banner ul li {
	font-size:13px;
}

/*
**********************************************************************
*/
a:focus {
	outline: none;
}

.marginbottom,
.marginbottom a{
	margin: 0;
	padding: 0;
	border-top: solid 0px #000000;
	margin:0 0 0 0px;
	text-indent:-9999px;
}

.marginbottom,
.marginbottom a{
	width:380px;
	height:30px;
	display:block;
}



div.admin a
{
	background:url("../../../img/general/btn-slide_admin.png") transparent scroll 130px -30px no-repeat;
}

div.admin a:hover
{
	background:url("../../../img/general/btn-slide_admin.png") transparent scroll 130px 0px no-repeat;
}

.es a
{
	background:url("../../../img/general/btn-slide_es.png") transparent scroll 130px -30px no-repeat;
}

.en a
{
	background:url("../../../img/general/btn-slide_en.png") transparent scroll 130px -30px no-repeat;
}

.pt a
{
	background:url("../../../img/general/btn-slide_pt.png") transparent scroll 130px -30px no-repeat;
}

.es a:hover
{
	background:url("../../../img/general/btn-slide_es.png") transparent scroll 130px 0px no-repeat;
}

.en a:hover
{
	background:url("../../../img/general/btn-slide_en.png") transparent scroll 130px 0px no-repeat;
}

.pt a:hover
{
	background:url("../../../img/general/btn-slide_pt.png") transparent scroll 130px 0px no-repeat;
}

.identificado a
{
	background:url("../../../img/general/btn-slide_logged.png") transparent scroll 130px -30px no-repeat;
}

.identificado a:hover
{
	background:url("../../../img/general/btn-slide_logged.png") transparent scroll 130px 0px no-repeat;
}

.error a
{
	background:url("../../../img/general/btn-slide_fail.png") transparent scroll 130px -30px no-repeat;
}

.error a:hover
{
	background:url("../../../img/general/btn-slide_fail.png") transparent scroll 130px 0px no-repeat;
}

a#btn-slide {
	color:#FFFFFF;
	display:block;
	float:right;
	position:relative;
	text-decoration:none;
	width:100%;
	text-indent:-9999px;
	height:100%;
}

div.admin{
	width:130px;
	height:20px;
	color:#FFFFFF;
	display:block;
	float:right;
	position:relative;
	text-decoration:none;
	text-indent:-9999px;
}

div.admin a {
	display:block;
	float:right;
	height:100%;
	position:relative;
	top:9px;
	width:100%
}

.active {
	background-position: right 12px;
}

/*
	LOGOTIPO DE FACEBOOK
*/

.logo_facebook a,
.logo_twitter a
{
	display:block;
	float:left;
	height:30px;
	margin:5px 0 0 17px;
	text-indent:-9999px;
	width:100px;
}

.logo_facebook a
{
	background:url("../../../img/general/facebook.png") transparent scroll 0px -30px no-repeat;
}

.logo_facebook a:hover
{
	background:url("../../../img/general/facebook.png") transparent scroll 0px 0px no-repeat;
}

.logo_twitter a
{
	background:url("../../../img/general/twitter.png") transparent scroll 0px -30px no-repeat;
}

.logo_twitter a:hover
{
	background:url("../../../img/general/twitter.png") transparent scroll 0px 0px no-repeat;
}
/*

div#banco1
{
	width:380px;
	height:120px;
}
*/

div#banco1
{
	height: 150px;
    width: 300px;
}

div#banco1 h3
{
	color:#ffffff;
}

p.titulo_registro
{
	font-size: 18px;
	font-weight:bold;
}

p.titulo2_registro
{
	border-bottom: 1px solid;
    font-size: 13px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

div.trigger_registro
{
	float: left;
    font-weight: normal;
    height: 30px;
    line-height: 10px;
}

div.toggle_container_registro
{
	float: left;
    margin: 0 0 15px;
    padding: 0;
}
