/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 17, 2021 */



@font-face {
    font-family: 'neulis_altsemibold';
    src: url('font/neulisalt-semibold-webfont.woff2') format('woff2'),
         url('font/neulisalt-semibold-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;

}



body{
	background:url(bg-pupiplast.jpg) no-repeat top center;
	margin:0 auto;
    color:#0024a3;
}
h1,h2,h3,h4{
    font-family: 'neulis_altsemibold';
    color:#36389c;
    
}
h2{
    font-size: 36px;
    text-align: center;
    line-height: 30px;
}
h2 span{
    font-family: 'neulis_altsemibold';
}
h2 span span{
    font-family: 'neulis_altsemibold';
}
p{

} 
main{
    position: relative;
    padding:100px 0;
    
}
section{
    flex-direction: column;
    display: flex;
    width: 750px;
    height: 300px;
    margin: 0 auto;
    padding: 8vh 0;
    background-color:rgba(0,62,59,0.9);
    border-radius: 50px 0 50px 0;
}
.logo{
    width:480px;
    margin:0 auto;
}
.tit1mob,.tit2mob{display:none;}
.tit2pc,.tit2mob{color:#00b576;}
p{
    text-align: center;
    font-family: 'neristhin';
    font-size:22px;
    padding: 0;
    margin: 0;;
}
p span{
    font-family: 'neulis_altsemibold';
}
article{
    margin:10px 0 10px 0;
}
ul{
    list-style: none;
}
.redes{
    width: 630px;
    height: 30px;
    margin: 0 auto;
    display: flex;
    padding: 5px 0;
    flex-direction: column;
    align-items: center;
    border-top:1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
.telefonos{
    width: 400px;
    height: 30px;
    margin: 0 auto;
    display: flex;
    padding: 10px 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.telefonos ul{
    position: relative;
    top: initial;
    left: initial;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
}
    
.redes ul{
    position: relative;
    top: initial;
    left: initial;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
    width: 500px;
    
}
li{
    padding:0 5px 0 0;
    font-family: 'neulis_altsemibold';
    font-size: 20px;
}
a,a:visited{
    text-decoration: none;
    color:#FFF;
    
}
p a{text-decoration: underline;}
.espacio{
    margin-right: 20px;
}
.espacio1{
    margin-right: 30px;
}
i{
    font-size:18px
}
ul.movil{
    display:none;
}
@media (max-width: 480px) {
    body{
        background:#f0dfc4 url(bg-pupiplast1.jpg) no-repeat bottom center fixed;
    }
    .tit1pc,.tit2pc{display:none;}
    .tit1mob,.tit2mob{display:block;font-size: 22px;}
    main{
        /*background-color: rgba(255, 255, 255, 0.507);*/
        min-height: 700px;
        padding:20px 0;
    }
    /*body{
        background:url(../img/bg_viavascular_movil.jpg) no-repeat 0 -80px fixed;
    }*/
    h2 {
        font-size: 20px;
        text-align: center;
        line-height: 22px;
    }
    .logo {
        width: 250px;
        margin: 50px auto;
    }
    section{
        border-radius: 20px 0 20px 0;
        width:320px;
        height:auto;
    }
    article{
        width: 320px;
        margin:50px auto;
    }
    p{
        font-size:18px;
        padding:0 5px;
    }
    .redes,.telefonos{
        width:320px;
        height:20px;
        text-align:center;
    }
    .redes ul{
        width: 280px;
    }
    li{
        font-size: 12px;
    }
    i{
        font-size: 14px;
    }
    .espacio {
        margin-right: 5px;
    }
    ul.compu{
        display: none;
    }
    ul.movil{
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    ul.movil li{
        margin:0 0 10px 0;
        font-size: 18px;
    }
    ul.movil i{
        font-size:16px;
    }
}