@import url(contacto.css);
@import url(servicios.css);
@import url(mision.css);
@import url(cv.css);
@import url(portafolio.css);

h1,h2,h3,h7,h8{
font-family: 'Libre Franklin', sans-serif;
letter-spacing: 1.5px;   
}
p{font-family: 'Libre Franklin', sans-serif;
letter-spacing: 1.5px;	
}
a{font-family:  'Libre Franklin', sans-serif;
letter-spacing: 1px;	
}
img{
display: block;
max-width: 100%;
}
*{
 margin: 0;
 padding:0;
 box-sizing:border-box;
}
body{
font-family: sans-serif;

}
header{
position:absolute;
width: 100%;	
z-index:1000;	
height: 100px;
}
#linea_roja{
position: absolute;
margin-top: 160px;
width: 100%;
height: 10px;
background: #61210B;
}
header img{
display: block;
float: left;
width: 250px;
height:110px; 
}
.icon-mail{
display: none;    
}
#arriba .icon-phone{
display: none;
}

.titulo_phone{
display: none;
}

.titulo{
display: inline-block;
width: 300px;
font-size: 15px;
color:#61210B;
margin-left: 10px;
}


header .contenedor{
display:  flex;
justify-content: space-between;
}
.icon-menu{
display: block;
width: 40px;
height: 35px;
font-size: 25px;
background:#61210B;
color: white;
text-align: center;
line-height: 35px;
border-radius: 5px; 
margin-left:auto;  
cursor: pointer;
margin-top: -110px;    
}
.icon-facebook{
display: inline-block;
width: 25px;
height: 25px;
font-size: 15px;
text-decoration: none;
background:  #3b5998;
color: white;
text-align: center;
line-height: 25px;
border-radius: 2px; 
margin-left:  90px;
cursor: pointer;
}
.icon-twitter{
display: inline-block;
width: 25px;
height: 25px;
font-size: 15px;
text-decoration: none;
background:#55acee;
color: white;
text-align: center;
line-height: 25px;
border-radius: 2px; 
margin-left: 15px;
cursor: pointer;
margin-top: 45px;    
}
.icon-instagram{
display: inline-block;
width: 25px;
height: 25px;
font-size: 16px;
text-decoration: none;
background:#cb2027;
color: white;
text-align: center;
line-height: 25px;
border-radius: 2px; 
margin-left:  15px;
cursor: pointer;
}



.contenedor{
width: 95%;
margin: auto;
}


section{
width: 100%;
}

header .contenedor{
display: table;
}

  
/*------- M E N U ------*/

#menu_PC{
display: none;
}
#menu_CEL{
display: block;    
}

header nav{
position: absolute;
top:57px;
left:-100%;
width: 100%;  
transition: 2s all;	
}
header .menu{
list-style: none;
padding: 0;
margin: 0;    
}
header .menu__link{
display: block;
text-decoration: none;
padding: 15px;    
color: white;  
background:#378bba;  
border: 1px solid skyblue;    
}
.menu__link:hover{
background:white;
color: #378bba;     
}
header .select{
color: #378bba;
background: white;	
}
.mostrar{
left: 0;
}

/*------------- S L I D E R -----*/
.centrar{
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
background: rgba(255,255,255,0.4);	
width:60%;
padding: 15px;	
border-radius: 10px;
}

    
.centrar2{
position: absolute;
top:75%;
left:44%;    
letter-spacing: 75px;
transform: translateX(-50%) translateY(-50%);
width: 96%;
padding: 15px;	
border-radius: 10px;
}    
.slider1_txt_centrar2    {
color:#797D7F; 
font-size: 12px;    
text-align: right;
}






.slider1_titulo{
color: #61210B;
text-align: center;
font-size: 28px;
font-weight: bolder;    
letter-spacing: 2.5px;     
}

.slider1_txt{
color: #61210B;
text-align: center;     
font-size: 16px;
margin-top: 15px;     
margin-bottom: 10px; 
}

.slider1a_txt{
display: inline-block;
color:  #38312F;
padding: 5px;
margin-bottom: 10px;
margin-left: 10px;
}

.slider2_titulo{
color: #61210B;
text-align: center;
font-size: 22px;
font-weight: bolder;    
letter-spacing: 2.5px;     
}

.slider2_txt{
color: #38312F;
text-align: center;     
font-size: 26px;
margin-top: 15px;     
margin-bottom: 15px; 
}
/*
.slider2a_txt{
display: inline-block;
color:  #38312F;
padding: 5px;
margin-bottom: 10px;
margin-left: 10px;
}*/





.centrar{
text-align: center;	
}

.icon-phone{
display:inline-block;	
color:  #38312F;
font-size: 30px;
text-align: right;	
}
.centrar a{
display: block;	
text-align: center;	
text-decoration: none;
color: white;
padding:10px;
width: 60%;
margin: auto;	
background:rgba(97,33,11,1);
border-radius: 5px;	
}
.centrar a:hover{
background:rgba(97,33,11,0.5);
transition: 1s all;	
}
   
/*----------- Q U I E N E S  S O M O S  C E L L ---------*/




/*----------- Q U I E N E S  S O M O S  P C ---------*/
#pc{
display: none;
}
#cel{
    display: block;
}
.ayudar{
color: #38312F;   
font-size: 20px;    
font-weight: 100;
margin-bottom: 45px;  
margin-top: -85px;
}

.titulo_imagen{
color: white; /* #38312F; */
font-size: 16px;    
font-weight: 100;
font-family: 'Libre Franklin', sans-serif;  
margin-top: -25px;   
background:  #61210B;
padding: 10px;    
}
.titulo_info_imagen{
color: white; /* #38312F;    */
font-size: 16px;
font-weight: 100;
font-family: 'Libre Franklin', sans-serif; 
background:  #61210B;     
padding: 10px;    
}


.img_lic_cell{
display: block; 
width: 60%;
margin: auto;    
height: 350px;    
margin-top: 25px;    
margin-bottom: 25px;    
}


.cv{
display: block;	
text-align: center;	
text-decoration: none;
color: white;
padding:10px;
width: 55%;
margin: auto;	
background:rgba(97,33,11,1);
border-radius: 1px;	
}
.cv:hover{
background:rgba(97,33,11,0.5);
transition: 1s all;	
}    
        

.somos{
text-decoration: none;    
color: #61210B;
font-size: 18px;    
font-weight: 100;
margin-bottom: 10px;   
}

.linea_gris{
width: 100%;
height: 2px;
background: #E5E4E4;
margin-bottom: 25px;    
}

.cita_somos{
display: block;	
text-align: center;	
text-decoration: none;
color: white;
padding:10px;
width: 100%;
margin: 0;	
background:rgba(97,33,11,1);
border-radius: 1px;	
margin-bottom: 35px;    
}
.cita_somos:hover{
background:rgba(97,33,11,0.5);
transition: 1s all;	
}
.obj_info{
margin-top: 25px;    
}
/*------------ N U E S T R O S  S E R V I C I O S --------*/

#nuestos_servicios{
    background: red;
}
.img_servicios{
width: 100%;
max-width: 650px;
margin: auto;    
}

.nuestros_servicios_titulo{
margin-top: 15px;
font-weight: 100;  
}

/*--------------------------- V I D E O S  -----------------------*/
.videos_diplomado{
width: 100%;
}


/*---------------------- C L I E N T E S ----------------------*/

.clientes_titulo{
text-align: center;
margin-bottom: 25px;    
}

.img_logos_uabc{
width: 40%;
 height: 250px;    
margin: auto;    
}
.img_logos{
width: 100%;
max-width: 320px;    
height: 180px;    
margin: auto;    
}
.clientes_info{
margin-bottom: 45px;
}


   
/*---------------------- W H A T S  A P P  ----------------------*/    
    
#whatsapp{
margin-bottom: 85px;        
    }   
.whatsapp_titulo{
text-align: center;
text-decoration: none;
font-weight: 100; 
font-size: 35px;    
margin-bottom: 35px;    
}

#whats a{
color: green;    
display: block;    
text-decoration: none;
text-align: center;
font-size: 20px;  
margin-bottom: 45px;   
}
.img_whatsapp{
margin: auto;    
width: 15%;    
}




















/*--------------------- F O O T E R -------------------*/
#abajo{
background: red;
}
.tituloF{
display: inline-block;
width: 300px;
font-size: 15px;
color: white;
font-weight: 100;    
}
.icon-mail{
display: inline-block;
font-size: 22px;
color: white;    
} 

#otros_trata{
display: none;
}

#sect_footer{
padding-top: 45PX;
background: #38312F;
}

.navegacion{
display: block;
margin-bottom: 20px;
color: white;
}
.navegacion_txt{
color: white;
font-size: 15px;    
}

.menu_footer{
display: inline-grid;    
}

.menu_footer a{
text-decoration: none;
margin-bottom: 18px;
font-size: 12px;   
color: white;
}

.sociales {
font-size: 24px;
display: block;
}

.sociales a{
color: white; 
text-decoration: none;
margin: auto;    
}

.sucursales {
display: block;    
width: 100%;
margin: auto;    
color: white;
background: white;    
}


.regalo{
color: white;
font-size: 90px;    
}

.titulo_phoneF{
color: white;  
font-weight: 100;    
}





#sect_footer img{
width: 100%;;
max-width: 160px;
}
#sect_footer iframe {
width: 320px;
max-width: 680px;    
border-radius: 3px;
border: 4px solid orange;
}
.ubicacion_titulo{
color: white;
font-size: 13px; 
line-height: 25px;    
}


#info_footer{
margin-bottom: 35px; 
}
/*-------------------------- E S T I L O S  P C -----------*/

@media(min-width:1024px){
.contenedor{
width: 1150px;
}
    
#linea_roja{
margin-top: 110px;    
height:34px;
background: #38312F; 
}

/*----- H E A D E R ---------*/   

#arriba .contenedor{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}    
header img{
display:inline-block;
width: 350px;
height: 100px;
} 
.icon-mail{
display: inline-block;
font-size: 22px;
color: #38312F;    
}    
    
.titulo{
color: #38312F;    
display: inline-block;
font-size: 20px;    
margin-top: 25px;  
font-weight: 700;    
}       
#arriba .icon-phone{
display: inline-block;
font-size: 22px;
color: #38312F;    
} 
   
.titulo_phone{
color: #38312F;    
display: inline-block;
font-size: 22px;    
font-weight: 550;    
margin-top: 5px; 
}       
/*------- M E N U  ------*/   
#menu_CEL{
display: none;    
}
#menu_PC{
display: block;
}

.icon-menu{
display: none;
}
	
header .nombre{
display: block;	
color: white;
width: 350px;
height: 450px;	
font-size: 23px;
margin-top: 30px;
text-align: center;    
}	
.menu{
display: flex;	
justify-content: space-between; 
width: 100%    
}
.nav{
position: static;
width: 100%;	
margin-top:15px;
background:#38312F; 
}	
header .menu__link{
background: none;	
border: 0;	
font-size: 15px;
font-weight: bolder;    
padding: 2px;
transition: all 0.5s;   
}
header .select{
border-bottom: 2px solid white; 	
color: white;	
}
    
.menu__link:hover{
background: none;	
color: white;	
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.1);    
 transition: all 0.5s; 
border-bottom: 2px solid white;     
}

/*------------- S L I D E R -----*/
.centrar{
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
width: 30%;
padding: 15px;	
border-radius: 10px;
}
    
.centrar2{
position: absolute;
top:80%;
left: 79%;    
letter-spacing: 75px;%;
transform: translateX(-50%) translateY(-50%);
width: 36%;
padding: 15px;	
border-radius: 10px;
}    
 
    
.slider1_txt_centrar2    {
color: grey;/*#797D7F;   */
font-size: 19px;
text-align: right;
}
.slider1_titulo{
font-size: 60px;
font-weight: bolder;    
letter-spacing: 2.5px;     
}

.slider1_txt{
font-size: 28px;
}
.centrar{
text-align: center;	
}
.slider2_txt{
display: inline-block;
font-size: 25px;    
padding: 5px;
margin-bottom: 15px;
margin-left: 10px;	
}
.icon-phone{
display:inline-block;	
font-size: 30px;
text-align: right;	
}
    

.slider2_titulo{
font-size: 38px;
}

.slider2_txt{
font-size: 62px;
font-weight: bolder;    
}
    
.centrar a{
display: block;	
text-align: center;	
text-decoration: none;
color: white;
padding:10px;
width: 35%;
margin: auto;	
border-radius: 5px;
transition: 1s all;	   
    }
.centrar a:hover{
background:rgba(97,33,11,0.5);	
transition: 1s all;	
}


/*-----------  S O M O S  ---------*/

#cel{
display: none;        
    }   
#pc{
display: block;
}    
.ayudar{
display: block;
width: 100%;  
font-size: 45px;    
text-align: center;
margin-bottom: 85px;  
margin-top: -80px;    
}  
.somos {
display: block;
margin-top: 25px;    
text-decoration: none;    
}   
.linea_gris{
margin-top: 10px;        
    }    
.cita_somos{
margin-top: 70px;        
}  
    

.cv{
display: block;	
text-align: center;	
text-decoration: none;
color: white;
padding:10px;
width: 55%;
margin: auto;	
background:rgba(97,33,11,1);
border-radius: 1px;	
}
.cv:hover{
background:rgba(97,33,11,0.5);
transition: 1s all;	
}    
        
    
    
    
.img_lic{
width: 55%;
margin: auto;    
height: 350px; 
margin-bottom: 10px; 
margin-top: -21px;    
}    
#objetivos{
display: flex;        
justify-content: space-between;    
}  
 
.titulo_imagen{
display: block;    
width: 100%;
font-size: 20px;    
text-align: center;    
padding: 15px;
line-height: 22px;   

}
    
.titulo_info_imagen{
width: 55%; 
padding: 5px;    
font-size: 16px;    
margin: 0;        
    }    
.obj_info{
width: 45%;
   
}

/*--------------------- T R I P T I C O    ----------*/

.img_triptico{
height: 650px;    
}  
    
/*------------ N U E S T R O S  S E R V I C I O S --------*/

#nuestros_servicios{
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
}
.nuestros_servicios_info{
width: 30%;        
    }
.nuestros_servicios_titulo{
margin-top: 15px;
font-weight: 100;  
}

 
/*---------------------- C L I E N T E S ----------------------*/

#clientes{
display: flex;
justify-content: space-between;
flex-wrap: wrap;    
}
      
.clientes_titulo{
margin-bottom: 70px;    
font-size: 50px;
font-weight: 100;
}
    
.img_logos{
width: 210px;        
height: 150px;
}    
    
  
.img_logos_uabc{
width: 120px;        
height: 150px;
    }  
.clientes_info{
margin-bottom: 55px;
}    

    
/*---------------------- W H A T S  A P P  ----------------------*/    
    
#whats{
margin-bottom: 85px;        
    }    
#whats a{
display:inline-block;
font-size: 35px;
text-decoration: none;
color: #25d366; 
margin-left: 12%;
font-weight: bold;    
    
}   
  
.img_whatsapp{
display: inline-block;
width: 100px;
height: 100px;
text-align: center;
margin: auto; 
}
  
 .whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}   
    
    .mensaje{
    position: absolute;
    top: -65px;
    right: 5px;    
    font-size: 50px;
    color: red;
         
    }      

/*--------------------- F O O T E R -------------------*/


#sect_footer .contenedor{
display: flex;
justify-content:space-around;
flex-wrap: wrap; 
}
#info_footer{
width: 22%;    
margin: 3px;    
}

.tituloF{
display: inline-block;
width: 150px;
font-size: 14px;
color: white;
}
 
    
#sect_footer .icon-mail{
display: inline-block;
font-size:16px;
color: white;    
} 
   
#sect_footer .icon-phone{
display: inline-block;
font-size:16px;
color: white;    
} 

  
.titulo_phoneF{
color: white;    
display: inline-block;
font-size: 14px;    
font-weight: 100;    
margin-top: 5px; 
}            
}