@charset "utf-8";
*{
    box-sizing: border-box;
    margin: 0; padding: 0;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300&subset=latin,latin-ext);

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

/*HEADER*/
#div_contenedor{
    padding: 2em;
}

#divlogo{
    width: 100%;
    text-align: center,
    
}
.div_logo{
    width: 100%;
}
.div_logo img{
    width: 100%;
	margin-top:15px
}

header, main, footer, ul{
    list-style: none;
}
nav{
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 800;
    color: #2C2F78;
	margin:15px 0
}
nav a{
    text-decoration: none;
	color: #2C2F78;
	line-height:3em;
	-webkit-transition: all 0.3s;	transition: all 0.3s;
}
nav a:hover{
    border-bottom:3px solid #2C2F78;
	padding-bottom:3px
}


/*HEADER ROTULO GRUPAL*/
.div_barras_rotulo_grupal{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
header h5{
    margin: auto;
}
.div_barras_rotulo_grupal h5{
    padding:1.6em 0; 
    font-weight:800; 
    font-size: 1em;
    }
#barra_rotulo{
    clear:both; 
    width:100%; 
    background:#009688; 
    float:left; 
    padding:0; 
    margin:40px 0}

/*MAIN ROTULO GRUPAL*/
.ul_contenedor_rotulo{
    font-family: 'Open Sans Condensed', sans-serif;
    margin: 2em auto;
    width: 100%;
    
}
.class_li_section{
    width: 30%;
    float: left;
    margin:0;
    position: relative;
    min-height: 240px;
}
.article_secciones_rotulo{
    width: 100%;
}
.links_rotulo{
    color: white;
    text-decoration: none;
    width: 100%;
	
}
.div_foto1_rotulo{
    background-image: url(imagenes/2.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto2_rotulo{
    background-image: url(imagenes/3.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}
.div_foto3_rotulo{
    background-image: url(imagenes/4.jpg);
    width: 100%;
    position: relative;
    min-height: 240px;
    background-size: cover;
    background-position: center;
}

.class_li_section_rotulo{
    width: 100%;
    float: left;
	margin-bottom: 1em;
    position: relative;
    min-height: 240px;
}
.opacity_titles_rotulo{
    width: 100%;
    min-height: 240px;
    background:#307D3D;
    position: absolute;
    top: 0;
    background:#000;
    opacity: 0.3;
}
.title_sports_rotulo{
    position: absolute;
    z-index: 999999;
    color: white;
    bottom: 1em;
    left: 1em;
    font-size: 1.3em;
	background: #000;
	opacity: 0.5;
	padding: 8px;
	
}
.div_barras_fuccias_rotulo{
    margin: 0 auto;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    background-color: #ED1458;
    color: white;
    text-align: center;
}


.div_barras_fuccias_rotulo h5{
    padding:0.6em 1em;
    font-weight:800;
    font-size: 1em;
    text-align: left;
}
.div_barras_fuccias_rotulo p {
    text-align: left;
    padding: 1em;
}

h1{
    color:#000;
    font-size:12px; 
    margin:6px 0 10px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.section_barras_rotulo_grupal_texto{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 2em;
    float: left;
    
    
}
.section_barras_rotulo_grupal_texto_2{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    padding: 0 2em 2em 2em;
    float: right;
    
}
    
.article_textos{
    width: 100%;
    margin: 2em auto;
    background-color: #2C2F78;
	clear: both;
    
}

section h5{
    font-size: 1.3em;
    text-decoration: underline;
    padding: 1em 0;
    
}

/*MAIN MAPA DE SITIO*/

.article_secciones_mapa{
    width: 100%;
}
#imagenmapa{
    width: 100%;
    margin: 0 auto;
    
}

/*MAIN CARTA*/
.div_barras_carta{
    width: 100%;
    background-color: #2C2F78;
    color: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
h6{
    padding:1.6em 0; 
    font-weight:800; 
    font-size: 1em;
    }
h3{
    padding:0 6em; 
    font-weight:800; 
    font-size: 0.80em;
    font-family: 'Open Sans', sans-serif;
	color:#2C2F78;
    }


.clear{clear:both;}

/*FOOTER*/

#div_leyenda{
    width: 100%;
    color: #2C2F78;
    font-size: 0.80em;
    font-weight: 800;
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
	margin-top: 1.80em;
}


main, footer{
    clear:both; 
    width:100%; 
    position:relative}

header{
    position:relative
}

footer li{
    padding:20px
}


@media only screen and (min-width: 480px) {
     
	
	
}

@media only screen and (min-width: 700px) {
	article{
        float:left; 
        width:67%
    }
	
	#div_contenedor{
        max-width:1100px; 
        margin:0 auto; 
        background-color: #F9FAFA
    }
	nav ul li{
        margin:0 40px 0 0; 
        display: inline-block;
    }
	nav, nav ul{
        text-align:center; 
        width:100%; 
        float:left
    }
	#barra_verde{
        clear:both; 
        width:100%; 
        background:#96cd70; 
        float:left; padding:0; 
        margin-bottom:2em
    }
	.div_logo img{
        max-width:186px;
    }
	.div_logo{
        text-align:center; 
        position:relative
    }
	
	#div_leyenda{
        
    }
	
	footer ul{
        float:left; 
        width:100%; 
        display:table
    }
	footer ul, footer li{
        height:100%; 
        position:relative; 
        padding:10px 2%; 
        float:left
    }
	
	.leyendatxt2{
        float:right; 
        color:#fff; 
        position:relative; 
        top: calc(50% - 20px); 
        font-family: 'Open Sans', sans-serif; 
    }
    
    .article_secciones_rotulo{
    width: 100%;
}
.class_li_section_rotulo{
    width: calc(33.3% - 1em);
    float: left;
	margin-bottom: 1em;
	margin-right: 1.5em;
    position: relative;
    min-height: 240px;
	}
	
	.section_barras_rotulo_grupal_texto{
  
    padding: 2em 4em;
 }
 .div_txt_carta{ width: 70%;}

 
 .section_barras_rotulo_grupal_texto_2{padding: 0 2em 4em 3em}
.ul_contenedor_rotulo li:last-child{margin-right:0}	

}