@charset "utf-8";
/* CSS Document */
*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

body {
    font-size: 1em;
    font-style: normal;
    background-color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	grid-area: plantilla;
}

header {
	width:100%;
    height: auto;
	padding-left: 5px;
	color: #fff;
	background-image: url(../img/bgcb_escena.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow: 10px 6px 5px #000;
	-webkit-box-shadow: 10x 12px 3px #000;
	-moz-box-shadow: 10px 12px 3px #000;
}
	.cab{
		display: grid;
		grid-area: cab;
	}

	#slogan{
		width:100%;
		height:50px;
		font-size: 1.3rem;
		font-style: italic;
		text-align: center;
		justify-content: center;
		padding-bottom: 1rem;
		color:white;
		background-color: rgba(0, 0, 0, 0.5);
	}
		.slogan{
			grid-area: slogan;
		}

	#col1_hd {
		max-width: 240px;
		height: 100%;
		padding-left: 0.5rem;
		font-size: 1.2em;
		font-weight: 500;
		color: #fff;
		background-color: rgba(0, 0, 0, 0.4);
	}

		.col1_hd{
			grid-area: col1_hd;
		}
	
	#col2_hd {
		width: 100%;
		height: auto;
		color: white;
		text-align: center;
	}

		.col2_hd{
			grid-area: col2_hd;
		}

	.mn_sp{
		grid-area: mn_sp;
	}


	.mn_sup {
		color: yellow;
		width:100%;
		height:auto;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		background-color: beige;
	}

	.mn_sp a{
		color: yellow;
		font-size: 1.3em;
		line-height: 2em;
		padding: 0.3em .5em;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
		text-decoration: none;
		font-weight: 400;
		text-shadow: 1px 1px red;
		border-bottom: 5px double blue;
		padding-bottom: 1px;
		background-image: url(../img/bgmn_azulobs.jpg);
	}

	.mn_sp a:link{
		color: yellow;
		text-decoration: none;
		border-top: 1px solid #05F2FF;
		border-bottom: 2px solid #05f2ff;
		background-image: url(../img/bgmn_azulobs.jpg);
	}

	.mn_sp a:hover{
		color: yellow;
		font-size: 1.2em;
		text-shadow: 1px 1px red;
		margin-top: 1px;
		margin-bottom: 5rem;
		border-top: 2px solid white;
		border-bottom: 2px double #fff;
		padding-bottom: 1px;
		background-image: url(../img/bgmn_gradazul.jpg);
	}

	.mn_sp a:active{
		color:yellow;
		margin-top: 1px;
		margin-bottom: 5rem;
	}

	.mn_sp a:visited {
    	font-size: 0.8em;
		color: yellow;
		text-shadow: 5px 1px #000;
		border-top: 1px solid #05F2FF;
		background-image: url(../img/bgmn_gradazul.jpg);
	}

	.rw2_col2{
		display: inline-flex;
		grid-area: rw2_col2;
	}

	.rw3_col2{
		grid-area: rw3_col2;

		}
	.sbmn_cab {
		width: 100%;
		height: auto;
		padding-top: 2px;
		display: inline-block;
	}
	.sbmn_cab a{
		font-size: 1em;
		color: #fff;
		text-decoration: none;
		line-height: 2em;
		padding: 0.3em 0.5em;
		background-image: url(../img/bgmn_gradazul.jpg);
	}
	.sbmn_cab a:link{
		color: #000;
		text-decoration: none;
		line-height: 2em;
		border-top: 1px solid #05F2FF;
		border-bottom: 2px solid #05f2ff;
	}
	.sbmn_cab a:hover{
		font-size: 1.2em;
		color: black;
		border-top: 3px solid aqua;
		border-bottom: 4px solid black;
		background-color: aqua;
		padding-bottom: 3px;
	}

	.sbmn_cab a:visited {
		font-size: 0.8em;
		color: black;
		border-top: 1px solid #05F2FF;
		border-bottom: 2px solid #05f2ff;
	}

#post_head{
	width: 100%;
}

	.post_head{
		display: grid;
		grid-area: post_head;
	}

	.navegacion {
		width:100%;
		height:auto;
		margin-right: 5px;
		padding-left: 10PX;
		padding-top: 5px;
		font-size: 1.2em;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		background-image: url(../img/bghr_nav.gif);
		grid-area: navegacion;
		}

	.busqueda{
		width:100%;
		height:auto;
		margin-left: 5px;
		padding-top: 5px;
		min-width: 400px;
		font-size: 1em;
		display: inline-flex;
		float: right;
		background-image: url(../img/bghr_nav.gif);
		grid-area: busqueda;
		}

#consentidas{
	color: #fff;
	width: 95%;
	margin:auto;
	margin-bottom: 10px;
	background-color: #000;
	border-top: 1px solid black;
	}

	.consentidas{
		display: grid;
		grid-area: consentidas;
	}
	.tit_con{
		width: 100%;
		grid-area: tit_con;
	}
	.con1{
		grid-area: con1;
	}
	.con2{
		grid-area: con2;
	}
	.con3{
		grid-area: con3;	}
	.con4{
		grid-area: con4;
	}
		
#principal{
	font-size: 1.2em;
	width: 95%;
	margin: auto;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 1em;
	box-shadow: 5px 6px 5px #000;
	-webkit-box-shadow: 5px 12px 3px #000;
	-moz-box-shadow: 5px 12px 3px #000;
}

.principal{
	display: grid;
	grid-area: principal;
}

	.col_izq{
		margin-left: 15px;
		width: 90%;
		height: auto;
		display: grid;
		background-image: url(../img/bgpx_rayas.png);
		grid-area: col_izq;
	}

	.tropicales{
		background-color: rgba(255, 255, 255, 0.5);
	}

	.tierracali{
		background-color: rgba(255, 255, 255, 0.5);
	}


	#grupos_colcentro{
		
	}
	
	.col_centro{
		width: 90%;
		height: auto;
		background-image: url(../img/bgpx_rayas.png);
		grid-area: col_centro;
	}

		.somnideros{
			background-color: rgba(255, 255, 255, 0.5);
		}
	
		.nortenos{
			background-color: rgba(255, 255, 255, 0.5);
		}

		.solistas{
			background-color: rgba(255, 255, 255, 0.5);
		}

	#grupos_colder{
		
		}
				
		.col_der{
			width: 90%;
			height: auto;
			background-image: url(../img/bgpx_rayas.png);
			grid-area: col_der;
		}

			.recuerdo{
				background-color: rgba(255, 255, 255, 0.7);
			}

			.hallmusic{
				background-color: rgba(255, 255, 255, 0.5);
			}

			.banda{
				background-color: rgba(255, 255, 255, 0.5);
			}

			.alterado{
				font-size: 1.rem;
				font-weight: bold;
				background-color: #FFFFFF;
				padding: .5em;
			}

	#promos_der{
		width: 90%;
		height: auto;
		padding-left: 5px;
	}
	.promos_der{
		grid-area: promos_der;
	}
			.propaganda {
				padding: 5px 5px 5px 10px;
				margin-bottom: 1em;
				background-color: white;
				border-top: #000 solid 5px;
				border-bottom: #000 solid 5px;
			}

#medio_inf{
    width: 100%;
	margin-right: 2%;
	margin-left: 2%;
	display:inline-block;
	margin-bottom: 10px;
	width:100%;
	height:auto;
	font-size: 1em;
	padding: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	flex-wrap: wrap;
	text-align: justify;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #ffffff;
	border-top: 1px solid black;
}
.medio_inf{
	display: grid;
	grid-area: medio_inf;
}

	.galhor-contenedor{
			width: 100%;
			height: auto;
			overflow-y: hidden;
			overflow-x: auto;
			padding: 10px;
			background: #F0F0F0;
			white-space: nowrap;
		}

	.galhor-contenedor > figure {
		width: 300px;
		height: 280x;
		margin: 0 10px 0 0;
		padding: 0;
		background-color: black;
		display: inline-block;
		text-align: center;
		line-height: 50px;
	}
	.galhor-contenedor > figure >figcaption {
		font-size: 1.2em;
		background-color:gainsboro;
		color: rgb(0, 0, 0);
		line-height: 50px;
	}

#politicas {
		width: 100%;
		height: auto;
		font-size: 1em;
		text-align: justify;
		margin-top: 10px;
		margin-bottom: 5px;
		background-color: #FFF;
		background-image: url(../img/bghr_nav.gif);
	}
		
	.politicas{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 3em;
		grid-area: politicas;
	}

#xestado{
		font-size: 1.2em;
		width:90%;
		margin:auto;
		height:auto;
		margin-top: 1px;
		padding-bottom: 20px;
		padding-left: 10px;
		justify-content: center;
		background-image: url(../img/bgtile_watback.jpg);
		border: 1px none #000;
		}
	.xestado{
		display: grid;
		grid-area: xestado;
	}
			.xestcol{
			font-size: 1em;
			width: 100%;
			height:100%;
			margin-top: 10px;
			padding-left: 25px;
			padding-bottom: 25px;
			background-color: #fff;
			}
#pre_ft{
	width: 80%;
	height: auto;
	margin:auto;
	margin-top: 1em;
	padding-bottom: 1rem;
	font-size: 1em;
    justify-content: center;
    align-items: center;
}
	.pre_ft{
	display: grid;
	grid-area: pre_ft;

	}

footer {
    bottom: 5px;
	width: 100%;
    height: auto;
    padding: 5px;
	font-size: 1em;
    color: #fff;
    display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	column-gap: 5px;
    justify-content: center;
	align-items: center;
	background-image: url(../img/bgft_azuljasp.jpg);
	background-color: rgba(0, 0, 0, 0.5);
    border-top: 5px groove cornflowerblue;
}
	.pie_pag{
		display: grid;
		grid-area: pie_pag;
	}
	#col1_ft{
	width: 100%;
	height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	}
	.col1_ft{
		display: grid;
		grid-area: col1_ft;
	}

	#col2_foot{
	width: 100%;
	height: auto;
    padding: 10px;
	font-size: 0.9em;
	padding-right: 2em;
	}

	.col2_ft{
		display: grid;
		grid-area: col2_ft;
	}


	#col3_ft{
    width: 100%;
	height: auto;
    padding-left: 10px;
	font-size: 0.9em;
    text-align: center;
    align-content: center;
    justify-content: center; 
	}
	.col3_ft{
		display: grid;
		grid-area: col3_ft;
	}


	#col4_ft{
	width: 100%;
	height: auto;
	padding-right: 10px;
    padding: 3px;
    display: inline-block;
	text-align: center;
    align-content: center;
    justify-content: center;
}

	.col4_ft{
		display: grid;
		grid-area: col4_ft;
	}

.menu_inf {
	width: 100%;
	margin: auto;
	color: #fff;
	font-size: .8em;
    padding: 0px 5px 2px 5px;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.menu_inf a{
    margin: auto;
	width: 70%;
    padding: 0px 5px 2px 5px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
    text-decoration: none;
	background-color: rgba(0, 0, 0, 0.4);
	border-top: blue 5px groove;
    border-bottom: 1px groove #fff;
    color: #fff;
}

.menu_inf a:link{
	margin: auto;
	color: #fff;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 3rem;
	padding-bottom: 20px;
	margin-bottom: 5px;
    padding: 0px 5px 2px 5px;
	background-color: rgba(180, 200, 200, 0.3);
}

.menu_inf a:hover{
    font-size: 1.3em;
    margin: auto;
    color: #fff;
	background: black;
	border-top: rgb(255, 255, 255) 3px solid;
	border-bottom: rgb(255, 255, 255) 3px solid;
}

.menu_inf a:visited {
    font-size: 1em;
}

.menu_inf a:active {
	font-size: 1em;
	color: yellow;
	background-color: darkgray;
}

.enlace_inf a:link{
	margin: auto;
	color: white;
	background: black;
	font-size: 0.8em;
	line-height: 3rem;
    padding: 0px 10px 2px 10px;
}

.enlace_inf a:hover{
    font-size: 1.3em;
    margin: auto;
    color: #fff;
	background: black;
}
.tit_col{
	font-size: 1.3em;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: aquamarine;
	font-weight: bold;
	letter-spacing: normal;
    background-color:black;
    text-align: center;
}

.tit_secc {
	font-size: 1.2em;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: aquamarine;
	font-weight: bold;
	letter-spacing: normal;
    background-color:black;
    text-align: center;
}

.Blangor{
    font-size: 1.2em;
	color: #fff;
	font-style:normal;
    font-weight: 400;
}

.Blanmed{
    font-size: 1.0em;
	color: #fff;
	font-style:normal;
    font-weight: 400;
}

.Neggor {
	color: #000;
	font-weight: bold;
}
.Negpeq {
	font-size: 0.8em;
	font-style: normal;
	color: #000;
	font-weight: bold;
	letter-spacing: normal;
	text-align: justify;
	word-spacing: normal;
}
.Peques{
	font-size: 0.8em;
	font-style: normal;
	color: #fff;
	word-spacing: normal;
}


.listar{
    list-style-image:url(../img/listar.png); 
}  


.zoom{

        /* Aumentamos la anchura y altura durante 2 segundos */

        transition: width 2s, height 2s, transform 1s;

        -moz-transition: width 2s, height 2s, -moz-transform 1s;

        -webkit-transition: width 2s, height 2s, -webkit-transform 1s;

        -o-transition: width 2s, height 2s,-o-transform 1s;

}

.zoom:hover{

        /* tranformamos el elemento al pasar el mouse por encima al doble de

           su tamaño con scale(2). */

        transform : scale(2);

        -moz-transform : scale(2);      /* Firefox */

        -webkit-transform : scale(2);   /* Chrome - Safari */

        -o-transform : scale(2);        /* Opera */

}

h1{
	font-size: 1.1em;
	font-weight: bold;
	line-height: normal;
	text-align: center;
	vertical-align: top;
}

li{
	font-size: 1em;
	font-style:italic;
	font-weight: Bold;
	letter-spacing: normal;
	text-align: justify;
	vertical-align: baseline;
	word-spacing: normal;
}
a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
}
a:link {
    font-size: 1em;
	font-style: normal;
	color: indigo;
}
a:visited {
    font-size: 0.8em;
	color: darkblue;
	background-image: url(../img/ft_gradazul.jpg);
	background-color: #ffffff;
}
a:hover {
    font-size: 1.2em;
	color: #ffffff;
	background-color: #000000;
}
a:active {
	font-size: 0.8em;
	color: #EDD467;
	background-color: #333333;
}