/* compartido */
a { text-decoration:none; }
.section { padding: 3rem 0 0rem; text-align: center; }
.section-heading, 
.section-description { margin-bottom: 1.2rem; }
.section-heading a { color:inherit; }

/* go top */
.go-top { 
  display:none; padding:20px; background:#3b43ac; font-size:25px; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px; 
  z-index:20000; border-radius:50%; box-shadow: 2px 2px 5px #000000;
}
.go-top:after {	content:'\25b2'; position:absolute; top:-3px; left:8px;}
.go-top span { display:none; }

/* navegación */
.section.navigation { position: fixed; top: 0px; left: 0px; color:black; z-index: 2; margin:0 0 0 0; padding:0 0 3px 0; background-color:transparent; width:100%; }
.section.navigation .nav-trigger { display:block; width: 30px; height: 30px; cursor: pointer; background: #ffffff url("../images/menu.png") no-repeat; background-size: cover; position:relative;}
.section.navigation .nav-items { display:none; overflow:hidden; box-shadow: 2px 2px 5px #000000; position:relative; top:-13px; left:30px; width:15rem; }
.section.navigation ul { list-style: none; background-color:#fff; margin:0; padding:10px; }
.section.navigation ul li { padding:0; margin:1rem 0; text-align:left;}
.section.navigation ul li:first-child { padding:0; margin:0 0 1rem 0;}
.section.navigation ul li:last-child { padding:0; margin:1rem 0 0 0;}
.section.navigation .nav-item a{ color:inherit; }

/* top */
.section.top { margin-top:10px; }
.section.top p { text-align:left; }
.section.top h1 {margin: 0;}
.section.top h1.logo img { position: relative;  max-width: 80%; margin: 0rem auto 0rem auto; }

/* respemail */
.section.respemail { margin-bottom:3rem; }
.section.respemail p { padding-top:2rem; }
.section.respemail.error .container { border:#f00 dashed 1px; background-color:#FCC; }
.section.respemail.ok .container { border:#888 dashed 1px; background-color:#cfc; }

/* top */
.section.inicio {margin-top:0; padding-top:0;}

/* direccion */
.section.donde { background-image: url('../images/fondo_1.png'); color: #fff; padding-bottom: 5rem;  }

/* mapa */
.section.mapa { padding: 0 0 0 0;}
.section.mapa .container { max-width:100%;  width:100%; }
.section.mapa .googlemap { max-width:100%;  width:100%; height:300px; }

/* Values */
.section.servicios { background-image: url('../images/fondo_2.jpg'); background-size: cover; color: #fff; padding-bottom: 5rem; }
.section.servicios ul { text-align:left; margin:0 2rem;}
.section.servicios h2.section-heading { font-size:3.0rem; text-align:left;}

/* Contacto */
.section.contacto { border-bottom: 1px solid #ddd; }
.section.contacto .form-contacto { margin-bottom:0; }
.section.contacto .legal {}
.section.contacto .legal .titavisolegal { font-size:1.5rem; }
.section.contacto .legal .peque { font-size:1.2rem; }
.section.contacto .legal .avisolegal { display:none; font-size:1.2rem; padding-bottom:1rem;}
.section.contacto h2.section-heading { font-size:3.0rem; }

/* marcas */
.section.marcas { padding-bottom:3rem; }
.section.marcas .vermarcas { cursor:pointer; font-size:1.2rem; }
.section.marcas .visor { overflow-x: hidden; overflow-y: hidden; white-space: nowrap;}
.section.marcas .visor.vertodo { white-space: normal;}
.section.marcas .items { }
.section.marcas .visor .marca { display:inline-block; margin:5px; }
.section.marcas .visor .marca a { }
.section.marcas .visor .marca a img { display:block; width:80px;}

.section.marcas .visor::-webkit-scrollbar { width: 2rem; height: 2rem; }
.section.marcas .visor::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.section.marcas .visor::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }


/* pie */
.section.pie { background-image: url('../images/fondo_1.png'); color: #fff; padding-bottom:3rem; }


@media (min-width: 550px) {
  .section.navigation { display:none; }
  .section.top { margin-top:0px; }
  .section.marcas .visor .marca a img { display:block; width:120px;}
}
