/* diagramacion */
#d_wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

/* layers */
.d_layer {
    width: 100%;
    height: 100%;
    position: absolute;
}

#d_layer_1 {
    z-index: -200;
}

#d_layer_2 {
    z-index: -100;
}

#d_layer_3 {
    z-index: auto;
}

/* layer1 -> backgrounds */
#d_bg_top {
    width: 100%;
    height: 494px;
    background-image: url(../../imagenes/vw_home/sm_bg_top.jpg);
    background-position: left top;
    background-repeat: repeat-x;
}

#d_bg_middle {
    width: 100%;
    height: 650px;
    background-image: url(../../imagenes/vw_home/sm_bg_middle.jpg);
    background-position: left top;
    background-repeat: repeat-x;
}

#d_bg_bottom {
    width: 100%;
    height: 849px;
    background-image: url(../../imagenes/vw_home/sm_bg_bottom.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    background-color: #8cbe1f;
}

#d_bg_footer_sutomail {
    width: 100%;
    height: 133px;
    background-color: #ffffff;
}

#d_bg_footer_pggroup {
    width: 100%;
    height: 110px;
    background-color: #0e3379;
}

/* layer2 -> transparencias */
#d_bg_arbol {
    width: 308px;
    height: 317px;
    position: absolute;
    top: 197px;
    left: 0;
    background-image: url(../../imagenes/vw_home/sm_bg_arbol.png);
    background-repeat: no-repeat;
}

#d_bg_nubecitas {
    width: 360px;
    height: 407px;
    position: absolute;
    top: 466px;
    left: 0;
    background-image: url(../../imagenes/vw_home/sm_bg_nubecitas.png);
    background-repeat: no-repeat;
}

#d_bg_pajarito_azul {
    width: 51px;
    height: 37px;
    position: absolute;
    top: 744px;
    left: 50%;
    margin-left: -34px;
    background-image: url(../../imagenes/vw_home/sm_bg_pajarito_azul.png);
    background-repeat: no-repeat;
}

#d_bg_pajarito_dorado {
    width: 51px;
    height: 37px;
    position: absolute;
    top: 802px;
    left: 50%;
    margin-left: 549px;
    background-image: url(../../imagenes/vw_home/sm_bg_pajarito_dorado.png);
    background-repeat: no-repeat;
}

#d_bg_nubecita {
    width: 102px;
    height: 54px;
    position: absolute;
    top: 740px;
    right: 162px;
    background-image: url(../../imagenes/vw_home/sm_bg_nubecita_sola.png);
    background-repeat: no-repeat;
}

/* layer3 -> contenido  */

/* posicionamiento de cada seccion */

.d_pas {
    width: 100%;
    height: auto;
    position: absolute;
}

#d_pas_header {
    top: 16px;
}

#d_pas_inicio {
    top: 65px;
}

#d_pas_beneficios {
    top: 838px;
}

#d_pas_nuestros_clientes {
    top: 1568px;
}

#d_pas_activa {
    top: 1962px;
}

#d_pas_footer {
    top: 2067px;
}

/* clases de elementos de contenido */

/* titulo secciones */
.h_secciones {
    line-height: 52px;
    font-family: 'Ubuntu', Arial, Helvetica;
    font-size: 52px;
    font-weight: normal;
    color: #0191da;
}

.h_secciones span {
    font-weight: normal;
    color: #f58729;
}

/* boton activa ya */
.a_btn_activa {
    width: 380px;
    height: 62px;
    display: block;
    text-decoration: none;
    background-color: #ff7f11;
    /* border radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-family: 'Ubuntu', Arial, Helvetica;
    font-size: 27px;
    color: #fff9f5;
    line-height: 62px;
    text-align: center;
}

.a_btn_activa strong {
    font-weight: bold;
}

.a_btn_activa:hover {
    background-color: #f89f33;
    font-weight: normal;
}

/* secciones de contenido */

/* header */
#header {
    width: 1030px;
    margin: 0 auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

/* nav to */
#header #n_top {
    width: 287px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
}

/* nav main */
#header #n_main {
    width: 670px;
    height: 37px;
    position: absolute;
    top: 63px;
    right: 0;
}


/* seccion inicio */
#s_inicio {
    width: 1100px;
    height: 639px;
    margin: 0 auto;
    position: relative;
}

/* layers seccion inicio inicio */
#s_inicio .d_layer_inicio {
    width: 100%;
    height: 100%;
    position: absolute;
}

#s_inicio #d_layer_inicio_1 {
    z-index: -99;
}

#s_inicio #d_layer_inicio_2 {
    z-index: -98;
}

#s_inicio #d_layer_inicio_3 {
    z-index: -97;
}

#s_inicio #d_layer_inicio_4 {
    z-index: auto;
}


/* layer1 -> fondo transaparencia */

#s_inicio #d_bg_transparencia {
    width: 1100px;
    height: 639px;
    background-color: rgba(255,255,255,0.33);
    position: absolute;
}

/* layer2 - fondo azul */
#s_inicio  #d_bg_azul {
    width: 1030px;
    height: 270px;
    margin: 0 auto 0 auto;
    background-color: #0191da;
    position: absolute;
    top: 127px;
    left: 0;
    right: 0;
}

/* layer3 -> figuras */
#s_inicio #d_ci_bg_nube1 {
    width: 94px;
    height: 49px;
    position: absolute;
    top: 184px;
    left: 16px;
    background-image: url(../../imagenes/vw_home/sm_nubecita_celeste.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#s_inicio #d_ci_bg_nube2 {
    width: 94px;
    height: 49px;
    position: absolute;
    top: 239px;
    left: 532px;
    background-image: url(../../imagenes/vw_home/sm_nubecita_celeste.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#s_inicio #d_ci_bg_nube3 {
    width: 94px;
    height: 49px;
    position: absolute;
    top: 321px;
    right: 47px;
    background-image: url(../../imagenes/vw_home/sm_nubecita_celeste.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#s_inicio #d_ci_bg_buzon {
    width: 131px;
    height: 152px;
    position: absolute;
    top: 245px;
    left: -12px;
    background-image: url(../../imagenes/vw_home/sm_buzon_con_pajarito.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#s_inicio #d_ci_bg_pajaro_gris {
    width: 51px;
    height: 37px;
    position: absolute;
    top: 147px;
    right: 67px;
    background-image: url(../../imagenes/vw_home/sm_pajarito_gris.png);
    background-repeat: no-repeat;
    background-position: left top;
}

/* layer4 -> contenido de la seccion inicio */

/* wraper seccion inicio */

#s_inicio #d_wrapper_inicio {
    width: 1030px;
    height: auto;
    margin: 0 auto;
    padding-top: 14px;
}

/* logo sutomail */
#s_inicio #d_wrapper_inicio #a_logo_sutomail {
    width: 152px;
    height: 101px;
    display: block;
    text-decoration: none;
}

#s_inicio #d_wrapper_inicio #d_content_inicio {
    height: 270px;
    margin: 12px 0 0 0;
    overflow: auto;
}

#s_inicio #d_wrapper_inicio #p_comunicate {
    margin: 53px 0 0 0;
    font-size: 36px;
    color: #e1dfdf;
    text-align: center;
    line-height: 36px;
}

#s_inicio #d_wrapper_inicio #h_inicio {
    margin: 0 0 0 0;
    font-size: 17px;
    font-weight: normal;
    color: #fcfdfd;
    text-align: center;
    line-height: 17px;
}

#s_inicio #d_wrapper_inicio #d_formulario_inicio {
    width: 799px;
    height: auto;
    margin: 35px auto 0 auto;
}

#s_inicio #d_wrapper_inicio #input_email {
    width: 380px;
    height: 62px;
    display: block;
    float: left;
    border: 0 none;
    background-color: #f9fafd;
    /* border radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 21px;
    color: #90cded;
    line-height: 21px;
    text-align: center;
}

#s_inicio #d_wrapper_inicio #input_email:focus {
    color: #0191DA;
}

#s_inicio #d_wrapper_inicio #input_email.error {
    border: 1px solid #ff7f11;
}

#s_inicio #d_wrapper_inicio #a_btn_activa {
    margin: 0;
    float: right;
}

#s_inicio #d_wrapper_inicio #d_redes_sociales {
    width: auto;
    height: 32px;
    margin: 5px 0 0 0;
    float: right;
}

#s_inicio #d_wrapper_inicio .a_redes_sociales {
    width: 32px;
    height: 32px;
    float: left;
    display: block;
    margin: 0 3px 0 0;
    text-decoration: none;
}

#s_inicio #d_wrapper_inicio .a_redes_sociales:hover {
    text-decoration: none;
    font-weight: normal;
    opacity: 0.8;
}

#s_inicio #d_wrapper_inicio .a_redes_sociales:last-child {
    margin-right: 0;
}

#s_inicio #d_wrapper_inicio #a_rd_fb {
    background-position: left top;
}

#s_inicio #d_wrapper_inicio #a_rd_tw {
    background-position: -32px 0;
}

#s_inicio #d_wrapper_inicio #a_rd_yt {
    background-position: -64px 0;
}

#s_inicio #d_wrapper_inicio #a_rd_gp {
    background-position: -96px 0;
}

#s_inicio #d_wrapper_inicio #a_rd_wp {
    background-position: -128px 0;
}

#s_inicio #d_wrapper_inicio #d_subcontenido_inicio {
    width: auto;
    height: auto;
    float: left;
    margin: 0 0 0 67px;
}
/* SELLO PREMIO */
#div_premios {
    float: left;
    height: 170px;
    width: 252px;
}

#div_premios .logos {
    float: right;
    height: 119px;
    margin-top: 30px;
}

#div_premios .logos img {
    border: 0 none;
    margin-left: 8px;
    vertical-align: middle;
}

#s_inicio #d_wrapper_inicio #d_img_zorrito {
    width: 130px;
    height: 168px;
    float: left;
    margin: 1px 10px 0 0;
    background-image: url(../../imagenes/vw_home/sm_suto_paracaidas.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#s_inicio #d_wrapper_inicio #d_bg_texto {
    width: 571px;
    height: 81px;
    float: left;
    margin: 10px 0 0 0;
    background-color: #f1f9fc;
    /* background gradiant */
    -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
    box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
    /* border radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#s_inicio #d_wrapper_inicio #h_tu_herramienta {
    margin: 10px 0 0 12px;
    font-family: 'Ubuntu', Arial, Helvetica;
    font-size: 22px;
    font-weight: normal;
    color: #58595b;
    line-height: 22px;
}

#s_inicio #d_wrapper_inicio #h_tu_herramienta span {
    color: #f58220;
}

#s_inicio #d_wrapper_inicio #p_texto {
    margin: 4px 0 0 12px;
    font-size: 12px;
    color: #58595b;
}

/* seccion beneficios */
#s_beneficios {
    width: 1030px;
    height: 449px;
    margin: 0 auto;
    position: relative;
}

#s_beneficios .at_beneficios {
    width: 210px;
    height: 347px;
    margin: 43px 0 0 0;
    padding: 17px 15px 0 15px;
    display: block;
    float: left;
    background-color: #fcfdfd;
    /* border radius */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

#s_beneficios .d_at_separadores {
    width: 23px;
    height: 364px;
    margin: 43px 0 0 0;
    float: left;
}

#s_beneficios .at_beneficios .img_beneficios {
    border: 0px none;
}

#s_beneficios .at_beneficios .h_titulo_beneficiones {
    height: 50px;
    margin-top: 8px;
    display: block;
    font-family: 'Ubuntu', Arial, Helvetica;
    font-size: 25px;
    font-weight: normal;
    color: #030303;
    line-height: 25px;
}

#s_beneficios .at_beneficios .p_beneficios {
    margin-top: 20px;
    display: block;
    font-family: 'Noto Sans', Arial, Helvetica;
    font-size: 14px;
    color: #030303;
    line-height: 17px;
}

/* seccion nuestros clientes */
#s_nuestos_clientes {
    width: 1030px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

#s_nuestos_clientes ul {
    margin: 42px 0 0 0;
    list-style: none;
}

#s_nuestos_clientes ul li {
    width: 186px;
    height: 186px;
    float: left;
    border: 1px solid #000000;
}

#s_nuestos_clientes ul li.li_separador {
    width: 20px;
    height: 186px;
    border: 0 none;
}

#s_nuestos_clientes ul li a {
    width: 186px;
    height: 186px;
    display: block;
    text-decoration: none;
    cursor: default;
}

#s_nuestos_clientes ul li a img {
    border-radius: 0px none
}

/* testimoniales */
#s_nuestos_clientes #d_testimoniales {
    margin: 30px 0 0 0;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

#s_nuestos_clientes .d_testimonial {}

#s_nuestos_clientes .d_testimonial .p_testimonial {
    font-size: 18px;
    line-height: 18px;
}

#s_nuestos_clientes .d_testimonial .p_testimonial_nombre {
    margin: 10px 0 0 0;
    font-size: 24px;
    line-height: 24px;
}

/* seccion activa */
#s_activa {
    width: 380px;
    height: 62px;
    margin: 0 auto;
    position: relative;
}

#s_activa #a_btn_activa2 {}

/* footer */
footer {
    width: 100%;
    height: 169px;
    position: relative;
}

/* seccion footer sutomail */
footer #s_footer_sutomail {
    width: 100%;
    height: 59px;
    position: relative;
}

footer #s_footer_sutomail #d_footer_sutomail_linea {
    width: 100%;
    height: 1px;
    top: 33px;
    position: absolute;
    background-color: #aaa8a8;
    z-index: -50;
}

footer #s_footer_sutomail #h_footer_sutomail {
    width: 193px;
    height: 43px;
    margin: 0 auto;
    display: block;
    background-color: #ffffff;
    font-family: 'Ubuntu', Arial, Helvetica;
    color: #9b9c9e;
    background-image: url(../../imagenes/vw_home/sm_buzon_footer.jpg);
    background-position: 5px top;
    background-repeat: no-repeat;
}

footer #s_footer_sutomail #h_footer_sutomail #span_1 {
    height: 14px;
    display: block;
    float: left;
    margin: 26px 0 0 35px;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

footer #s_footer_sutomail #h_footer_sutomail #span_2 {
    height: 23px;
    display: block;
    float: left;
    margin: 22px 0 0 3px;
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
}

footer #s_footer_sutomail #h_footer_sutomail #span_3 {
    height: 23px;
    display: block;
    float: left;
    margin: 22px 0 0 0;
    font-size: 23px;
    font-weight: normal;
    line-height: 23px;
}

/* seccion footer pggroup */
footer #s_footer_pggroup {
    width: 1030px;
    height: 110px;
    margin: 0 auto;
}

/* texto */
footer #s_footer_pggroup #p_footer_pggroup {
    margin: 49px 0 0 7px;
    display: block;
    float: left;
    font-size: 10px;
    color: #fcfdfd;
}

footer #s_footer_pggroup #p_footer_pggroup a {
    font-size: 10px;
    color: #fcfdfd;
    text-decoration: none;
}

footer #s_footer_pggroup #p_footer_pggroup a:hover {
    text-decoration: underline;
    font-weight: normal;
}

/* imagen pggroup */
footer #s_footer_pggroup #a_footer_pggroup {
    width: 187px;
    height: 100px;
    margin: 4px 15px 0 0;
    float: right;
    display: block;
    text-decoration: none;
}

footer #s_footer_pggroup #h_footer_pggroup {
    width: 187px;
    height: 100px;
    display: block;
}

footer #s_footer_pggroup #a_footer_pggroup img {
    border: 0 none;
}