@charset "utf-8";
/* CSS Document */

/*
 Theme Name:     Divi - hijo 
 Theme URI:      
 Description:    Tema hijo para el tema Divi de elegant themes 
 Author:         Miguel Castaño
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");
 
/*------------------------------------------------------- 
A partir de aquí puedes poner tus estilos de CSS personalizados 
------------------------------------------------------- */
#logo {
-webkit-transition: initial;
-moz-transition: initial;
transition: initial;
-webkit-transform: initial;
}

/*para los iconos de la info */
#et-info { background:#2e3192; font-size:18px; padding:9px;}
#et-info-phone::before {margin-right:10px;}
#et-info-phone {background:#2e3192; margin-right:10px;}
#et-info-email {display:none;}

/*MENU*/
#top-menu li li a:hover { background-color:#ddd !important;}
#et-secondary-nav .menu-item-has-children>a:first-child:after { top:10px !important;}
#et-secondary-nav li li a:hover { background-color:rgba(0,0,0,0.6) !important; }
.et-fixed-header#top-header #et-secondary-nav li ul { background:#ed1c24 !important;}

.et_pb_blurb_content a:hover img { opacity:0.5; transform:scale(1.08);
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */}


.et_pb_module_header a:hover { text-decoration:underline;}
.et_pb_blurb_description a:hover { text-decoration:underline;}

.et_pb_main_blurb_image { margin-bottom: 10px !important;}


/* span.et_pb_image_wrap:hover {  opacity:0.5; transform:scale(1.15);
-webkit-transition:all .9s ease;  Safari y Chrome 
-moz-transition:all .9s ease;  Firefox 
-o-transition:all .9s ease;  IE 9 
-ms-transition:all .9s ease;  Opera  }  */


ul#menu-menu-pie.bottom-nav { text-align:center;}

.listageneral ul { list-style:none; padding-left:0;  }
.listageneral ul li {
	margin-bottom:5px;
}
.listageneral li:before{
	/* Para cambiar el icono de color */
    color: #ed1c24;
    list-style-position:inside;
    content: "•"; 
	font-size:32px; 
	margin-right:10px;
	vertical-align:text-top;
}

.permiso { font-size:48px;}
span.tituloslider { color:#fff!important; font-size:40px; font-family:'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight:bold; line-height:50px !important;}
.et_pb_slide_0.et_pb_slider_with_text_overlay .et_pb_slide_content { padding-top:30px;}
.et_pb_slide_1.et_pb_slider_with_text_overlay .et_pb_slide_content { padding-top:30px;}
.et_pb_slide_2.et_pb_slider_with_text_overlay .et_pb_slide_content { padding-top:30px;}
.et_pb_slide_3.et_pb_slider_with_text_overlay .et_pb_slide_content { padding-top:30px;}
.et_pb_slide_4.et_pb_slider_with_text_overlay .et_pb_slide_content { padding-top:30px;}
.et_pb_slide_with_image .et_pb_slide_description { width:60% !important;}
.et_pb_slide_content strong { margin-top:20px !important;}

/* CURSOS */
.one_half { background:#fff; padding:5px !important; text-align:center;}
span.familia { display:block; font-weight:900;}
.one_half i { display:block; margin-bottom:10px;}
.fas { display:block !important; font-size:26px; color:#ed1c24; border:3px solid #2e3192; border-radius:50em; padding:8px; width:60px; line-height:40px; margin:0 auto;}
.fa { font-size:16px; color:#ccc; margin-right:10px;}





.fas:hover { opacity:0.5; transform:scale(1.08);
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */}

/* CONTACT FORM */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #ed1c24 !important;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #fff !important; 
border-color:#ed1c24;
color: #ed1c24 !important; 
padding: 6px 20px !important; 
}

/* ----------------- BLOG ------------------------- */
/*Imagen destacada a la izquierda en el blog*/ 
.et_pb_post a img{
  height: 250px!important;
  float: left;
  width: 400px;
  left: 0;
  padding-right: 14px;}
  
    .et_pb_post a:hover {
		text-decoration:underline;}
  
  .et_pb_post a:hover img{
	  opacity:0.3;}
	  

 
@media only screen and (max-width: 980px) {
.et_pb_post a img{
  float:none;
  width:400px;
  height:200px;}
  
  ul#mobile_menu.et_mobile_menu { background-color:#fff !important;}
}
/*-------------------------------------------*/

/* Divi secondary menu customisations by Yates Design */

@media (min-width: 980px) {
#top-header .container { padding: 0 !important; }
#et-secondary-nav li { margin-right: 0; }
#et-secondary-nav li a { padding: 0.75em 1em; }
#et-secondary-nav { width: 100%; text-align: right; }
/* Add the class'left' to any menu item to float it to the left of the menu */ #et-secondary-nav li.left { float: left; }
/* Add the class 'facebook' to any menu item to give it Facebook's background colour */ #et-secondary-nav li.facebook { background: #3b5998; }
/* Add the class 'twitter' to any menu item to give it Twitter's background colour */ #et-secondary-nav li.twitter { background: #55acee; }
/* Add the class 'instagram' to any menu item to give it Instagram's background colour */ #et-secondary-nav li.instagram { background: #125688; }
/* Add the class 'cta' to any menu item to turn it into a Call to Action button */ #et-secondary-nav li.cta { background: #ed1c24; }
}

/*CARRUSEL PROMOCIONES BORDE BLANCO*/
.msacwl-slide img.msacwl-img, .msacwl-carousel-slide img.msacwl-img{
	border: solid 1px #ffffff;
}

#footer-bottom .et-social-icons .et-social-icon.et-social-rss a::before {
	content: "\E07B";
	font-family: FontAwesome!important;
}