@font-face {font-family:acen; src:url(../fonts/acens.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:antipasto; src:url(../fonts/antipasto.ttf) format("truetype"); font-weight:normal; font-style:normal;}
@font-face {font-family:arkitech; src:url(../fonts/arkitech_light.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:denmark; src:url(../fonts/denmark.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:asesina; src:url(../fonts/asesina.ttf) format("truetype"); font-style:normal; font-weight:normal;}
@font-face {font-family:bisq; src:url(../fonts/bisque.woff) format("woff"); font-weight:normal; font-style:normal;}
@font-face {font-family:opensans; src:url(../fonts/opensans.ttf) format("truetype"); font-style:normal; font-weight:normal;}
body {
    margin: 0;
    padding: 0;
    font-family: "antipasto";
    overflow-x: hidden;
    background: #fff;
    text-rendering: geometricPrecision optimizeLegibility;
}
h1, h2, h3, h4, p {font-weight:normal; padding:0; margin:0;}
a {margin:0; padding: 0; text-decoration: none;}
ul {list-style:none;}
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}
.oculto {
    visibility: hidden;
}
@media screen and (min-width:640px){
    .solo-cel{
        visibility: hidden;
    }
    header{
        width: 100vw;
        height: 20vh;
        background: #515969;
    }
    .img-fondo{
        position: absolute;
        top:0;
        left: 0;
        width: 50%;
        height: 18vh;
    }
    .logo{
        position: absolute;
        top: 10px;
        left: 20px;
        width: 23%;
    }
    .fecha-act{
        position: absolute;
        top: 5px;
        right: 20px;
        width: 400px;
        color: #fff;
        font-size: 1vw;
        letter-spacing: 1px;
        text-align: right;
    }
    .tit-pagdetails{
        position: absolute;
        top: 3.5%;
        right: 5%;
        width: 40%;
        font-family: "denmark";
        color: #b5bec6;
        font-size: 3.3vw;
        text-align: right;
    }
    .frj-infencab{
        position: absolute;
        top: 16vh;
        left: 0;
        width: 100%;
        height: 4vh;
        background: #b5bec6;
    }
    .lnk-inicio{
        display: block;
        position: absolute;
        top: 10%;
        right: 2%;
        width: 7%;
        height: 80%;
    }
    .lnk-inicio .ico-homedetails{
        position: absolute;
        background: url(../img/ico-home-details.png)no-repeat;
        top: 5%;
        width: 16%;
        height: 100%;
        background-position: center;
        background-size: contain;
    }
    .lnk-inicio span{
        position: absolute;
        top: 10%;
        left: 25%;
        font-size: 1.2vw;
        color: #515969;
        letter-spacing: 1px;;
    }
    .lnk-inicio:hover span{
        color: #fff;
    }
    .lnk-inicio:hover .ico-homedetails{
        background: url(../img/ico-home-details2.png)no-repeat;
        background-position: center;
        background-size: contain;
    }
    main{
        position: relative;
        width: 100vw;
        height: 200vh;
        background: #fff;

    }
    .numeros-telf{
        position: absolute;
        right: 2%;
        top: 1%;
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 1vw;
        width: auto;
    }
    .lnk-facebookdetails{
        position: absolute;
        display: block;
        left: 2%;
        top: 1%;
        font-family: "antipasto";
        letter-spacing: 1px;
        font-size: 1vw;
        color: #515969;
        width: 20%;
    }
    .lnk-facebookdetails img{
        width: 7%;
        padding-right: 2%;
    }
    .contenprin{
        position: absolute;
        top: 6%;
        left: 5%;
        width: 90%;
        height: 94%;
    }
    .tit-prindetails{
        position: relative;
        top: 0;
        left: 5%;
        font-family: "bisq";
        font-size: 3.1vw;
        color: #515969;
    }
    .tit-underline{
        position: relative;
        top:0;
        left: 5%;
        width: 10%;
        border-top: 2px solid #ffac05;
        padding-bottom: 20pt;
    }
    .subtit-details{
        font-size: 1.9vw;
        color: #1971a3;
        width: 40%;
    }
    .resols-buengob1{
        position: absolute;
        top: 13.5%;
        left: 40%;
        width: 50%;
        height: 40px;
    }
    .lnk-res-aprob{
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 45px;
        text-align: center;
        color: #219cdb;
        border: 1px solid #219cdb;
        border-radius: 5px;
        transition: all 0.6s ease;
    }
    .lnk-res-aprob span{
        display: block;
        margin-top: 3px;
    }
    .lnk-res-aprob:hover{
        box-shadow: 0 5px 5px #6c6c6c;
        transform: scale(1.05);
        transition: all 0.6s ease;
    }
    
    .resols-buengob2{
        position: absolute;
        top: 18%;
        left: 40%;
        width: 50%;
        height: 45px;
    }
    .lnk-reglament{
        position: absolute;
        top: 0;
        width: 40%;
        left: 0;
        height: 45px;
        text-align: center;
        color: #219cdb;
        border: 1px solid #219cdb;
        border-radius: 5px;
        transition: all 0.6s ease;
    }
    .lnk-reglament span{
        display: block;
        margin-top: 3px;
    }
    .lnk-reglament:hover{
        box-shadow: 0 5px 5px #6c6c6c;
        transform: scale(1.05);
        transition: all 0.6s ease;
    }
    .lnk-res-comit{
        position: absolute;
        top: 0;
        height: 45px;
        width: 40%;
        right: 0;
        text-align: center;
        color: #219cdb;
        border: 1px solid #219cdb;
        border-radius: 5px;
        transition: all 0.6s ease;
    }
    .lnk-res-comit span{
        display: block;
        margin-top: 3px;
    }
    .lnk-res-comit:hover{
        box-shadow: 0 5px 5px #6c6c6c;
        transform: scale(1.05);
        transition: all 0.6s ease;
    }    

    .parr-contendetails span{
        font-size: 1vw;
        letter-spacing: 1.2px;
        color:#0b749b;
    }
    .parr-contendetails a{
        font-size: 1vw;
        color: #ffac05;
    }
    .parr-contendetails strong{
        font-size: 1vw;
        font-weight: 600;
    }
    .parr-contendetails1{
        position: relative;
        left: 10%;
        width: 80%;
        font-size: 1.2vw;
        color: #515969;
        font-family: "antipasto";
        letter-spacing: 1px;
        text-align: justify;
    }
    .subtit-details1{
        position: relative;
        top: 12%;
        left: 42%;
    }
    .parr-contendetails2{
        position: relative;
        top: 14%;
        left: 42%;
        width: 40%;
        font-size: 1.2vw;
        color: #515969;
        font-family: "antipasto";
        letter-spacing: 1px;
        text-align: justify;
    }
    .img-ambito{
        position: relative;
        display: inline-block;
        top: 0;
        left: 15%;
        width: 20%;
    }
    .subtit-details2{
        position: relative;
        top: 5.5%;
        left: 8%;
    }
    .lin-subtitdet2{
        position: relative;
        top: 4%;
        left: 10%;
        border-top: 10px solid #ffac05;
        width: 70%;
        left: 40%;
    }
	.parr-contendetails3{
        position: absolute;
        top: 450px;
        left: 5%;
        width: 90%;
        font-size: 1.8vw;
        color: #0b749b;
        font-family: "antipasto";
        letter-spacing: 1px;
    }
    .lnk-gobygob{
        position: absolute;
        top: 73vh;
        left: 38vw;
        width: 26vw;
        height: 97px;
        background: #fff;
        border: 1px solid #6898cd;
        padding: 13px;
        border-radius: 6px;
        transition: all 0.6s ease;
    }
    .lnk-gobygob a{
        position: absolute;
        left: 95px;
        top: 23px;
        font-family: "opensans";
        font-size: 1.1vw;
        color: #6898cd;
        width: 70%;
    }
    .lnk-gobygob:hover{
        left: 38.1vw;
        background: #f0f6fd;
        box-shadow: 5px 5px 10px #9c9c9c;
        transition: all 0.6s ease;
    }
    .ico-lnkgobygob{
        width: 67px;
    }

    .lnk-rendctas{
        position: absolute;
        top: 73vh;
        left: 66vw;
        width: 26vw;
        height: 97px;
        background: #538bc7;
        border: 1px solid #6898cd;
        padding: 13px;
        border-radius: 6px;
        transition: all 0.6s ease;
    }
    .lnk-rendctas a{
        position: absolute;
        left: 95px;
        top: 33px;
        font-family: "opensans";
        font-size: 1.1vw;
        color: #fff;
        width: 70%;
    }
    .lnk-rendctas:hover{
        left: 66.1vw;
        background: #34679f;
        box-shadow: 5px 5px 10px #9c9c9c;
        transition: all 0.6s ease;
    }
    .ico-lnkrendctas{
        width: 67px;
    }


    .fnd-iframe{
        position: absolute;
        top: 100vh;
        right: 0;
        width: 60%;
        height: 80vh;
    }
    .fnd-pilares{
        position: absolute;
        top: 85vh;
        left: 0;
        width: 34%;
    }
    .inf-buengob{
        position: absolute;
        top: 0;
        left: 2%;
        width: 98%;
        height: 100%;
    }
    .lst-mnudocs{
        position: relative;
        top:20px;
        left: 10%;
        width: 90%;
        font-size: 1.2vw;
        letter-spacing: 1px;
        color: #1971a3;
    }
    .lst-mnudocs{
        list-style-image: url(../img/vineta02.png);
    }
    .lst-mnudocs li{
        padding-bottom: 10px;
    }
    .lst-mnudocs a{
        text-align: left;
        font-family: "antipasto";
        font-size: 1vw;
        color:#5b5b5b;
        transition: all 0.6s ease;
    }
    .lst-mnudocs a:hover{
        color: #ffac05;
        padding-left: 3%;
        transition: all 0.6s ease;
    }
    .lst-mnudocs a:visited{
        color: #acd9f2;
    }

    footer{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 15.7vw;
        background: #000;
        overflow: hidden;
    }
    .pie{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
}