:root{

	--gotham_light: 'gothamlight';
	--gotham_book: 'gothambook';
	--gotham_medium: 'gothammedium';
	--gotham_bold: 'gothambold';


}

.boton-mas{
	cursor: pointer;
}

.movil{
	display: none !important;
}

/* MENU MOVIL */

#menu-movil{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 80%;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 999;
	display: none;
}

#menu-movil ul{
	list-style: none;
	font-family: var(--gotham_book);
	color: #333333;
	font-size: 18px;
	padding: 15px;
	margin: 60px 0 0 0;
}

#menu-movil ul li{
	margin-bottom: 20px;
}

#menu-movil ul li:last-child{
	font-family: var(--gotham_medium);
}

#menu-movil .btn-cerrar{
	width: 30px;
	margin: 15px 15px auto auto;

}

#menu-movil a{
	color: #333333;
}
/* CABECERA */


.achicar {
    
    height: 85px !important;
    
     -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
    transition: height 1s;

   
}



.agrandar {
    
    height: 160px !important;
     -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
    transition: height 1s;
   
}

.fijarCabezal {
    position: fixed;
    top: 0px;
    z-index: 1000;
}


header .top{
	text-align: center;
	font-family: var(--gotham_medium);
	font-size: 20px;
	background-color: #333333;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
}

header .top .desde{
	position: relative;
}

header .top .desde::before{
	content: "";
	width: 50px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: -60px;
}

header .top .desde::after{
	content: "";
	width: 50px;
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	right: -60px;
}

header .cabezal{
	height: 160px;
		display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	background-color: #F2F2F2;
	width: 100%;
}

header .menu{
	list-style: none;
	font-family: var(--gotham_book);
	font-size: 15px;
	color: #333333;
	padding: 0;
	margin: 10px 0 0 0;
	text-align: right;
}

header .menu a{
	color: #333333;
}


header .menu li{
	display: inline-block;
	padding: 0 15px;

}

header .menu li:last-child{
	font-family: var(--gotham_bold);
}

header .cabezal .logo{
	width: 300px;
}

header .titular h1{
	text-align: center;
	color: #ffffff;
	font-family: var(--gotham_book);
	font-size: 25px;
	background-color: #333333;
	height: 80px;
	line-height: 80px;

}



/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

header .cabezal .logo{
	width: 200px;
}

header .menu {

    font-size: 13px;
    margin: 0;

}

header .menu li {

    padding: 0 10px;
}

header .titular h1{

	font-size: 20px;

}

}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.movil{
	display: block !important;
}

header .btn-abrir{
	width: 48px;
}

header .cabezal .logo{
	width: 300px;
	margin: 0 auto;
}

header .menu{display: none;}

header .titular h1{

	font-size: 16px;
    
    

}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.movil{
	display: block !important;
}

header .btn-abrir{
	width: 48px;
}

header .cabezal .logo{
	width: 250px;
	margin: 0 auto;
}

header .menu{display: none;}


header .titular h1{

	font-size: 16px;    
    padding: 10px 0 10px 0;
    line-height: 18px;
    margin-bottom: 0;
    height: inherit;

}

}




/*=============================================
col-
=============================================*/

@media (max-width:576px){

.movil{
	display: block !important;
}

header .btn-abrir{
	width: 30px;
}


header .cabezal .logo{
	width: 220px;
	margin: 0 auto;
}

header .menu{display: none;}

header .titular h1{
	font-size: 12px;    
    padding: 10px;
    line-height: 14px;
    margin-bottom: 0;

    height: inherit;

}

header .top{
	font-size: 12px;
	display: none;
}

header .top .desde::before{
	content: "";
	width: 30px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: -40px;
}

header .top .desde::after{
	content: "";
	width: 30px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	right: -40px;
}


}

	
/* PRACTICAS */	

.practica{
	padding: 60px 0;
}

.practica h2{
	color: #333333;
	font-family: var(--gotham_book);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.practica .modulo-grande{
	width: 100%;
	height: 700px;
	
	background-size: cover;
	background-position: center;
	color: #ffffff;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}

.practica .modulo-grande .data, .practica .modulo-chico .data{
	margin-left: 30px;
}

.practica .modulo-grande .data h3{
	
	font-family: var(--gotham_bold);
	font-size: 20px;
	text-align: left;
	margin-bottom: 5px;
}

.practica .modulo-chico .data h3{
	
	font-family: var(--gotham_bold);
	font-size: 16px;
	text-align: left;
	margin-bottom: 0px;
}

.practica .modulo-grande .data p{
	
	font-family: var(--gotham_book);
	font-size: 16px;
	text-align: left;
	width: 50%;
}

.practica .modulo-chico .data p{
	
	font-family: var(--gotham_book);
	font-size: 12px;
	text-align: left;
	padding-right: 30px;
	
}

.practica .modulo-grande .data .icono{
	width: 60px;
	margin-bottom: 15px;
}

.practica .modulo-chico .data .icono{
	width: 40px;
	margin-bottom: 5px;
}

.practica .modulo-chico{
	width: 100%;
	height: 213px;
	
	background-size: cover;
	color: #ffffff;
	margin-bottom: 30px;
	background-position: center;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}

.practica .bg-practica_1{background-image: url('../img/bg-area-1.webp');}

.practica .bg-practica_2{background-image: url('../img/bg-area-2.webp');}

.practica .bg-practica_3{background-image: url('../img/bg-area-3.webp');}

.practica .bg-practica_4{background-image: url('../img/bg-area-4.webp');}



/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.practica .modulo-grande{
	width: 100%;
	height: 700px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-chico{
	width: 100%;
	height: 400px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-grande .data, .practica .modulo-chico .data{
	margin-bottom: 30px;
}

.practica .modulo-grande .data p{
	
	width: 70%;
}

.practica .modulo-chico .data p{
	

	font-size: 16px;
	
	
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.practica h2{
	font-size: 22px;
}


.practica .modulo-grande{
	width: 100%;
	height: 700px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-chico{
	width: 100%;
	height: 400px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-grande .data, .practica .modulo-chico .data{
	margin-bottom: 30px;
}

.practica .modulo-grande .data p{
	
	width: 70%;
}

.practica .modulo-chico .data p{
	

	font-size: 16px;
	
	
}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.practica h2{
	font-size: 22px;
}

.practica .modulo-grande{
	width: 100%;
	height: 450px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-chico{
	width: 100%;
	height: 300px;
	margin-bottom: 30px;
	align-items: flex-end;

}

.practica .modulo-grande .data, .practica .modulo-chico .data{
	margin-bottom: 15px;
	margin-left: 15px;
}

.practica .modulo-grande .data p{
	font-size: 14px;
	width: 80%;
}

.practica .modulo-chico .data p{
	font-size: 12px;
	
}
	
}	


/* TRABAJAMOS */

.trabajamos{
	background: #333333;
	padding: 60px 0;
	color: #ffffff;
}

.trabajamos h2{
	font-family: var(--gotham_bold);
	font-size: 50px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	display: inline-block;
	padding: 15px 0;
}

.trabajamos .vertical{

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}

.trabajamos p{
	font-family: var(--gotham_book);
	font-size: 18px;
}

.trabajamos ul{
	font-family: var(--gotham_book);
	font-size: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.trabajamos ul li{
	margin-bottom: 6px;
	background-image: url('../img/ico-item.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px auto;
	padding-left: 25px;
}

.trabajamos ul strong{
	font-family: var(--gotham_medium);
}


/*=============================================
col-lg
=============================================*/

@media (max-width:1199px) and (min-width:992px){

.trabajamos h2{
	
	font-size: 35px;

}

.trabajamos p{

	font-size: 16px;
}

.trabajamos ul{
	
	font-size: 13px;

}


}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.trabajamos h2{
	
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px;

}

.trabajamos p{

	font-size: 16px;
	margin-bottom: 30px;
}

.trabajamos ul{
	
	font-size: 13px;

}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.trabajamos h2{
	
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px;

}

.trabajamos p{

	font-size: 16px;
	margin-bottom: 30px;
}

.trabajamos ul{
	
	font-size: 13px;

}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


.trabajamos h2{
	
	font-size: 35px;
	text-align: center;
	margin-bottom: 30px;

}

.trabajamos p{

	font-size: 14px;
	margin-bottom: 30px;
}

.trabajamos ul{
	
	font-size: 12px;

}
	
}	


/* ACOMPÑAMOS */

.acompanamos{
	padding: 60px 0;
}

.acompanamos h2{
	color: #333333;
	font-family: var(--gotham_book);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.acompanamos .empresas{

	width: 100%;
	border-top: solid 1px #333333;
	border-bottom: solid 1px #333333;
	padding: 15px 0;
	margin-bottom: 30px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: stretch;
}

.acompanamos .empresas img{
	width: 150px;
}

.acompanamos ul{
	padding: 0;
	margin: 0;
	color: #333333;
	list-style: none;
	font-family: var(--gotham_book);
	font-size: 12px;
}

.acompanamos ul li{
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
	color: #333333;
	list-style: none;
	background-image: url('../img/ico-item-negro.svg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 15px;


}


/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.acompanamos .empresas img{
	width: 100px;
}

.acompanamos h2{
	font-size: 22px;

}


}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.acompanamos .empresas img{
	width: 65px;
}

.acompanamos h2{
	font-size: 22px;

}


	
}	

/* NOSOTROS */

.nosotros{
	width: 100%;
	padding: 60px 0;
	background-color: #E6E6E6;
}

.nosotros h2{
	color: #333333;
	font-family: var(--gotham_book);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.nosotros p{
	color: #333333;
	font-family: var(--gotham_book);
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;


}

.nosotros .foto{
	max-width: 600px;
	margin: 30px auto -100px auto;
}



/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.nosotros h2{
	font-size: 22px;
}

.nosotros p{
	font-size: 16px;
}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.nosotros h2{
	font-size: 22px;
}

.nosotros p{
	font-size: 14px;
}

.nosotros .foto{
	max-width: 600px;
	margin: 30px auto -50px auto;
}	
}	


/* SOCIOS  */

.socios{
	background-color: #333333;
	padding: 160px 0 60px 0;
}

.socios h2{
	color: #ffffff;
	font-family: var(--gotham_book);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.socios h3{
	color: #ffffff;
	text-align: center;
	font-family: var(--gotham_medium);
	font-size: 24px;
}

.socios p{
	color: #ffffff;
	text-align: center;
	font-family: var(--gotham_book);
	font-size: 20px;
	line-height: 22px;
}

.socios ul{
	list-style: none;
	padding: 0 90px;
	margin: 0 0 60px 0;
	font-family: var(--gotham_book);
	font-size: 14px;
	color: #ffffff;
}

.socios ul li {
	margin-bottom: 15px;
}

.socios .boton-mas{
	color: #ffffff;
	font-family: var(--gotham_light);
	font-size: 12px;
	text-decoration: underline;
	text-align: center;

}

@media (max-width:1200px) and (min-width:992px){

	.socios ul{

	padding: 0 50px;

}


}

/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.socios ul{
	display: none;
}

.socios .boton-mas{
	text-align: center;
	margin-bottom: 60px;
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.socios h2{
	font-size: 22px;
}

.socios h3{
	font-size: 18px;
}

.socios p{
	font-size: 14px;
}

.socios ul{
	display: none;
}

.socios .boton-mas{
	text-align: center;
	margin-bottom: 60px;
}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.socios{
	padding: 110px 0 60px 0;
}

.socios h2{
	font-size: 22px;
}

.socios h3{
	font-size: 18px;
}

.socios p{
	font-size: 14px;
}

.socios ul{
	display: none;
}

.socios .boton-mas{
	text-align: center;
	margin-bottom: 60px;
}

	
}	

/* EQUIPO */

.equipo{
	background-color: #E6E6E6 ;
	padding: 60px 0;
}

.equipo h2{
	color: #333333;
	font-family: var(--gotham_book);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.equipo .modulo{
	text-align: center;
}

.equipo .modulo h5{
	font-size: 24px;
	font-family: var(--gotham_medium);
	margin-bottom: 0px;
	color: #333333;
}

.equipo .modulo p{
	font-family: var(--gotham_light);
	font-size: 20px;
	color: #333333;
}

.equipo .boton-mas{
	color: #333333;
	font-family: var(--gotham_light);
	font-size: 14px;
	padding-bottom: 14px;
	text-decoration: underline;
	text-align: center;

}




/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.equipo h2{
	font-size: 22px;
}

}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.equipo h2{
	font-size: 22px;
}

	
}	

/* MISION VISION */

.mision-vision{
	background-color: #ffffff;
	padding: 60px 0;
}

.mision-vision .modulo{

	background-color: #333333;
	padding: 30px;
	min-height: 230px;
}

.mision-vision .modulo h3{
	color: #ffffff;
	font-size: 30px;
	font-family: var(--gotham_bold);
	text-align: center;
}

.mision-vision .modulo p{
	color: #ffffff;
	font-size: 14px;
	font-family: var(--gotham_book);
	text-align: center;
}



/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.mision-vision .modulo{
	margin-bottom: 30px;
	min-height: 150px
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

.mision-vision .modulo h3{
	
	font-size: 22px;

}

.mision-vision .modulo{
	margin-bottom: 30px;
	min-height: 150px
}


}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


.mision-vision .modulo h3{
	
	font-size: 22px;

}

.mision-vision .modulo{
	margin-bottom: 30px;
	min-height: 150px
}
	
}	

/* CONTACTO */

.contacto{
	padding: 60px 0;
	background-color: #414141;
}

.contacto a{
	color: #ffffff;
}

.contacto h2{
	text-align: center;
	font-size: 30px;
	font-family: var(--gotham_light);
	color: #ffffff;
	margin-bottom: 30px;

}

.contacto .modulo{
	border: solid 1px #ffffff;
	border-radius: 15px;
	padding: 10px;
	color: #ffffff;
	min-height: 180px;
	font-family: var(--gotham_light);
	font-size: 14px;
}

.contacto .modulo p{
	margin-left: 5px;
	margin-bottom: 4px;

}

.contacto .modulo strong{
	font-family: var(--gotham_book);
}

.contacto .modulo .icono{
	width: 60px;
	margin-bottom: 5px;
}

.contacto .modulo .boton{
	background-color: #ffffff;
	font-size: 10px;
	font-family: var(--gotham_book);
	color: #C69C6D;
	display: inline-block;
	padding: 4px 10px;
}


/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

.contacto .modulo{
	margin-bottom: 30px;
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){
.contacto .modulo{
	margin-bottom: 30px;
}



}

/*=============================================
col-
=============================================*/

@media (max-width:576px){

.contacto .modulo{
	margin-bottom: 30px;
}


	
}	

/* FOOTER */

footer{
	background-color: #333333;
	padding: 30px 0;
	color: #ffffff;
}

footer .logo{
	padding-right: 60px;
	background-image: url('../img/flecha-1.svg');
	background-repeat: no-repeat;
	background-position: right center;
}

footer p{
	font-family: var(--gotham_light) ;
	font-size: 15px;
	margin: 6px 0 0 0;
}

footer .redes{

	display: flex;
	align-items: center;
	justify-content: center;
}

footer .red{
	width: 40px;
	margin: 0 4px;

}

footer .redes p{
	font-size: 12px;
	line-height: 14px;
	margin: 0;
	text-align: left;
}




/*=============================================
col-md
=============================================*/

@media (max-width:991px) and (min-width:768px){

footer .logo{
	max-width: 300px;
	background-position: bottom center;
	padding: 0 0 40px 0;
	background-image: url('../img/flecha-2.svg');
	background-size: 30px;
	margin: 0 auto 60px auto;

}

footer p{
	text-align: center;
	margin-bottom: 60px;
}

}

/*=============================================
col-sm
=============================================*/

@media (max-width:767px) and (min-width:577px){

footer .logo{
	max-width: 300px;
	background-position: bottom center;
	padding: 0 0 40px 0;
	background-image: url('../img/flecha-2.svg');
	background-size: 30px;
	margin: 0 auto 60px auto;

}

footer p{
	text-align: center;
	margin-bottom: 60px;
}


}

/*=============================================
col-
=============================================*/

@media (max-width:576px){


footer .logo{
	max-width: 300px;
	background-position: bottom center;
	padding: 0 0 40px 0;
	background-image: url('../img/flecha-2.svg');
	background-size: 30px;
	margin: 0 auto 60px auto;

}

footer p{
	text-align: center;
	margin-bottom: 60px;
}

	
}

.modal-dialog .modal-header, .modal-dialog .modal-body{
	background-color: #333333;
	color: #ffffff;
	border-radius: 0;
}	

.modal .modal-dialog .close{
	color: #ffffff;
}

.modal h5{
	font-family: var(--gotham_book);
	font-size: 24px;
}

.modal ul{
	list-style: none;
	font-family: var(--gotham_light);
	font-size: 16px;
	padding: 0;
	margin: 0;
}

.modal ul li{
	margin-bottom: 15px;
}