/*
Theme Name: Personalizado
Version: 2.23
Description: Un tema hijo de Divi
Author: Personalizado
Template: Divi
*/

@import url("../Divi/style.css");

/*=============================================================================================*/
/*==================================== CABECERA ===============================================*/
/*=============================================================================================*/
#top-menu-nav > ul > li > a{
    border-bottom: 5px solid white;
}
#top-menu-nav > ul > li > a:hover{
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.8s ease-in-out;
    border-bottom: 5px solid #006699;
}
.et_header_style_centered #top-menu > li > a {
    padding-bottom: 8px !important;
}
/*=============================================================================================*/
/*==================================== CONTENIDO ==============================================*/
/*=============================================================================================*/
/*++++++++++++++++++++++++++++++++ESCALERA POR ENCIMA DEL SLIDER ++++++++++++++++++++++++++++++*/
.et_pb_slide{background-size: 100% 100% !important; height:340px;}
/*Controla el elemento de la escalera en el titular del principio */
#escalera-logo img{margin: -58px 0px -28px 100px;}
/*++++++++++++++++++++ESTABLECE LOS BORDES REDONDEADOS A LAS IMAGENES INTERIORES+++++++++++++++*/
/*controla el border radius de las imagenes en pagina de inicio y subpaginas con borde hacia la izquierda*/
.et_pb_image_0 > img, .et_pb_image_1 > img{border-radius: 113px 14px 14px 113px;}

/*controla el border radius de las imagenes en pagina de inicio y subpaginas con borde hacia la derecha*/
.et_pb_image_3 > img, .et_pb_image_2 > img, .et_pb_image_4 > img, .et_pb_image_5 > img, .et_pb_image_6 > img{border-radius: 14px 113px 113px 14px;}

/*controla el border radius de las imagenes en pagina de inicio y subpaginas con redondeo simple de 14px*/ 
.et_pb_image_2 > img, .et_pb_team_member_3  div img {border-radius: 14px 14px 14px 14px;}

/*quita el border-radius del logotipo avance*/ 
#avance img{border-radius:0;}
/*Establece tamaño de titular, color y padding*/
.titular{font-size:18px; color:#fff; padding-top:4px;}

h1 {line-height:1em !important; padding-bottom: 12px;}
h2 {font-size: 20px; line-height:0.8em; padding-bottom: 4px;}
/*+++++++++++++++++++QUITA EL MARGEN DE LOS FORMULARIOS ++++++++++++++++++++++++++++++++++++++*/

/*QUITA EL MARGEN DEL FORMULARIO*/
.gform_wrapper {margin: 0 !important;}
/*redondea los bordes de los iconos de los blurb*/
.et-pb-icon, .et-waypoint, .et_pb_animation_top, .et-pb-icon-circle, .et-animated{border-radius: 30%;}
/*Establece el tamaño o color de los enlaces y el texto en los acordeones de formacion y publicaciones*/
.et_pb_toggle h5 {font-size: 20px !important;}
.et_pb_toggle_1 div p a, .et_pb_toggle_1 div a, .et_pb_toggle_0 div p a, .et_pb_toggle_0 div a{color:blue;}
.et_pb_toggle_1 h1, .et_pb_toggle_1 h2,  .et_pb_toggle_1 div h3,  .et_pb_toggle_1 h4, .et_pb_toggle_1 h5, .et_pb_toggle_1 h6, .et_pb_toggle_0 h1, .et_pb_toggle_0 h2,  .et_pb_toggle_0 div h3,  .et_pb_toggle_0 h4, .et_pb_toggle_0 h5, .et_pb_toggle_0 h6 {color:white !important;}
/*=============================================================================================*/
/*==================================== PIE DE PAGINA ==========================================*/
/*=============================================================================================*/
/*Cambia color de los textos del pie de pagina*/
#footer-informacion, #privacidad, #aviso, #footer-informacion a{color:white;}

/*===============================================================================================================================*/
/*===============================================================================================================================*/
/*=============================================== QUERYS RESPONSIVE==============================================================*/
/*===============================================================================================================================*/
/*===============================================================================================================================*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 1280 px +++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 1280px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
/*++++++++++++++++++++++++++++++++ESCALERA POR ENCIMA DEL SLIDER ++++++++++++++++++++++++++++++*/
/*Controla el elemento de la escalera en el titular del principio */
.et_pb_slide{background-size: 100% 100% !important; height:300px;}
#escalera-logo img{margin: -57px 0px -28px 74px;}

.et_pb_toggle h5 {font-size: 16px !important;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 1024 px +++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 1024px){
/*===================================== CABECERA ==========================================*/
.et-fixed-header #top-menu li a {font-size: 15px !important;}
#top-menu li a {font-size: 15px !important;}
/*===================================== CONTENIDO =========================================*/	
.et_pb_slide{background-size: 100% 100% !important; height:290px;}
.et-waypoint img{height:190px;}
#escalera-logo img{margin: -22px 0px -18px 117px; height: 45px; border-radius: 0;}
h1 {font-size: 21px; padding-bottom: 0; padding-top:0;}
h2 {font-size: 20px; padding-bottom: 3px;}
h3 {font-size: 19px;}
h4 {font-size: 17px;}

p {font-size: 13px;}
li {font-size: 13px;}
.contacto{font-size:16px;}
.et_pb_row, .et_pb_column .et_pb_row_inner {padding: 10px 0 !important;}
.justif h2{margin: 0 0 0 44%;}
.cent {margin: 0 0 0 22%;}
.cent h2 {margin: 0 0 0 28%;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 980 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 980px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/
.et_pb_slide{background-size: 100% 100% !important; height:260px;}
div.et_pb_section:nth-child(1){padding:0;}
#escalera-logo img {margin: -41px 0px -28px 102px; height: 50px; border-radius: 0;}
h1 {font-size: 25px; padding-bottom: 0; padding-top:6px;}
h2 {font-size: 22px;}
h3 {font-size: 18px;}
.et_pb_section {padding:5px;}
.et_pb_column .et_pb_row_inner {padding:0;}
.contacto{font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; font-size:15px; color: #666;}
.et-waypoint img{height:180px;}
.et_pb_fullwidth_map_0 {height: 220px !important;}
.quehacemos img{height:240px !important;}
.justif h2{margin: 0 0 0 44%;}
.cent {margin: 0 0 0 28%;}
.cent h2 {margin: 0 0 0 22%;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 979 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 979px){
/*===================================== CABECERA ==========================================*/
	
/*===================================== CONTENIDO =========================================*/	
	
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 800 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width:800px) {
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:170px;}
.et_pb_slide{background-size: 100% 100% !important; height:250px;}
div.et_pb_section:nth-child(1){padding:0;}
#escalera-logo img {margin: -45px 0px -28px 84px; height: 45px; border-radius: 0;}
h1 {font-size: 22px; padding-bottom: 0; padding-top:4px;}
h2 {font-size: 21px; padding-bottom: 5px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
p {font-size: 14px;}
li {font-size: 14px;}
.contacto{font-size:15px;}
.et_pb_section {padding:2px;}
.imaginiciomovil img{height:210px !important;}
.et_pb_row, .et_pb_column .et_pb_row_inner {padding: 10px 0 !important;}
.quehacemos img{height:260px !important;}
.justif h2{margin: 0 0 0 44%;}
.cent {margin: 0 0 0 22%;}
.cent h2 {margin: 0 0 0 28%;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 768 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width:768px) {
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:160px;}
.et_pb_slide{background-size: 100% 100% !important; height:220px;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 480 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 480px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:110px;}
.et_pb_slide{background-size: 100% 100% !important; height:180px;}
#escalera-logo img {margin: 0 0 -28px 50px; height: 21px; border-radius: 0;}
h1 {font-size: 21px; padding-bottom: 4px; padding-top:3px;}
h2 {font-size: 18px; padding-bottom: 5px;}
h3 {font-size: 17px;}
h4 {font-size: 16px;}
p {font-size: 13px;}
li {font-size: 13px;}
.contacto{font-size:14px;}
.et_pb_fullwidth_map_0 {height: 190px !important;}
.quehacemos img{height:190px !important;}
.justif h2{margin: 0 0 0 37%;}
.cent {margin: 0;}
.cent h2 {margin: 0 0 0 37%;}
.et_pb_promo_description {padding-bottom: 5px;}
.et_pb_row, .et_pb_column .et_pb_row_inner{padding-top:5px !important; padding-bottom:5px !important;}
.et_pb_section {padding:1px;}
.imaginiciomovil img{height:190px !important;}

/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 360 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 360px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:100px;}
.et_pb_slide{background-size: 100% 100% !important; height:150px;}
#escalera-logo img {margin: 0 0 -28px 39px; height: 20px; border-radius: 0;}
h1 {font-size: 20px; padding-bottom: 3px; padding-top:2px;}
h2 {font-size: 17px; padding-bottom: 5px;}
h3 {font-size: 16px;}
h4 {font-size: 15px;}
p {font-size: 12px;}
li {font-size: 12px;}
.contacto{font-size:13px;}
.et_pb_fullwidth_map_0 {height: 190px !important;}
.quehacemos img{height:190px !important;}
.justif h2{margin: 0 0 0 34%;}
.cent {margin: 0;}
.cent h2 {margin: 0 0 0 34%;}
.et_pb_promo_description {padding-bottom: 5px;}
.et_pb_row, .et_pb_column .et_pb_row_inner{padding-top:5px !important; padding-bottom:5px !important;}
.et_pb_section {padding:1px;}
.imaginiciomovil img{height:150px !important;}
/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 320 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 320px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:90px;}
.et_pb_slide{background-size: 100% 100% !important; height:130px;}
#escalera-logo img {margin: 0 0 -28px 35px; height: 15px; border-radius: 0;}
h1 {font-size: 18px; padding-bottom: 3px; padding-top:2px;}
h2 {font-size: 15px; padding-bottom: 5px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
p {font-size: 11px;}
li {font-size: 11px;}
.contacto{font-size:12px;}
.quehacemos img{height:180px !important;}
.justif h2{margin: 0 0 0 30%;}
.cent h2 {margin: 0 0 0 30%;}
.et_pb_promo_description {padding-bottom: 5px;}
.et_pb_row, .et_pb_column .et_pb_row_inner{padding-top:5px !important; padding-bottom:5px !important;}
.et_pb_section {padding:1px;}

/*===================================== FOOTER ============================================*/	

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++ Query movil 240 px ++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 240px){
/*===================================== CABECERA ==========================================*/

/*===================================== CONTENIDO =========================================*/	
.et-waypoint img{height:80px;}
.et_pb_slide{background-size: 100% 100% !important; height:110px;}
#escalera-logo img {margin: 0 0 -27px 27px; height: 15px; border-radius: 0;}

/*===================================== FOOTER ============================================*/	

}