@charset "utf-8";
/* CSS Document */

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}


/* BACK DEGRADEE
background:-moz-linear-gradient(100% 0% 270deg,#f7f7f7, #e8e8e8, #e8e8e8 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8), color-stop(1,#e8e8e8)); */
/* SOMBRA  -moz-box-shadow: 2px 2px 5px #366596; -webkit-box-shadow: 2px 2px 5px #366596; box-shadow: 2px 2px 5px #366596; */
/* BORDE REDONDEADO border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; */
/* OPACIDAD opacity:.8; filter:alpha(opacity=80) */
/* PLACEHOLDER: input::-webkit-input-placeholder {color:#231F20;} input:-moz-placeholder {color:#231F20;} textarea::-webkit-input-placeholder {color:#231F20;} textarea:-moz-placeholder {color:#231F20;} */
/* TIPOS DE CAMPO: input.demos[type=text]*/

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a {outline:0 }
ul{list-style:none;}


html {
    scroll-behavior: smooth
}


body { background:#fff; text-align:center; font-family:'Gotham-Book'; color:#000; font-size:12px; width:100%; height:100%  }

.clear { clear:both}
.float-r { float:right}
.float-l { float:left}
.tcenter { text-align:center}

header { background:url(../imagenes/bg2.png) no-repeat top center #151630; background-size:auto 100%;  height:100vh; position:relative}
#iso {width:auto; height:auto; padding:5%}
#logo {width:auto; height:auto;}
header a { position:absolute; bottom:10%}

section {
  height: 100vh;
}
#main { background:url(../imagenes/bgmain2-03-01.svg) no-repeat #fff center top ; background-size:auto 100%; color:#d0737a; text-align:left;  }

.wrap { max-width:1024px; margin:0 auto;}

#main h1 { padding:25px 21px; background:#fff; display:inline-block; display:none }
.box { width:100%; max-width:730px; float:right;  padding:20px 50px 60px; margin:120px 0 0}
.col { width:45% }

h2 {font-family: 'Conv_theboldfont'; color:#000031; font-size:18px; display:block; margin:2px 0; vertical-align:middle; display:inline-block}
h3 {font-family: 'Conv_theboldfont'; color:#000031; font-size:16px; display:table; margin:10px 0 5px}
h3.blank { background:url(../imagenes/bgtit.png); background-size:100% 100%; color:#fff; padding:2px 5px}
img.vin { vertical-align:middle}

#mapcont {width:100%; height:300px; position:relative}
#map {width:100%; height:300px; pointer-events:none; position:relative}
#mapcont a.lnkmap { position:absolute; top:0; left:0; width:100%; height:300px; display:block; z-index:9}

footer { background:url(../imagenes/bgpie.svg) #F49A95; padding:5% 0; position:relative}
footer h2{ font-size:30px; margin:15px 0}
footer a img { width:30px}
footer a { color:#060832; text-decoration:none}
.icspie { position:absolute; top:10%; right:15%}

@media only screen and (max-device-width: 400px) {
#main { background-image:none}
#logo img { width:90%}
#main h1 {display:block !important; padding:0; margin:10px 0 0}
#main h1 img { width:90%; }
.box {background:#fff; width:100%;  float:none;  padding:2%; margin:0}
.col { width:96% }
.col.float-l, .col.float-r { float:none}
footer { text-align:center}
.icspie { position:relative; display:block; margin:20px auto; right:inherit; top:inherit; }
footer h2 { font-size:22px}
section { height:auto}
}