* { padding: 0; margin: 0;}
:focus { outline: none; }


p { font-family: 'neo_regular', sans-serif;}
a {text-decoration: none;}


a[href^=tel] { color: inherit; text-decoration: none;}


.desk{display:block; }
.mobile{display:none; }

/* PRELOADER */
#preloader { 
    position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; overflow:visible;
    background: #000 url('../imgs/loading.gif') no-repeat center center;
}

body { 
    /*background:url(../imgs/background.jpg) top center repeat-y;
    background-size:contain; background-attachment: fixed;*/
    background-color:#fff; font-family: sans-serif;
}
.texture_left{    
    width:80px; height:100VH; position:fixed;
    background:url(../imgs/texture_left.jpg) top left repeat-y; background-size:contain; transition:.3s all;
}
.texture_right{    
    width:80px; height:100VH; position:fixed; right:0;
    background:url(../imgs/texture_right.jpg) top left repeat-y; background-size:contain; transition:.3s all;
}


header{
    width:1024px; height:70px; margin:auto; margin-bottom:30px; border-radius: 0 0 8px 8px;
    background:url(../imgs/header_bg.jpg)center center no-repeat; background-size:cover;
    background-color:#fff; box-sizing:border-box; transition:.3s all;
}

section{ width:1024px; margin: auto; background:#fff; box-sizing:border-box; margin-bottom:100px; transition:.3s all;}


.title{ font-size:20px; color:#d01f31; text-align:center; font-style: italic; margin-bottom:20px;}
.logo_header{ height:70px; text-align:center; }
.logo_header img{ height:100%; }

.wrapper_tarjetero{
    border-radius:6px; overflow:hidden;
    display:flex; justify-content:center; flex-wrap:wrap;
}
.tarjeta{ 
    width:23%; margin:.5%; border:1px solid transparent; position:relative;
    box-sizing:border-box;  box-shadow: 0 0 5px rgba(0,0,0,.2);
    background:url(../imgs/texture_card.jpg) center center no-repeat; background-size:cover; transition:.3s all;
}
.link{border:1px dashed rgba(256,0,0,.5); transition:.1s all;}
.link:hover{border:3px solid red;}
.tarjeta img{width:100%; transition: .3s all;}

.click-icon{ 
    width:26px; height:26px; position:absolute; right:2px; top:2px; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius:4px;
    background:url(../imgs/icono-click.png) center center no-repeat; background-size:contain;
}

footer{ background-color:#444;  width:70%; margin:auto; border-radius:5px; margin-bottom: 20px;}
footer .txt_footer{ 
    color:#eee; text-align:center; font-family:sans-serif; font-size:12px;
    padding:20px 5px;
}

@media only screen and (max-width:1250px) {
    header{ width:80%; height:70px; box-sizing:border-box; }
    section{ width:80%; }
}

@media only screen and (max-width:950px) {
    .tarjeta{ width:30%;}
    .texture_left{ width:70px;}
    .texture_right{ width:70px;}
    
}
@media only screen and (max-width:750px) {
    .tarjeta{ width:48%;}
    header{ width:75%; height:60px; }
    .logo_header{ height:60px; }
    section{ width:75%; }
}

@media only screen and (max-width:600px) {
    .texture_left{ width:50px;}
    .texture_right{ width:50px;}
}

@media only screen and (max-width:450px) {
    .tarjeta{ width:94%; margin:0; margin-bottom:20px;}
    header{ width:70%; height:50px; }
    .logo_header{ height:50px; }
    section{ width:70%; }
}