/* CSS */
/* CABEZA-PAG */
div.cabeza-pagina{
    background-color:#fff;
    left:0;
    /*padding:0 0 15px;*/
    position:fixed;
    top:0;
    width:100%;
    z-index:999;
}
    div.cabeza-pagina>div{
        border-bottom:1px solid #f5b8ca;
        padding:0;
    }
        div.cabeza-pagina>div>div{
            margin:0 auto;
            width:980px;
        }
            div.cabeza-pagina>div>div>div{
                padding:11px 30px;
            }
                /* ELEMENTOS CABEC */
                div.cabeza-pagina-tabla{
                    display:table;
                    width:100%;
                }
                    div.cabeza-pagina-tabla>div{
                        display:table-row;
                    }
                        div.cabeza-pagina-tabla>div>div{
                            display:table-cell;
                            vertical-align:middle;
                        }
                        div.cabeza-pagina-tabla>div>div:first-child{
                            width:48px;
                        }
                            div.cabeza-pagina-tabla>div>div:first-child>div{
                                font-size:0;
                            }
                                div.cabeza-pagina-tabla>div>div:first-child>div>a{
                                    display:block;
                                    font-size:0;
                                }
                                    div.cabeza-pagina-tabla>div>div:first-child>div>a>img{
                                        border-width:0;
                                        display:block;
                                        width:100%;
                                    }
                        div.cabeza-pagina-tabla>div>div:first-child+div>div{
                            padding:0 20px;
                        }
                        div.cabeza-pagina-tabla>div>div:last-child{
                            font-size:0;
                        }
                            div.cabeza-pagina-tabla>div>div:last-child>div{
                                font-size:0;
                                text-align:right;
                            }
                                div.cabeza-pagina-tabla>div>div:last-child>div>a{
                                    background-color:#fff;
                                    border: 1px solid#f30047;
                                    border-radius:50%;
                                    display:inline-block;
                                    height:32px;
                                    overflow:hidden;
                                    position:relative;
                                    width:32px;
                                    z-index:1;
                                }
                                div.cabeza-pagina-tabla>div>div:last-child>div>a+a{
                                    margin-left:5px;
                                }
                                div.cabeza-pagina-tabla>div>div:last-child>div>a:hover{
                                    background-color:#f30047;
                                }
                                    div.cabeza-pagina-tabla>div>div:last-child>div>a>span{
                                        display:block;
                                        height:22px;
                                        left:5px;
                                        overflow:hidden;
                                        position:absolute;
                                        top:16%;
                                        width:22px;
                                        z-index:1;
                                    }
                                        div.cabeza-pagina-tabla>div>div:last-child>div>a>span>img{
                                            border-width:0;
                                            display:block;
                                            position:relative;
                                            top:0;
                                            width:100%;
                                            z-index:1;
                                        }
                                        div.cabeza-pagina-tabla>div>div:last-child>div>a:hover>span>img{
                                            top:-100%;
                                        }
/* PIE-PAG */
div.pie-pagina{
    background-color:#fff;
    padding:30px 0 0;
}
    div.pie-pagina>div{
        background-color:#f30047;
        padding:0;
    }
        div.pie-pagina>div>div{
            margin:0 auto;
            width:980px;
        }
            div.pie-pagina>div>div>div{
                padding:40px 30px 30px;
            }
                div.pie-pagina>div>div>div>div{
                    font-size:0;
                    margin:0 auto;
                    width:70px;
                }
                    div.pie-pagina>div>div>div>div>a{
                        display:block;
                        font-size:0;
                    }
                        div.pie-pagina>div>div>div>div>a>img{
                            border-width:0;
                            display:block;
                            filter:alpha(opacity=70);
                            opacity:0.7;
                            -ms-opacity:0.7;
                            -moz-opacity:0.7;
                            -o-opacity:0.7;
                            -webkit-opacity:0.7;
                            width:100%;
                        }
                div.pie-pagina>div>div>div>p{
                    color:#ff8aac;
                    font-family:sans-serif;
                    font-size:8pt;
                    line-height:1.3em;
                    padding:13px 0 0;
                    text-align:center;
                }
/* -----------

RESPONSIVO

----------- */
@media screen and (max-width: 1000px){
    div.cabeza-pagina>div>div{
        width:auto;
    }
    div.pie-pagina>div>div{
        width:auto;
    }
}

@media screen and (max-width: 620px){
    div.cabeza-pagina>div>div>div{
        padding:11px 20px;
    }
    div.pie-pagina>div>div>div{
        padding:40px 20px 30px;
    }
}

@media screen and (max-width: 480px){
    div.cabeza-pagina>div>div>div{
        padding:11px 15px;
    }
    div.pie-pagina>div>div>div{
        padding:40px 15px 30px;
    }
}