.banners h1 span{ color:#606060 !important;}
.banners h1 img{margin-top: -20px;margin-left: 20px;}
.banners p{font-size:16px;line-height: 24px;color:#fff;padding: 5px 0 15px ;max-width: 450px;}

.banners h1 b{font-size:60px;line-height:65px;padding-bottom: 1px; letter-spacing: .5px;display: block;}
.banners h1{font-size:50px;line-height:53px; letter-spacing: .5px;}
.banners h3{font-size:40px;line-height:50px;padding-bottom: 20px; letter-spacing: .5px;}
.banners ._mostrar_solo_pc{min-height:560px;width: 100%;}
.banners .btn{font-size:20px; line-height: 20px;background-color: #67D786;color: #1232BE;}
.banners .botones:hover{border: 0;color: #fff; }
.medium-12:hover h1, .medium-12:hover h3{animation: fadeIn ease 2s;-webkit-animation: fadeIn ease 2s;-moz-animation: fadeIn ease 2s;-o-animation: fadeIn ease 2s;-ms-animation: fadeIn ease 2s;}
	    

#portada h1 {padding-bottom:60px;font-size:24px;line-height:32px;letter-spacing:1px;} 
#portada h2 {padding:0;font-size:20px;line-height:23px;letter-spacing:0.5px;padding-bottom: 10px;margin: 15px 0 0;}
#portada h3 {padding-bottom:25px;font-size:27px;line-height:37px;letter-spacing:0.5px;}
#portada p{font-size:16px;line-height:24px;}
#portada blockquote{font-size: 14px;line-height: 14px;padding-bottom: 5px;letter-spacing:0px;}


#portada .callout-1 {background:#fff;padding:90px 0 40px;} 
#portada .callout-1 h1 {padding:5px 0 20px;font-size:40px;line-height:45px;letter-spacing:0.5px;}
#portada .callout-1 p {padding:10px 0 8px ;position: relative;z-index: 2;font-size:24px;line-height:34px;}
#portada .callout-1 ._azul { padding: 12px; background: #1232BE; max-width: 220px;margin: 0 10px 60px;float: left;border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ;min-height: 124px; width: 100%;}
#portada .callout-1 ._azul p {padding:10px 0 8px ;position: relative;z-index: 2;font-size:17px;line-height:27px;}
#portada .callout-1 ._azul figure img{margin-top: -50px;}


#portada .callout-3 {background:#F5F5F5;padding:60px 0 80px;} 
#portada .callout-3 h3 { padding:15px 35px; font-size:35px; line-height:40px; letter-spacing:0.5px; display: inline-block; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; margin: 0 0 70px!important;}


._contiene_azul{ background: #1232BE; padding:40px 20px 15px ; border-radius: 20px 20px 0 0 ; -webkit-border-radius: 20px 20px 0 0 ; -moz-border-radius: 20px 20px 0 0 ; -ms-border-radius: 20px 20px 0 0 ; -o-border-radius: 20px 20px 0 0 ; min-height: 208px;}
._contiene_azul blockquote{font-size: 55px !important;line-height: 55px !important;color:#fff;margin-bottom: 0;padding-bottom: 0 !important;}
._contiene_azul h2 {font-size: 30px !important;line-height: 33px !important;letter-spacing: 0.5px;    padding-bottom: 0 !important;margin: 2px 0 0 !important;}
._contiene_azul p {font-size: 20px !important;line-height: 20px !important;letter-spacing: 0.5px;    padding-bottom: 0 !important;margin: 2px 0 0 !important;}

._planes { background-color: #fff; padding:30px 30px 20px; border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; position:relative; margin-bottom: 50px; border: 2px solid #1232BE; }
._planes h4 {font-size: 24px !important;line-height: 27px !important;letter-spacing: 0.5px;    padding-bottom: 0 !important;margin:20px 0 0 !important;}
._planes p{ font-size: 18px !important; line-height: 22px !important;padding: 10px 15px;padding-left: 80px;}
._planes p img{position: absolute;left: 10px;top: 5px;height: 50px;}
._planes .btn{margin: 25px auto 0;padding: 12px 15px ;}


#portada .callout-4 {background:#1232BE;overflow: hidden;}
#portada .callout-4 h3{font-size:50px;line-height:55px;padding:70px 0  30px; letter-spacing: 1px;display: block;}
#portada .callout-4 p {font-size:18px;line-height:28px;letter-spacing:0.5px;padding-bottom: 120PX;}
.capa_verde{position: absolute;left: 0;width: 50%;height: 100%;z-index: 1;opacity: .8;top: 0;}      
.capa_verde img{min-height: 467px;}      


#portada .callout-5 {background:#1232BE;padding:80px 0px;}
#portada .callout-5  h3 { padding:10px 20px !important; font-size:35px; line-height:35px; letter-spacing:0.5px; background-color: #fff; display: inline-block; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px;margin:30px 0 50px; }
#portada .callout-5  ._llamar{margin: 20px 0 30px;}
#portada .callout-5  .medium-7 figure img{ border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }


#planes ul li .medium-12{min-height: 707px;}


@media only screen and (max-width: 800px){
    
    #portada .callout-1 .medium-6{width: 100%;padding-bottom: 30px;}
    #portada .callout-1 ._info h1{text-align: center;}
    #portada .callout-1 ._info p{width: 100%;}
    #portada .callout-1 ._imaages{max-width: 600px;margin: 30px auto 0;}
    #portada .callout-1 h1 {padding: 5px 0 20px;font-size: 30px !important;line-height: 35px !important;}
    
    #portada .callout-2 .medium-4{width: 50%;}
    ._contiene_azul{min-height: 179px;}
    ._contiene_azul blockquote{font-size: 45px !important;line-height: 50px !important;}
    ._contiene_azul h2 {font-size: 25px !important;line-height: 25px !important;}
    ._contiene_azul p {font-size: 18px !important;line-height: 18px !important;letter-spacing: 0.5px;    padding-bottom: 0 !important;margin: 5px 0 0 !important;}
    ._planes {padding: 20px 20px 20px;}

    ._planes h4 {font-size: 20px !important;line-height: 23px !important;}
    ._planes p img {left: 0;height: 40px;}
    ._planes p{padding-left: 50px;font-size: 17px !important;margin: 0 auto;max-width: 250px;}
    .callout-datos ._box{min-height: auto;}
    .callout-datos ._box p{min-height: auto;}

}

@media only screen and (max-width: 40em){
	.banners._servicio_interno .p_top {margin-top: 10px;}
	.banners._servicio_interno .p_rig {padding-right: 0px;margin-top: 30px;}
	.banners._servicio_interno p {display:none;}	


    #portada .callout-1 {padding: 40px 0 20px;}
    #portada .callout-1 ._azul{margin: 30px auto 50px;float:none;}



    #portada .callout-1 h3 {font-size: 25px !important;line-height: 35px !important;}
    #portada .callout-1 .medium-7 {padding: 0;}
    #portada .callout-2 h3 {font-size: 25px !important;line-height: 35px !important;padding: 5px 0 15px;}
    .callout-mapa {padding: 70px 0 70px;}
    .callout-mapa blockquote {font-size: 20px !important;line-height: 20px !important;padding: 30px 0 0px !important;}
    .callout-mapa h3 {font-size: 40px !important;line-height: 45px !important;}
    .callout-mapa p {font-size: 18px !important;line-height: 28px !important;padding-bottom: 40px;}
    .callout-mapa ._persona {position: relative;right: 0;height: auto;margin-right: 0;}
    .callout-mapa ._contenedor_info_mapa{margin-left: 0;}

    #portada .callout-3 h3{font-size: 25px !important;line-height: 40px !important;}
    #portada .callout-4 p {font-size: 20px;line-height: 30px;text-align: justify;letter-spacing: 0.5px;padding: 20px 20px 50px;}
    #portada .callout-5 .large-4 {margin-top: 30px;}
    #portada .callout-2 .medium-4 {width: 100%;}
    .callout-mapa ._persona {display: block !important;}

    .banners h1 b {font-size: 30px;line-height: 35px;padding-bottom: 10px;}

    #portada .callout-2 {padding: 60px 0 50px;}
    #portada .callout-2 ._beneficio .columns {margin-bottom: 0}
    #portada .callout-3 h3{margin:0 0 30px !important;}
    ._recomendado  {margin-top: 50px;}
    .callout-mapa ._img_cel{margin-top: 20px;}
    #portada .callout-6 h3 {font-size: 35px !important;}
    .capa_verde {position: relative;display: block;width: 100%;    height: 300px;opacity: 1;}
    .capa_verde img {min-height: auto;}
    #portada .callout-4 h3 {padding: 40px 0 60px;}
    #portada .callout-4 {padding: 0;}
    #portada .callout-2 .p_left {padding-left: 15px;}
    #portada .callout-4 h3 b {font-size: 40px;line-height: 40px;padding-bottom: 10px;}

    
    #planes ul li .medium-12 {min-height: auto;}


}

@media only screen and (max-width: 380PX){
    #portada .callout-1 h1 {        padding: 5px 0 20px;    font-size: 22px !important;    line-height: 25px !important;}
    #portada .callout-1 p {padding: 10px 0 8px;font-size: 18px;line-height: 28px;}

}

