/*
:root {
	--primary: black;
	--secondary: #607a12;
	--light: #abcc46;
	--other: #B0455C;
	--link: #292265;
	--back: #f2cf49;
	--back-menu: #78932A;
	--link-menu: #fdd654;
	--footer-back: #abcc46;
	--button: #292265;
	--black: black;
	--white: white;
}
*/

:root {
	--primary: black;
	--secondary: #b8255b;
	--light: #b8255b;
	--other: #B0455C;
	--link: #292265;
	--back: #ffffff;
	--back-menu: #b8255b;
	--link-menu: #fdd654;
	--footer-back: #b9255b;
	--button: #292265;
	--black: black;
	--white: white;
}



.wrap-pre-header{
	height: 60px;
	width: 100%;
	background: var(--primary);
	background: var(--other);
	background: var(--secondary);
	background: var(--light);
}

button{
	box-shadow: none;
}
button:hover{
	box-shadow: none;
}

.clear{
	clear: both;
}

.displayblock{
	display: block;
}

a, a:visited{
	color: var(--primary);
}

a:hover{
	color: var(--link);
}

.col1{
	width: 50%;
	float: left;
	padding-right: 10px;
}

.col2{
	width: 50%;
	float: right;
	padding-left: 10px;
}

.pre-header{
	height: 60px;
	width:100%;
	max-width: 1200px;
	margin: auto;
	padding-top: 15px;
	background: var(--primary);
	background: var(--other);
	background: var(--secondary);
	background: var(--light);
}

body{
	font-family: 'Roboto', sans-serif;
}

.titulo{
	font-family: 'Fjalla One', sans-serif;
	color:var(--primary); 
}

#page{
	min-width: 1200px;
}

.wrap_header{
	position: fixed;
	z-index: 300;
	width: 100%;
	height: 131px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}

.wrap-site-header{
	height: 70px;
	width: 100%;
	background: var(--back);
}

.site-header{
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

.site-branding{
	margin: 0;
	float: left;
}

.site-branding .site-title{
	margin: 0;
	width: 160px;
	height: 40px;
	background: url(./img/logo.png) no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	margin-left: 20px;
	filter: invert(1);
}

.redes-sociales{
	float: left;
	margin-left: 20px;
	font-family: 'Fjalla One', sans-serif;
	font-family: 18px;
	color: var(--black);
}

.redes-sociales a{
	color: var(--black);
	font-size: 24px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.redes-sociales a:hover{
	color: var(--secondary);
	color: #fff;
}

.wrap_reloj{
	float: right;
	margin-right: 10px;
	font-size: 18px;
	padding-top: 0px;
	position: relative;
	color: var(--back);
	font-family: 'Fjalla One', sans-serif;
	margin-top: -6px;
	color: #fff;
}

.wrap_reloj sup{
	margin-right: 10px;
}

.wrap_reloj .count_down{
	width: 200px;
	overflow: hidden;
}

.wrap_reloj .minitexto{
	font-size: 11px;
}

.entrar{
	float: right;
	margin-right: 10px;
	font-size: 18px;
	padding-top: 5px;
	position: relative;
}

.entrar a{
	color: var(--black);
	font-family: 'Fjalla One', sans-serif;
	text-decoration: none;
}

.entrar a:hover{
	color: var(--secondary);
}

.entrar ul, .entrar ul li ul{
	list-style: none;
	margin: 0;
	padding: 0px;
}

.entrar ul li{
	text-align: right;
}

.entrar ul li ul li{
	text-align: left;
}

.entrar ul li ul li a{
	text-decoration: none;
	color: var(--primary);
	padding: 10px 20px 10px 20px;
	display: block;
}

.entrar ul li ul{
	display: none;
	background: #fff;
	-webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	position: absolute;
	right: 0px;
	width: 200px;
	z-index: 3000;
}

.entrar ul li:hover ul{
	display: block;
}

.main-navigation{
	list-style: none;
}

.main-navigation ul{
	display: block;
	margin-left: 20px;
}

.main-navigation li{
	float: left;
}

.main-navigation li a{
	display: block;
	height: 70px;
	padding-left: 0px;
	padding-right: 65px;
	padding-top: 20px;
	font-size: 20px;
	color: var(--black);
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	outline: none;
}

.main-navigation .hide{
	display: none;
}

.main-navigation li a:hover, .main-navigation li.current-menu-item a{
	color: var(--link);
	color: var(--other);
	color: var(--secondary);
}

.main-navigation ul ul{
	background: #fdfdf8;
	margin-top: 30px;
	margin-left: 0px;
}

.main-navigation ul ul li a{
	display: block;
	height: 40px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 10px;
	font-size: 18px;
	color: var(--primary);
	text-decoration: none;
	font-family: 'Fjalla One', sans-serif;
	outline: none;
	width: 300px;
}

.main-navigation ul ul ul{
	background: #fdfdf8;
	margin-top: 0px;
	margin-left: 0px;
}



.site-content{
	width: 1200px;
	margin: auto;
	padding-top: 131px;
}

.page-template-home .site-content{
	width: 100%;
}

.content-area{
	width: 850px;
	float: left;
	min-width: 850px;
	min-height: 500px;
}

.content-area-full{
	min-height: 500px;
}

.widget-area{
	width: 300px;
	margin-left: 50px;
	float: left;
}

.site-footer{
	width: 100%;
	background: #2c4c5e;
	background: var(--other);
	background: var(--secondary);
	background: var(--light);
	min-height: 300px;
	position: relative;
	margin-top: 50px;
}

.site-footer .wrap-site-info{
	margin-top: 50px;
	background: #415c6b; 
	background: #905360;
	background: #2d4669;
	background: var(--footer-back);
	width: 100%;
	min-height: 250px;
}

.site-footer .site-info{
	width: 1200px;
	position: relative;
	margin: auto;
}

.furgoneta{
	width: 306px;
	height: 144px;
	background: url(./img/furgoneta2021.png);
	position: absolute;
	top: -100px;
	right: 20px;
	background-size: cover;
	background-position: center;
	filter: invert(1);
}

.colabora{
	color: #fbf8d6;
	font-size: 12px;
	padding-top: 10px;
	margin-left: 20px;
}

.wrap-login{
	width: 100%;
	height: 100%;
	position: fixed;
	background:rgba(0, 0, 0, 0.61);
	z-index: 3000;
}

.wrap-gracias{
	width: 100%;
	height: 100%;
	position: absolute;
	background:rgba(0, 0, 0, 0.61);
	z-index: 3000;
}

.login{
	border: 8px solid #fff;
	-webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	width: 450px;
	position: absolute;
	top: 20px;
	margin-left: -225px;
	left: 50%;
	background:#fff; 
	padding: 20px;
	text-align: center;
}

.gracias-votar{
	border: 8px solid #fff;
	-webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	width: 450px;
	position: absolute;
	top: 20px;
	margin-left: -225px;
	left: 50%;
	background:#fff; 
	padding: 20px;
	text-align: center;
}

.boton, .boton:visited, .boton:active, input[type="submit"]{
	background: var(--primary) !important;
	color: #fff !important;
	font-family: 'Fjalla One', sans-serif;
	font-size: 18px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	outline:none;
	border: none;
}

input[type="submit"]{
	box-shadow: none;
	border: none !important;
	width: auto;
}

input[type="submit"]:hover{
	box-shadow: none;
	background: var(--button) !important;
}

.boton:hover{
	color: #fff !important;
	background: var(--button) !important;
}

.boton.facebook{
	background: #3b5998 !important;
	color: #fff !important;
}

.boton.facebook:hover{
	background: #708fd0 !important;
	color: #fff !important;
}

input, select, textarea{
	border: 3px solid #c6c6c6 !important;
	padding: 10px 20px 10px 20px !important;
	width: 350px;
	margin-bottom: 20px;
	margin-left: 4px;
}

input[type="checkbox"]{
	width: auto;
}

textarea{
	width: 100%;
}

select{
	height: 51px;
	margin-left: 0px;
}

input.error, select.error{
	border: 3px solid var(--link) !important;
}

.login .titulo{
	font-size: 24px;
}

.cerrar{
	position: absolute;
	top: -25px;
	right: -20px;
	font-size: 18px;
	color: var(--primary);
	padding: 3px 10px 3px 10px;
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	z-index: 10000;
}

.cerrar:hover{
	background: var(--link);
	color: #fff;
}

.menu-usuario{
	position: absolute;
	bottom: 0px;
	background: #fff;
	right: 0px;
}

label{
	font-family: 'Fjalla One', sans-serif;
	font-size: 13px;
	margin-right: 15px;
	text-align: right;
	width: 200px;
	display: inline-block;
}

.campo{
	float: left;
	height: 70px;
}

.separador{
	height: 53px;
	border-bottom: 1px solid var(--primary);
	width: 100%;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
	margin-top: 20px;
	clear: both;
	position: relative;
}

.separador h3{
	font-size: 30px;
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
}

.quest{
	display: none;
	background: #3b3b3b;
	color: #fff;
	width: 500px;
	left: 50%;
	font-size: 12px;
	padding: 20px;
	margin-left: -250px;
	position: absolute;
	top: 70px;
	-webkit-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 0px 16px 0px rgba(0,0,0,0.75);
}

.perfil h3{
	font-size: 25px;
}

.botonera{
	text-align: center;
	width: 100%;
	clear: both;
}

.mensaje{
	width: 100%;
	padding: 20px;
	background: #eeff8d;
	border: 3px solid var(--primary);
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
	font-size: 18px;
	color: var(--primary);
	margin-top: 20px;
}

.mensaje.error{
	background:#ffd4d4;
	border: 3px solid #f6083c;
	color: #f6083c;
}

.bandas .columna{
	width: 28%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}

.bandas .banda{
	text-decoration: none;
	border-bottom: 1px solid #efefef;
	padding: 5px;
	display: block;
}

.working{
	list-style: none;
}

.working input{
	border: none !important;
}

.working p{
	display: inline;
	margin-left: 40px;
}

.working p i{
	margin-left: 30px;
}

.banderas{
	font-size: 13px;
	padding-top: 25px;
}

.rojo{
	color:#ff0000;
}
.naranja{
	color: #ff9a00;
}
.azul{
	color: #006bff;
}
.verde{
	color:#97e912;
}
.gris{
	color: #868686;
}

.apagada{
	color: #000;
}

.rosa{
	color: #ff00e1;
}
.granate{
	color:#950c0c;
}

.integrante, .trabajo, .tema, .archivo{
	width: 100%;
	margin-bottom: 10px;
	height: 40px;
	font-size: 12px;
}

.integrante .boton, .trabajo .boton, .tema .boton, .archivo .boton{
	font-size: 11px;
}

.columna1-4, .columna2-4, .columna3-4{
	width: 18%;
	height: 34px;
	display: inline-block;
	border: 1px solid #efefef;
	padding: 7px 15px 0px 15px;
}

.columna4-4{
	display: inline-block;
}

.columna4-9, .columna9-9{
	display: inline-block;
}

.columna1-9, .columna2-9, .columna3-9, .columna4-9, .columna5-9, .columna6-9, .columna7-9, .columna8-9{
	width: 12%;
	height: 34px;
	display: inline-table;
	border: 1px solid #efefef;
	padding: 7px 15px 0px 15px;
}

.columna1-9{
	width: 15%;
}

.columna2-9{
	width: 5%;
}

.trabajo.primero div, .integrante.primero div, .tema.primero div, .archivo.primero div{
	color: #fff;
	background: var(--primary);
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.boton.pestana{
	
	background: var(--primary) !important;
	border-left: 3px solid var(--primary);
	border-right: 3px solid var(--primary);
	border-top: 3px solid var(--primary);
	color: #fff !important;
}

.boton.pestana.seleccionado{
	background: #fff !important;
	border-left: 3px solid #ccc;
	border-right: 3px solid #ccc;
	border-top: 3px solid #ccc;
	color: var(--primary) !important;
}

.boton.pestana:hover{
	background: #1e829e !important;
	color: #fff !important;	
	border-left: 3px solid #1e829e;
	border-right: 3px solid #1e829e;
	border-top: 3px solid #1e829e;
}

input.error{
	border-color: #ee1010;
}

.titulo.error{
	color: #ee1010;
}

/***************************/
.entry-title{
	font-size: 50px;
	font-family: 'Fjalla One', sans-serif;
	color:var(--primary); 
	text-transform: uppercase;
}

.acordeon, .acordeon:active, .acordeon:visited, .acordeon:focus{
	font-family: 'Fjalla One', sans-serif;
	color:var(--primary); 
	text-decoration: none;
	outline: none;
	font-size: 1.2em;
}

.acordeon:hover{
	color: var(--link);
}

.desplegar{
	margin-bottom: 20px;
}

.entry-content h3, .home h3{
	font-size: 25px;
	font-family: 'Fjalla One', sans-serif;
	color:var(--primary); 
	text-transform: uppercase;
}

.entry-content h4{
	font-size: 18px;
	font-family: 'Fjalla One', sans-serif;
	color:var(--primary); 
	text-transform: uppercase;
}


/*************** home ************/

.wrap_slider{
	width: 100%;
	height: 500px;
}

.slider{
	width: 100%;
	overflow: hidden;
	height: 100%;
	background-repeat: no-repeat;
	background-color: #EDECEE;
	background-position: center center;
	margin: auto;
	background-size: contain;
}

.slider a{
	text-indent: -10000px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
}

.page-template-home .content-area{
	width: 100%;	
}

.page-template-home .pagina-area{
	width: 1200px;
	margin: auto;
	background: url(./img/columnahome.jpg) center top repeat-y;
	min-height: 500px;
}

.columna1_home, .columna2_home{
	width: 600px;
	float: left;
	padding: 25px;
}


.noticia{
	width: 550px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.noticia .imagen{
	width: 550px;
	height: 190px;
	position: relative;
}

.noticia .fecha{
	position: absolute;
	bottom: 0px;
	background: var(--link);
	padding: 10px;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	left: 10px;
	text-align: center;
	line-height: 30px;
	padding-bottom: 3px;
}

.foto .fecha{
	position: absolute;
	bottom: 0px;
	background: var(--link);
	padding: 10px;
	color: #fff;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	left: 10px;
	text-align: center;
	line-height: 30px;
	padding-bottom: 3px;
	font-size: 25px;
	padding-top: 20px;
}

.noticia .fecha .numero{
	font-size: 40px;
}

.foto .fecha .numero{
	font-size: 60px;
}

h2.titulo{
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.noticia h2.titulo{
	margin-top: 10px;
}

h2.titulo a{
	text-decoration: none;
}

h2.titulo a:hover{
	color: var(--link);
}

/************* banda ************/
.columna1_banda{
	width: 550px;
	float: left;
}

.columna2_banda{
	width: 600px;
	float: right;
	padding-top: 40px;
	overflow: hidden;
}

.wrap_columna2_banda{
	width: 600px;
	float: right;
	padding-top: 40px;
}

.columna3_banda{
	clear: both;
	margin-top: 20px;	
}

.columna3_banda table td{
	border: 1px solid #efefef;
	padding: 10px;
}

.columna1_banda .iframe{
	width: 100%;
	text-align: center;
}

.columna2_banda .titulo{
	margin-top: 0px;
}

.columna2_banda .foto{
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

.webs{
	width: 300px;
	float: left;
	background: #f3f9fb;
	padding: 20px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	word-break: break-all;
}

.webs .iconos{
	font-size: 34px;
}

.masinfo{
	width: 300px;
	float: left;
	color: #fff;
	background: #415c6b;
	padding: 20px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}

.masinfo .titulo{
	color: #fff !important;
}

ol {
    font-size: 25px;
    font-family: 'Fjalla One', sans-serif;
    color: var(--link);
    text-transform: uppercase;
}

.navFoto{
	position: absolute;
	top: 50%;
	margin-top: -30px;
}

.navFoto.anterior{
	left:0px;	
}

.navFoto.siguiente{
	right: 0px;
}

.fot img{
	display: block;
}

/*********** blog ********************/

.page-template-page-blog .noticia{
	margin: auto;
	margin-bottom: 20px;
}

/************ bandas **************/

.page-template-page-bandasaprobadas .entry-content{
	text-align: center;
}

.lista-bandas{
	text-align: center;
}

.home .banda, .page-template-page-bandasaprobadas .banda, .page-template-page-bandasseleccionadas .banda, .lista-bandas .banda{
	width: 285px;
	height: 200px;
	overflow: hidden;
	position: relative;
	/*float: left;*/
	margin: 6px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0);
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    display: inline-block;
    text-align: left;
}

.home .columna1_home .banda{
	width: 254px;
}

.home .banda .estados, .page-template-page-bandasaprobadas .banda .estados, .lista-bandas .banda .estados{
	position: absolute;
	z-index: 100;
	
	background: rgba(255, 255, 255, 0.72);
}

.home .banda .estados i , .page-template-page-bandasaprobadas .banda .estados i, .lista-bandas .banda .estados i{
	margin-right: 5px;
	font-size: 22px;
}

.bandvotada{
	color: var(--link);
	padding: 6px;
}

.bandgustada{
	color: #d50015;
	padding: 6px;
}

.bandrevisada{
	color: #8cd700;
	padding: 6px;
}

.home .banda .enlace, .page-template-page-bandasaprobadas .banda .enlace, .page-template-page-bandasseleccionadas .banda .enlace, .lista-bandas .banda .enlace{
	position: absolute;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 300;
}

.home .banda .faldon, .page-template-page-bandasaprobadas .banda .faldon, .page-template-page-bandasseleccionadas .banda .faldon, .lista-bandas .banda .faldon{
	background: rgba(255, 255, 255, 0.72);
	position: absolute;
	bottom: 0px;
	height: 80px;
	padding: 9px;
	width: 100%;
	overflow: hidden;
}

.home .banda img, .page-template-page-bandasaprobadas .banda img, .page-template-page-bandasseleccionadas .banda img, .lista-bandas .banda img{
	max-width: none;
	margin-left: -50px;
	margin-top: 0%;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.home .banda .faldon .back, .page-template-page-bandasaprobadas .banda .faldon .back, .page-template-page-bandasseleccionadas .banda .faldon .back, .lista-bandas .banda .faldon .back{
	font-family: 'Fjalla One', sans-serif;
	font-size: 68px;
	color: rgba(4, 75, 95, 0.1);
	position: absolute;
	top: -8px;
	left: 5px;
	width: 1000px;
}

.home .banda .faldon .nombre, .page-template-page-bandasaprobadas .banda .faldon .nombre, .page-template-page-bandasseleccionadas .banda .faldon .nombre, .lista-bandas .banda .faldon .nombre{
	font-family: 'Fjalla One', sans-serif;
	color: var(--primary);
	font-size: 25px;
	width: 80%;
}

.home .banda .faldon .sello, .page-template-page-bandasaprobadas .banda .faldon .sello, .page-template-page-bandasseleccionadas .banda .faldon .sello, .lista-bandas .banda .faldon .sello{
	color:var(--primary);
	font-size: 12px;
	float: right; 
}

.home .banda:hover img, .page-template-page-bandasaprobadas .banda:hover img, .page-template-page-bandasseleccionadas .banda:hover img, .lista-bandas .banda:hover img{
	width: 410px;
	margin-left: -55px;
	margin-top: 0%;
}

.home .banda:hover, .page-template-page-bandasaprobadas .banda:hover, .page-template-page-bandasseleccionadas .banda:hover, .lista-bandas .banda:hover{
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);
}

.home .columna1_bandas{
	text-align: center;
	max-width: 1200px;
	margin: auto;
}

.home ul, ol {
    margin: 0; 
}

.votaciones{
	padding-top: 30px;
}

.votaciones a{
	font-size: 40px;
	display: inline-table;
	padding: 15px;
	background: var(--primary);
	margin-right: 1px;
	color: #fff;
	width: 120px;
	height: 120px;
	text-align: center;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	overflow: hidden;
	padding-top: 21px;
	line-height: 20px;
	text-decoration: none;
}

.votaciones a .letras{
	text-decoration: none;
	font-size: 13px;
}

.home .votaciones a{
	font-size: 18px;
	display: inline-table;
	padding: 2px;
	background: var(--primary);
	margin-right: 1px;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
	padding-top: 5px;
}

.home .votaciones{
	padding-top: 15px;
}

.votaciones a:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	opacity: 0.8;
}

.votaciones #bot_votar.seleccionado{
	background: var(--link);
}

.votaciones #bot_gustar.seleccionado{
	background: #d50015;
}

.votaciones #bot_revisar.seleccionado{
	background: #8cd700;
}

.votaciones #bot_votar2.seleccionado{
	background: var(--link);
}

.votaciones #bot_gustar2.seleccionado{
	background: #d50015;
}

.votaciones #bot_revisar2.seleccionado{
	background: #8cd700;
}

/**************** salas *************/

.wrap_mapa{
	width: 100%;
	height: 590px;
	position: relative;
}

.wrap_mapa .buscador {
    position: absolute;
    top: 31px;
    right: 20px;
    padding: 4px;
    background: #fff;
    z-index: 290;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    color: #000;
    -webkit-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.43);
    box-shadow: -1px 0px 5px 0px rgba(0,0,0,0.43);
}

.wrap_mapa .buscador input{
	padding: 0 !important;
	margin: 0;
	border: none !important;
	width: 200px !important;
}

.map_canvas{
	width: 100%;
	height: 100%;
}


.page-template-page-salas .entry-content{
	text-align: center;
}

.datagrid table { 
	border-collapse: collapse; 
	text-align: left; 
	width: 100%; 
} 

.datagrid {
	font: normal 12px/150% Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	overflow: hidden; 
}

.datagrid table td, .datagrid table th { 
	padding: 11px 12px; 
}
.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #297B99), color-stop(1, #297B99) );
	background:-moz-linear-gradient( center top, #297B99 5%, #297B99 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#297B99', endColorstr='#297B99');
	background-color:#297B99; 
	color:#FFFFFF; 
	font-size: 17px; 
	font-weight: bold; 
	border-left: 1px solid #94A7A8; 
} 

.datagrid table thead th:first-child { 
	border: none; 
}

.datagrid table tbody td { 
	color: #7D7D7D; 
	border-left: 1px solid #DBDBDB;
	font-size: 15px;
	font-weight: normal; 
}

.datagrid table tbody .alt td { 
	background: #f1f1f1; 
	color: #7D7D7D; 
}

.datagrid table tbody tr:hover td { 
	background: #f1f1f1; 
	color: #7D7D7D;
}

.datagrid table tbody td:first-child { 
	border-left: none; 
}
.datagrid table tbody tr:last-child td {
    border-bottom: none;
}
.datagrid table tfoot td div {
    border-top: 1px solid #8C8C8C;
    background: #EBEBEB;
}
.datagrid table tfoot td {
    padding: 0;
    font-size: 17px
}
.datagrid table tfoot td div {
    padding: 2px;
}
.datagrid table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}
.datagrid table tfoot li {
    display: inline;
}
.datagrid table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #F5F5F5;
    border: 1px solid #8C8C8C;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
    background: -moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
    background-color: #8C8C8C;
}
.datagrid table tfoot ul.active,
.datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #7D7D7D;
    color: #F5F5F5;
    background: none;
    background-color: #8C8C8C;
}
div.dhtmlx_window_active,
div.dhx_modal_cover_dv {
    position: fixed !important;
}


/************************ home conciertos ***********************/

.wrap_conciertos{
	background: #002527;
	background: #2b6c9a;
	width: 100%;
	height: 520px;
}

.wrap_conciertos .conten{
	width: 1200px;
	min-width: 1200px;
	margin: auto;
	padding-top: 20px;
}

.logo-conciertos{
	width: 100%;
	max-width: 1023px;
	height: 66px;
	background: url(./img/logo-conciertos2.png) no-repeat;
	margin: auto;
}


.tickets{
	text-align: center;
	width: 100%;
	height: 158px;
	margin-top: 20px;
	
}

.inicio-ticket{
	width: 33px;
	height: 158px;
	background: url(./img/inicio-ticket.png);
	display: inline-table;
	vertical-align: top;
	
}
.fin-ticket{
	width: 33px;
	height: 158px;
	background: url(./img/fin-ticket.png);
	display: inline-table;
	vertical-align: top;
}
.ticket{
	width: 239px;
	height: 158px;
	background: url(./img/fondo-ticket.png) no-repeat;
	display: inline-table;
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
	vertical-align: top;
	padding-top: 15px;
	position: relative;
}

.ticket .grupo{
	font-size: 20px;
	text-align: center;
	width: 100%;
	color:#fbf9d8; 
	min-height: 40px;
}

.ticket .fecha{
	font-size: 16px;
	width: 100%;
	color: #024b5d;
	text-align: center;
}

.ticket .sala{
	font-size: 15px;
	text-align: center;
	width: 100%;
	color:#fbf9d8; 
}

.ticket .enlace{
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
	display: block;
	top: 0px;
}

.ticket .enlace:hover{
	background: rgba(255, 255, 255, 0.23);
}

.botonera_conciertos{
	text-align: center;
	width: 100%;
	margin-top: 20px;
}