@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */






    
    
    *{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}
    
    
    
.accordion{
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
	background-position: center;
	background-size: cover;
	-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}





.accordion .pestaña:nth-child(2){

}




.accordion .pestaña:nth-child(3){

}




.accordion .pestaña:nth-child(4){

}





.accordion .pestaña:nth-child(5){
 
}

.accordion .pestaña{
    flex: initial;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    position: relative;
    display: flex;
    justify-content:  center;
    align-items: center;
    cursor: pointer;
}
.accordion .pestaña.activa{
    width: 100%;
    cursor: default;
    /* pointer-events: none; */
}
.accordion .pestaña.desactivada{
    width: 0;
}
.accordion .pestaña h2{
    bottom: 40%;
    position: absolute;
    text-align: center;
    width: 80%;
    margin: 0;
    font-size: 2rem;
}

.accordion .pestaña h2 img{
	width: 70%;
}

.accordion .pestaña p{
    font-family: 'Montserrat', sans-serif;
    width: 70%;
    height: auto;
    display: none;
    transition: all .4s;
    font-size: 0em;
    margin-top: 2em;
    margin-left: 15%;
    line-height: 1.6em;
    opacity: .9;
}


.accordion .pestaña:hover p{
    display: block;
    letter-spacing: .7px;
    font-weight: 100;
    font-size: .40em;
}


.accordion .pestaña button{
    cursor: pointer;
    display: block;
    font-family: 'Montserrat', sans-serif;
    padding: .5em 1em;
    font-size: 1em;
    font-weight: 900;
    border:0;
    text-align: center;
    margin: 5vh 30%;
}





/* Estira */
.accordion .pestaña:hover{
    width: 40%;
}
.accordion .pestaña.activa:hover{
    width: 100%;
}
/* Aparece contenido */
.accordion .pestaña.activa .container{
    opacity: 1;
}
.accordion .pestaña .container{
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
}
.accordion .cerrar{
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    display: none;
    cursor: pointer;
    z-index: 2;
}
.accordion-activa .cerrar{
    display: block;
    /* pointer-events: all; */
}
.accordion .cerrar .raya-1,
.accordion .cerrar .raya-2{
    width: 75%;
    height: 6px;
    background: #000;
    border-radius: 2px;
}
.accordion .cerrar .raya-1{
    -webkit-transform: translate(4px, 0px) rotate(45deg);
    -moz-transform: translate(4px, 0px) rotate(45deg);
    -ms-transform: translate(4px, 0px) rotate(45deg);
    -o-transform: translate(4px, 0px) rotate(45deg);
    transform: translate(4px, 0px) rotate(45deg);
}
.accordion .cerrar .raya-2{
    -webkit-transform: translate(4px, -6px) rotate(-45deg);
    -moz-transform: translate(4px, -6px) rotate(-45deg);
    -ms-transform: translate(4px, -6px) rotate(-45deg);
    -o-transform: translate(4px, -6px) rotate(-45deg);
    transform: translate(4px, -6px) rotate(-45deg);
}
    
    


.clogos-mobi{
    width: 90%;
    height: auto;
    margin: 10vh 5%;
    display: block;
    float: left;
    clear: none;

}
 

.c-logo{
    width: 48%;
    height: 30vh;
    border: .5px solid white;
    float: left;
    clear: none;
    background-size: 80%;
    cursor: pointer;
    margin: 1%;
}
    
    
    .cl-img{
         background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 100%;
    }
    
    
    .fv:hover{
        background-color: #172975;
    }    


    .tmc:hover{
        background-color: #ab7047;
    }
    
    
    




	



}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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


	

.clogos-mobi{
    width: 90%;
    height: auto;
    margin: 10vh 5%;
    display: block;
    float: left;
    clear: none;
    
}
    
    


.c-logo{
    width: 48%;
    height: 30vh;
    border: .1px solid rgba(240,240,240,.2);
    float: left;
    clear: none;
    background-color: transparent;
   display: block;
    cursor: pointer;
    margin: 1%;
    
}
    
    
    .cl-img{
         background-size: 35%;
    background-position: center;
    background-repeat: no-repeat;
        display: block;
        float: left;
        clear: none;
        width: 100%;
        height: 100%;
    }
    
    
    .fv:hover{
        background-color: #172975;
    }    


    .tmc:hover{
        background-color: #ab7047;
    }
    
    
    
    
    
    
    
    
    *{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}
    
    
    
.accordion{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
	background-position: center;
	background-size: cover;
	-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}





.accordion .pestaña:nth-child(2){

}




.accordion .pestaña:nth-child(3){

}




.accordion .pestaña:nth-child(4){

}





.accordion .pestaña:nth-child(5){
 
}

.accordion .pestaña{
    flex: initial;
    width: 33%;
    height: 100%;
    text-align: center;
    color: #fff;
    position: relative;
    display: flex;
    justify-content:  center;
    align-items: center;
    cursor: pointer;
}
.accordion .pestaña.activa{
    width: 100%;
    cursor: default;
    /* pointer-events: none; */
}
.accordion .pestaña.desactivada{
    width: 0;
}
.accordion .pestaña h2{
    bottom: 40%;
    position: absolute;
    text-align: center;
    width: 80%;
    margin: 0;
    font-size: 2rem;
}

.accordion .pestaña h2 img{
	width: 70%;
}

.accordion .pestaña p{
    font-family: 'Montserrat', sans-serif;
    width: 70%;
    height: auto;
    display: none;
    transition: all .4s;
    font-size: 0em;
    margin-top: 2em;
    margin-left: 15%;
    line-height: 1.6em;
    opacity: .9;
}


.accordion .pestaña:hover p{
    display: block;
    letter-spacing: .7px;
    font-weight: 100;
    font-size: .40em;
}


.accordion .pestaña button{
    cursor: pointer;
    display: block;
    font-family: 'Montserrat', sans-serif;
    padding: .5em 1em;
    font-size: 1em;
    font-weight: 900;
    border:0;
    text-align: center;
    margin: 5vh 30%;
}





/* Estira */
.accordion .pestaña:hover{
    width: 40%;
}
.accordion .pestaña.activa:hover{
    width: 100%;
}
/* Aparece contenido */
.accordion .pestaña.activa .container{
    opacity: 1;
}
.accordion .pestaña .container{
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    width: 90%;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
}
.accordion .cerrar{
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
    display: none;
    cursor: pointer;
    z-index: 2;
}
.accordion-activa .cerrar{
    display: block;
    /* pointer-events: all; */
}
.accordion .cerrar .raya-1,
.accordion .cerrar .raya-2{
    width: 75%;
    height: 6px;
    background: #000;
    border-radius: 2px;
}
.accordion .cerrar .raya-1{
    -webkit-transform: translate(4px, 0px) rotate(45deg);
    -moz-transform: translate(4px, 0px) rotate(45deg);
    -ms-transform: translate(4px, 0px) rotate(45deg);
    -o-transform: translate(4px, 0px) rotate(45deg);
    transform: translate(4px, 0px) rotate(45deg);
}
.accordion .cerrar .raya-2{
    -webkit-transform: translate(4px, -6px) rotate(-45deg);
    -moz-transform: translate(4px, -6px) rotate(-45deg);
    -ms-transform: translate(4px, -6px) rotate(-45deg);
    -o-transform: translate(4px, -6px) rotate(-45deg);
    transform: translate(4px, -6px) rotate(-45deg);
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	
	
	
}