@charset "utf-8";
/* CSS Document */

body {
width:100%;
min-width:960px;
height:100%;
padding:0px;
margin:0px;
background:#000000;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

html {
width:100%;
height:100%;
padding:0px;
margin:0px;
}


a {
text-decoration:none;	
}

#slider {
width:100%;
margin:0 auto;
display:table;
background:#000000;
}

#logo_header {
width:41%;
height:100px;
background:#000000;
display:inline;
float:left;
}

#logo_header a {
width:auto;
height:auto;
float:right;
padding:12px 12px 0px 0px;
}

.btn_ver_eventos {
width:28%;
height:100px;	
display:inline;
float:left;
color:#705115;
line-height:100px;
text-align:center;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size: 3.5vw;
font-style:italic;
font-weight:bold;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:#f4c900;
}

.btn_ver_eventos:hover {
background:#FFE888;
}




#redes {
width:31%;
height:100px;
background:#705115;
display:inline;
float:left;
}

#redes a {
width:auto;
height:auto;
float:left;
padding:15px 0px 0px 12px;
}


/* SLIDER */

.container {
 width:960px;
 height:340px;
 margin:0 auto;	
 display:table;
}

#slides {
 width:960px;
 height:340px;	
}

.slidesjs-previous {
 width:25px;
 height:90px;
 display:inline-block;
 float:left;
 margin-left:20px;
 overflow:hidden;
 position:relative;
 top:-190px;
 z-index:150;
 text-indent:-500px;
 background: url(../images/btn_prev.png) center top no-repeat;	
}

.slidesjs-next {
 width:25px;
 height:90px;
 display:inline-block;
 float:right;
 margin-right:20px;
 overflow:hidden;
  position:relative;
 top:-190px;
 z-index:150;
 text-indent:-500px;
 background: url(../images/btn_next.png) center top no-repeat;	
}

.slidesjs-pagination {
 width:960px;
 height:30px;
 background:#ceac44;
 padding:0;
 margin:0;	
}

.slidesjs-pagination li{
 display:inline;
 float:left;
 list-style:none;
 
 
}


.slidesjs-pagination li a{
 width:auto;
 height:30px;
 line-height:30px;
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#4a5224;
 text-align:center;
 display:block;
 font-weight:bold;
 padding:0px 10px;
 
}

.slidesjs-pagination li a:hover{
 background:#4a5224;
 color:#ceac44;

 
}

.slidesjs-play, .slidesjs-stop {
 display:none !important;	
}

/* TERMINA SLIDER */


#fondo {
width:100%;
min-width:960px;
height:500px;
min-height:500px;
background:url(../images/fondo.jpg) center top no-repeat;
background-size:100% auto;	
display:table;
}


#contactos {
width:100%;
height:40px;
background:#ffe779;	
display:table;
}

#contactos span{
display:inline;
float:left;
color:#705115;
line-height:40px;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
}

#listado_eventos {
min-width:960px;
width:70.27%;
height:auto;
display:table;
margin:0 auto;
margin-bottom:100px;
}

#listado_eventos ul {
width:100%;
height:auto;
display:table;
margin:0 auto;
padding:0;
box-sizing:border-box;
}

#listado_eventos ul li{
width:31.4%;
height:100px;
display:inline;
float:left;
margin:5px 5px;
background:#F4E406;
overflow:hidden;
padding:0;
list-style:none;

}

#listado_eventos ul li:hover{

background:#FFF788;


}


#listado_eventos ul li a{
width:100%;
height:100px;
display:block;
position:relative;
}

#listado_eventos ul li a .titulo {
width:100%;
height:auto;
display:table;
color:#705115;
font-size:16px;
font-weight:bold;
line-height:16px;
text-align:center;
text-transform:uppercase;
padding:8px 5px;
box-sizing:border-box;
}



#listado_eventos ul li a .fecha{
width:100%;
height:30px;
display:block;
color:#FFFFFF;
background:#1E6ECD;
text-align:center;
font-size:22px;
text-transform:uppercase;
font-weight:bold;
position:absolute;
bottom:20px;
line-height:30px;
}

#listado_eventos ul li a .hora{
width:100%;
height:30px;
display:block;
color:#FFFFFF;
background:#1E6ECD;
text-align:center;
font-size:18px;
text-transform:uppercase;
font-weight:bold;
position:absolute;
bottom: -5px;
line-height:20px;
}


#contenedor_grl {
width:100%;
height:40px;
background:#000000;	
display:table;
}

#mapa_grl {

width:70%;
display:table;
height:auto;
margin:0 auto;
}

#mapa_grl .titulo{
display:table;
color:#705115;
font-size:22px;
font-weight:bold;
line-height:16px;
text-align:center;
text-transform:uppercase;
padding:8px;
background:#f4c900;
margin-top:20px;
}

#mapa_grl .fecha{
display:table;
color:#FFFFFF;
font-size:22px;
font-weight:bold;
line-height:16px;
text-align:center;
text-transform:uppercase;
padding:8px;
background:#1E6ECD;
}

#mapa_grl .hora{
display:table;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
line-height:16px;
text-align:center;
text-transform:uppercase;
padding:8px;
background:#1E6ECD;
}

#mapa_grl .indicacion{
display:table;
font-size:14px;
font-weight:bold;
line-height:14px;
text-align:center;
text-transform:uppercase;
padding:8px;
margin-bottom:50px;
color:#FFFFFF;
}

#mapa_grl .titulo_seccion{
display:table;
color:#FFFFFF;
font-size:22px;
font-weight:bold;
line-height:16px;
text-align:center;
text-transform:uppercase;
padding:8px;
}

#mapa_grl svg  {
width:90%;
height:auto;
margin:0 auto;
display:table;
margin-bottom:50px;
}

#mapa_grl svg path:hover  {
fill: #BBBBBB; 
cursor:pointer;

}

/*colores secciones */

.secc-1{background:#f90;}.secc-2{background:#ffb94a;}.secc-3{background:#ffc536;}.secc-4{background:#4f8c00;}.secc-5{background:#5a9900;}.secc-6{background:#6aad00;}.secc-7{background:#7fc100;}.secc-8{background:#92d302;}.secc-9{background:#b1e81a;}.secc-10{background:#360;}.secc-11{background:#437c00;}.secc-12{background:#c10000;}.secc-13{background:#d30000;}.secc-14{background:#e50e0e;}.secc-15{background:#a00000;}




@media only screen and (max-width: 500px) {

   .btn_ver_eventos {
    font-size: 8vw;
    }

#fondo {
width:100%;
min-width:960px;
min-height:800px;
background:url(../images/fondo.jpg) center top no-repeat;
background-size:100% auto;	
display:table;
}

}
