/* CSS */
*{
    margin:0;
    padding:0;
}
html,body{
    height:100%;
    margin:0;
    padding:0;
}
body{
    background-color:#fff;
}

/* ENCABEZADO */
div.amala_encabezado{
    background-color:#fff;
    position:relative;
    z-index:1;
}
    div.amala_encabezado>div:first-child{
        margin:0 auto;
        position:relative;
        width:180px;
        z-index:1;
    }
        div.amala_encabezado>div:first-child>div{
            padding:30px;
        }
            div.amala_encabezado>div:first-child>div>a:first-child{
                display:inline-block;
                font-size:0;
            }
                div.amala_encabezado>div:first-child>div>a:first-child>img{
                    border-width:0;
                    display:block;
                    margin:0 auto;
                    width:120px;
                }
    div.amala_encabezado>div:last-child{
        position:absolute;
        right:20px;
        top:50%;
        z-index:2;
    }
        div.amala_encabezado>div:last-child>div{
            position:absolute;
            left:-42px;
            top:-21px;
            z-index:1;
        }
            div.amala_encabezado>div:last-child>div>div{
                padding:0;
            }
                div.amala_encabezado>div:last-child>div>div>a{
                    background-color:#fff;
                    background-image:url('/assets/images/menu-bar.png');
                    background-position:center center;
                    background-repeat:no-repeat;
                    background-size:40%;
                    border:1px solid #68a08a;
                    border-radius:50%;
                    display:block;
                    height:40px;
                    overflow:hidden;
                    transition:background-color 0.2s;
                    -ms-transition:background-color 0.2s;
                    -moz-transition:background-color 0.2s;
                    -o-transition:background-color 0.2s;
                    -webkit-transition:background-color 0.2s;
                    width:40px;
                }
                div.amala_encabezado>div:last-child>div>div>a:hover{
                    background-color:#68a08a;
                    background-image:url('/assets/images/menu-bar-ro.png');
                }
                a.btn-cierra-menu{
                    background-image:url('/assets/images/xmark.png')!important;
                }
                a.btn-cierra-menu:hover{
                    background-image:url('/assets/images/xmark-ro.png')!important;
                }

div.amala_encabezado_escrol{
    position:fixed;
    left:0;
    top:-200px;
    width:100%;
    z-index:900;
}
    div.amala_encabezado_escrol>div{
        border-bottom:1px solid #d9e7e2;
        top:-200px;
        transition:top 0.35s;
        -ms-transition:top 0.35s;
        -moz-transition:top 0.35s;
        -o-transition:top 0.35s;
        -webkit-transition:top 0.35s;
    }
        div.amala_encabezado_escrol>div>div:first-child{
            width:110px!important;
        }
            div.amala_encabezado_escrol>div>div:first-child>div{
                padding:15px!important;
            }
                div.amala_encabezado_escrol>div>div:first-child>div>a:first-child>img{
                    width:80px!important;
                }
div.amala_encabezado_escrol-on{
    top:0px!important;
}
    div.amala_encabezado_escrol-on>div{
        top:0px!important;
    }

/* PIE */
div.amala_pie{
    font-size:0;
    padding:30px;
    text-align:center;
}
    div.amala_pie>div{
        padding:30px;
        text-align:center;
    }
        div.amala_pie>div>a:first-child{
            display:inline-block;
            font-size:0;
        }
            div.amala_pie>div>a:first-child>img{
                border-width:0;
                width:120px;
            }
        div.amala_pie>div>ul{
            list-style:none;
            margin:0;
            padding:25px 0 0;
        }
            div.amala_pie>div>ul>li{
                font-size:0;
                padding:5px 0;
                text-align:center;
            }
                div.amala_pie>div>ul>li>a,
                div.amala_pie>div>ul>li>i,
                div.amala_pie>div>ul>li>svg{
                    color:#68a08a;
                    font-size:11pt;
                    text-decoration:none;
                }
                div.amala_pie>div>ul>li>a{
                    transition:color 0.2s;
                    -moz-transition:color 0.2s;
                    -ms-transition:color 0.2s;
                    -o-transition:color 0.2s;
                    -webkit-transition:color 0.2s;
                }
                div.amala_pie>div>ul>li>a:hover{
                    color:#4e7560;
                }
                    div.amala_pie>div>ul>li>svg>path{
                        fill:#68a08a;
                    }
                div.amala_pie>div>ul>li>a{
                    font-family:sans-serif;
                }
                div.amala_pie>div>ul>li>i,
                div.amala_pie>div>ul>li>svg{
                    margin-bottom:5px;
                }
            div.amala_pie>div>ul>li:last-child:before{
                border-bottom:2px solid #a3c8c6;
                content:'';
                display:block;
                font-size:0;
                margin:20px auto 25px;
                width:35px;
            }
                div.amala_pie>div>ul>li:last-child>a{
                    background-color:#68a08a;
                    border-radius:50%;
                    color:#fff!important;
                    display:inline-block;
                    font-size:16pt!important;
                    height:40px;
                    margin:3px;
                    overflow:hidden;
                    transition:background-color 0.2s;
                    -moz-transition:background-color 0.2s;
                    -ms-transition:background-color 0.2s;
                    -o-transition:background-color 0.2s;
                    -webkit-transition:background-color 0.2s;
                    width:40px;
                }
                div.amala_pie>div>ul>li:last-child>a:hover{
                    background-color:#4e7560;
                }
                    div.amala_pie>div>ul>li:last-child>a>i,
                    div.amala_pie>div>ul>li:last-child>a>svg{
                        margin-top:24%;
                    }
                        div.amala_pie>div>ul>li:last-child>a>svg>path{
                            fill:#fff;
                        }

/* REDES */
div.amala_redes{
    margin:0 auto;
    width:1280px;
}
    div.amala_redes>div{
        padding:30px 30px;
    }
        div.amala_redes>div>h2{
            color:#68a08a;
            font-family:'PT Sans Narrow', sans-serif;
            font-size:16pt;
            font-weight:400;
            margin:0;
            padding:0 0 40px;
            text-align:center;
        }
            div.amala_redes>div>h2>span{
                background-color:#68a08a;
                border-radius:50%;
                color:#fff!important;
                display:inline-block;
                font-size:14pt!important;
                height:36px;
                margin:0 3px 3px;
                overflow:hidden;
                vertical-align:middle;
                width:36px;
            }
                div.amala_redes>div>h2>span>i,
                div.amala_redes>div>h2>span>svg{
                    margin-top:24%;
                }
                    div.amala_redes>div>h2>span>i,
                    div.amala_redes>div>h2>span>svg{
                        fill:#fff;
                    }
        div.amala_redes>div>h2:first-child+div{
            position:relative;
            z-index:1;
        }
            div.amala_redes>div>h2:first-child+div>div:first-child{
                overflow:hidden;
                position:relative;
                width:100%;
                z-index:0;
            }
                div.amala_redes>div>h2:first-child+div>div:first-child>ul{
                    font-size:0;
                    left:0;
                    list-style:none;
                    margin:0;
                    padding:0;
                    position:relative;
                    text-align:center;
                    transition:left 0.3s;
                    -ms-transition:left 0.3s;
                    -moz-transition:left 0.3s;
                    -o-transition:left 0.3s;
                    -webkit-transition:left 0.3s;
                    z-index:1;
                }
                    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li{
                        display:inline-block;
                        margin:0;
                        padding:0;
                        position:relative;
                        vertical-align:top;
                        width:25%;
                        z-index:1;
                    }
                        div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div{
                            padding:10px 10px 30px;
                        }
                            div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a{
                                display:block;
                                text-decoration:none;
                            }
                                div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a>div{
                                    background-position:center center;
                                    background-repeat:no-repeat;
                                    background-size:cover;
                                    border:1px solid #c0dfdd;
                                    border-radius:50%;/*6px*/
                                    font-size:0;
                                    overflow:hidden;
                                    padding-bottom:100%;
                                    position:relative;
                                    z-index:1;
                                }
                                    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a>div>div{
                                        background-color:#fff;
                                        border:1px solid #fff;
                                        filter:alpha(opacity=10);
                                        left:0;
                                        opacity:0.1;
                                        -ms-opacity:0.1;
                                        -moz-opacity:0.1;
                                        -o-opacity:0.1;
                                        -webkit-opacity:0.1;
                                        position:absolute;
                                        padding-bottom:100%;
                                        top:0;
                                        transition:left 0.5s;
                                        -ms-transition:left 0.5s;
                                        -moz-transition:left 0.5s;
                                        -o-transition:left 0.5s;
                                        -webkit-transition:left 0.5s;
                                        width:100%;
                                        z-index:1;
                                    }
                                    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a:hover>div>div{
                                        left:105%;
                                    }
                                    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a:hover>div>div:last-child{
                                        left:-105%;
                                    }
                                div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a>p{
                                    color:#6d6d6d;
                                    font-family:sans-serif;
                                    font-size:14pt;
                                    font-weight:400;
                                    text-align:center;
                                }
                                    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li>div>a>p>span{
                                        color:#4e7560;
                                        display:block;
                                        font-family:'PT Sans Narrow', sans-serif;
                                        font-size:16pt;
                                        font-weight:400;
                                        padding:30px 0 15px;
                                        text-align:center;
                                    }
            div.amala_redes>div>h2:first-child+div>div:first-child+div,
            div.amala_redes>div>h2:first-child+div>div:first-child+div+div{
                display:none;
                font-size:0;
                height:40px;
                left:-10px;
                position:absolute;
                top:30%;
                width:40px;
                z-index:2;
            }
            div.amala_redes>div>h2:first-child+div>div:first-child+div+div{
                left:auto;
                position:absolute;
                right:-10px;
                top:30%;
                z-index:2;
            }
                div.amala_redes>div>h2:first-child+div>div:first-child+div>a,
                div.amala_redes>div>h2:first-child+div>div:first-child+div+div>a{
                    background-color:#68a08a;
                    border-radius:50%;
                    display:block;
                    overflow:hidden;
                    padding-bottom:100%;
                    width:100%;
                }
                    div.amala_redes>div>h2:first-child+div>div:first-child+div>a>span,
                    div.amala_redes>div>h2:first-child+div>div:first-child+div+div>a>span{
                        display:block;
                        left:50%;
                        position:absolute;
                        top:50%;
                        z-index:1;
                    }
                        div.amala_redes>div>h2:first-child+div>div:first-child+div>a>span:before,
                        div.amala_redes>div>h2:first-child+div>div:first-child+div+div>a>span:before{
                            border:10px solid #ffffff00;
                            border-bottom-width:7px;
                            border-top-width:7px;
                            content:'';
                            display:block;
                            font-size:0;
                            position:absolute;
                            top:-7px;
                            z-index:1;
                        }
                        div.amala_redes>div>h2:first-child+div>div:first-child+div>a>span:before{
                            border-right-color:#ffffffff;
                            left:-17px;
                        }
                        div.amala_redes>div>h2:first-child+div>div:first-child+div+div>a>span:before{
                            border-left-color:#ffffffff;
                            left:-3px;
                        }
        div.amala_redes>div>h2:first-child+div+div{
            padding:20px 0 20px;
            text-align:center;
        }
            div.amala_redes>div>h2:first-child+div+div>a{
                background-color:#fff;
                border:1px solid #68a08a;
                border-radius:4px;
                color:#68a08a;
                display:inline-block;
                font-family:'PT Sans Narrow', sans-serif;
                font-size:14pt;
                padding:10px 15px;
                text-decoration:none;
                transition:background-color 0.2s, color 0.2s;
                -ms-transition:background-color 0.2s, color 0.2s;
                -moz-transition:background-color 0.2s, color 0.2s;
                -o-transition:background-color 0.2s, color 0.2s;
                -webkit-transition:background-color 0.2s, color 0.2s;
            }
            div.amala_redes>div>h2:first-child+div+div>a:hover{
                background-color:#68a08a;
                color:#fff;
            }

/* EXTRAS */
.separa-001:before{
    border-bottom:2px solid #a9c7bb;
    content:'';
    display:block;
    font-size:0;
    margin:30px auto;
    width:60px;
}

/* MENÚ CONTENIDO */
html.oculta-scroll,
body.oculta-scroll{
    overflow:hidden;
}
div.menu-contenido{
    height:100%;
    left:-120%;
    position:fixed;
    top:0;
    transition:left 0.75s;
    -ms-transition:left 0.75s;
    -moz-transition:left 0.75s;
    -o-transition:left 0.75s;
    -webkit-transition:left 0.75s;
    width:100%;
    z-index:999;
}
    div.menu-contenido>div:first-child{
        background-color:#fff;
        filter:alpha(opacity=0);
        height:100%;
        left:0;
        opacity:0;
        -ms-opacity:0;
        -moz-opacity:0;
        -o-opacity:0;
        -webkit-opacity:0;
        position:absolute;
        top:0;
        width:100%;
        z-index:1;
    }
    div.menu-contenido>div:first-child+div{
        background-color:#fff;
        height:100%;
        left:0;
        overflow:auto;
        position:absolute;
        top:0;
        width:100%;
        z-index:2;
    }
        div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div{
            padding:0 30px 40px;
            text-align:center;
        }
            div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>h2,
            div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>h3{
                color:#68a08a;
                font-family:'PT Sans Narrow', sans-serif;
                font-weight:600;
                font-size:21pt;
                line-height:1.2em;
                padding:0 0 7px;
            }
            div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>h3{
                color:#a0d1be;
                font-size:16pt;
            }
            div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>ul{
                list-style:none;
                margin:0;
                padding:0 0 15px;
            }
            div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>ul:last-child{
                padding:0 0 0;
            }
                div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>ul>li{
                    padding:0 0;
                }
                    div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>ul>li>a{
                        border:1px solid #fff;
                        border-radius:6px;
                        color:#6d6d6d;
                        display:inline-block;
                        font-family:'PT Sans Narrow', sans-serif;
                        font-weight:400;
                        font-size:14pt;
                        line-height:1.2em;
                        padding:3px 3px 2px;
                        text-decoration:none;
                        transition:border-color 0.2s, padding 0.2s;
                        -ms-transition:border-color 0.2s, padding 0.2s;
                        -moz-transition:border-color 0.2s, padding 0.2s;
                        -o-transition:border-color 0.2s, padding 0.2s;
                        -webkit-transition:border-color 0.2s, padding 0.2s;
                    }
                    div.menu-contenido>div:first-child+div>div[class="amala_encabezado"]+div>ul>li>a:hover{
                        border-color:#c1cfca;
                        color:#53816f;
                        padding:8px 10px 7px;
                    }
    li.redes-menu-contenido{
        font-size:0!important;
        padding:20px 0 0!important;
    }
        li.redes-menu-contenido>a{
            background-color:#68a08a;
            border-radius:50%!important;
            color:#fff!important;
            display:inline-block;
            font-size:16pt!important;
            height:40px;
            margin:3px;
            overflow:hidden;
            padding:0!important;
            transition:background-color 0.2s!important;
            -moz-transition:background-color 0.2s!important;
            -ms-transition:background-color 0.2s!important;
            -o-transition:background-color 0.2s!important;
            -webkit-transition:background-color 0.2s!important;
            width:40px;
        }
        li.redes-menu-contenido>a:hover{
            background-color:#4e7560;
            padding:0!important;
        }
            li.redes-menu-contenido>a>i,
            li.redes-menu-contenido>a>svg{
                margin-top:24%;
            }
                li.redes-menu-contenido>a>svg>path{
                    fill:#fff;
                }

div.menu-contenido-abierto{
    left:0!important;
}

/* RESPONSIVO */
@media screen and (max-width:1280px){
    div.amala_redes{
        width:auto;
    }
}

@media screen and (max-width:940px){
    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li{
        width:33.33%;
    }
}

@media screen and (max-width:640px){
    div.amala_redes>div>h2:first-child+div>div:first-child>ul>li{
        width:50%;
    }
}

@media screen and (max-width:440px){
    div.amala_encabezado>div:first-child{
        margin:0 0;
    }
        div.amala_encabezado>div:first-child>div{
            padding:30px 20px;
        }
            div.amala_encabezado>div:first-child>div>a:first-child>img{
                width:100px;
            }
    div.amala_redes>div{
        padding:30px 10px;
    }
    div.amala_redes>div>h2{
        padding:0 10px 40px;
    }
    div.amala_redes>div>h2:first-child+div>div:first-child>ul{
        text-align:left;
        width:3000%;
    }
        div.amala_redes>div>h2:first-child+div>div:first-child>ul>li{
            /*display:block;
            width:auto;*/
            width:3.333%;
        }
    div.amala_redes>div>h2:first-child+div>div:first-child+div,
    div.amala_redes>div>h2:first-child+div>div:first-child+div+div{
        display:block;
    }
}