body{max-width:793px;margin:auto;width:97%;}
.container{margin:0;margin-top:3px;border:1px solid #333;border-radius:10px;transition:2s;}
header{display:inline-table;width:100%;}
.logologan h3{float:left;margin:0;padding:0;}
.logologan h3 img{padding:0;margin:0.01em;margin-left: 6px;width: 80%;}
h2 {float: left; margin:0 auto;}
h2 p{color: Black;text-align: center;font-family: "Tahoma";font-size: 17px;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 100%;animation: type 4s steps(60, end);}
h2 p a{color: black;text-decoration: none;}
@keyframes type{from { width: 0; } } 
header ul{list-style-type:none;padding:0;margin:0;float:right;}
header ul li{text-align:right;padding:0;margin:0;margin-right:1em;}
header ul li a{padding:0;margin:0;}
.csscarousel{float:right; max-width: 300px;max-height: 61px;margin-right: 10px}
.mySlides {display:none;float: right;}
li.icon{display:none;}
li.icon a {font-size: 25px;}
.imglogo img{width:80%;}
nav{margin-top:-0.3em;border:1px solid #333;border-left: none;border-right:none;width:100%;}
ul.topnav{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333;}
ul.topnav li{float:left;}
ul.topnav li a{display:inline-block;color:#f2f2f2;text-align:center;padding:14px 12px;text-decoration:none;transition:0.3s;font-size:15px;font-family:Tahoma;font-weight:bold;}
ul.topnav li a:hover{background-color:#555;color:white;transition:1s;}
.libanderita{padding:0 0.9em 0 1.2em;}
.imgbanderita a{padding:14px 4.5em;}
.imgbanderita a img{}
aside{float:left;}
aside ul{list-style-type:none;margin:0;padding:0;width:9em;background-color:#f1f1f1;}
aside ul li{border:0.1em solid grey;border-left:none;border-bottom:none;padding:0em;}
aside ul li:last-Child{border:0.1em solid grey;border-bottom:none;}
aside ul li a{display:block;color:#000;padding:0.322em 0.1em;text-decoration:none;text-align:left;font-family:Tahoma;font-size:0.85em;font-weight:bold;}
aside ul li a:hover{color:white;background-color:#333;transition:1s;}

.overlay{height:100%;width:0%;position:fixed;z-index:2;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow-x:hidden;transition:0.5s;}
.overlay a{padding:8px;text-decoration:none;font-size:26px;color:#818181;display:block;transition:0.3s;}
.overlay a:hover, .overlay a:focus{color:#f1f1f1;}
.overlay .closebtn{position:absolute;top:5px;right:45px;font-size:60px;}
.overlay-content{position:relative;top:10%;width:100%;text-align:center;margin-top:10px;}




.sectionmarca{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;}
.sectionmarca article{display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:75px;height:75px;}
.sectionmarca article a{display:inline-block;vertical-align:middle;line-height:normal;}
.contenedormarca{margin:0 auto;width:75px;height:75px;line-height:75px;text-align:center;}
.contenedormarca img{vertical-align:middle;max-width:74px;}
.sectionmapa{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;}
.sectionusuario{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;}
.sectioncomotrabajamos{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;}

.sectionmodelo article{display:inline-table;margin:3px;margin-left:0.2em;border:0.15em solid #E0E0E0;width:280px;height:34px; max-height: 34px; }
.contenedormodelo{margin-top: 0;padding-top: 0;}
.contenedormodelo a{text-decoration: none;text-align:center;font-family: Tahoma;font-size: 12px;line-height: 0.8;font-weight:bold; }
.contenedormodelo hr{margin-top: 0;margin-bottom: 0;padding-top: 0;padding-bottom: 0;}

.sectionresultado article{text-align: left;display:inline-table;margin:3px;margin-left:0.2em;border:0.15em solid #E0E0E0;width:95%; }
.sectionresultadopieza article{text-align: left;display:inline-table;margin:3px;margin-left:0.2em;border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.contenedorresultado{margin-top: 5px;padding-top: 0;display:inline-table;}
.listaresultadosimg {max-width:65px;min-width: 65px;height: 90px;float: left;}
.listaresultadosimg ul{list-style: none;margin:0;padding:0;text-align: center;}
.listaresultadosimg li a{font-family: Tahoma;font-size: 8px;font-weight:bold;margin:0 auto;}
.listaresultados2 {float: left;width: calc(74% - 10px);min-width: 250px;min-height: 90px;}
.listaresultados2 ul{list-style: none;margin:0;padding:0;}
.listaresultados2 li{width: 100%}
.listaresultados2 li a{font-family: Tahoma;font-size: 12px;}
.resultadosetiqueta {font-family: Tahoma;font-size: 10px;color: #002E62;font-weight: bold;}
.resultadospieza {font-family: Tahoma;font-size: 11px;font-weight: bold;}
.resultadosprecio1 {font-family: Tahoma;font-size: 12px;color: grey;font-weight: bold;}
.resultadosprecio2 {font-family: Tahoma;font-size: 12px;color: red;font-weight: bold;}
.resultadosprecioiva {font-family: Tahoma;font-size: 10px;font-weight: bold;}
.resultadosinfo {font-family: Tahoma;font-size: 11px;color:grey;}
.opcionesarticulo {width: 100%; text-align: center; margin: 0 auto;}
.resultadopiezatitulo {font-family: Tahoma; font-size: 13px;color: grey;margin-left: 0 auto;}
.resultadopiezatitulo img {margin: 0 auto;}
.comentarios a {font-family: Tahoma; font-size: 8px;color: green;margin-left: 0 auto;}

.seleccionemapa{height:45px;position:relative;width:98%;margin:0 auto;padding-top:0;padding:0;}
.seleccione{position:relative;width:100%;margin:0 auto;padding-top:0;padding:0;vertical-align:center;}
.seleccione h1{font-size:16px; margin: 0 auto;}
.seleccione h2{font-size:13px; margin: 0 auto;}
.seleccione p{line-height:0px;}
.seleccionenodisponible{color:red;}
.linknavegacion {width:98%;}
.linknavegacion ul{list-style-type:none;margin:0;margin-left:10px;padding:0;vertical-align: middle;overflow:hidden;margin-top:5px;}
.linknavegacion ul li{float:left;font-family: Tahoma; font-size:10px;text-decoration: none;}
.linknavegacion ul li a{font-family: Tahoma; font-size: 14px;text-decoration: none;vertical-align:center;}
.linknavegacion ul li h1{font-family: Tahoma; font-size: 14px;text-decoration: none;vertical-align:center;}

ol.breadcrumb {padding: 8px 16px;list-style: none;background-color: #eee;}
ol.breadcrumb li {display: inline;}
ol.breadcrumb li+li:before {padding: 8px;color: black;content: "/";}
ol.breadcrumb li a {color: green;}

.keyword{display:none;}
.keyword p{font-family: Tahoma; font-size:5px;color:white;}

footer{margin:0px;text-align:center;clear:both;border:0.1em solid #333;border-right:none;border-left:none;border-bottom:none;}
footer a{font-family:Tahoma;font-size:12px;font-weight:bold;color:#9E9E9E;}
ul.bottomnav{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333;text-align:center;}
ul.bottomnav li{float:left;}
ul.bottomnav li a{display:inline-block;color:#f2f2f2;text-align:center;padding:12px 10px;text-decoration:none;transition:0.3s;font-size:13px;}
ul.bottomnav li a:hover{background-color:#555;}
.bottomnav{display:none;}

.overlayContact{-webkit-overflow-scrolling: touch;height:100%;width:0%;position:fixed;z-index:5;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow-x:hidden;transition:0.5s;}
.overlayContact a{padding:8px;text-decoration:none;font-size:26px;color:#818181;display:block;transition:0.3s;}
.overlayContact a:hover, .overlay a:focus{color:#f1f1f1;}
.overlayContact .closebtnContact{position:absolute;top:0px;right:30px;font-size:38px;color:red;}
.iframecontacto {;width: 99%; height: 99%; scroll-behavior: smooth; border:none;}
.overlay-content-Contact{position:relative;width:100%;text-align:center;border: none; margin-top:0px;}
.overlay-content-Contact fieldset legend span {font-size: 50px; color:white;}
.overlay-content-Contact p {font-size: 13px; color:white;}
.g-recaptcha{width: 70%;margin:0 auto; transform:scale(0.58);-webkit-transform:scale(0.58);transform-origin:0 0;-webkit-transform-origin:0 0;}
form input[type=text] {width: 70%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
form input[type=text]:focus {background-color:lightblue;border:2px solid #555;transition:1s;}
form textarea{width: 70%; padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
form textarea:focus {background-color:lightblue;border:2px solid #555;transition:1s;}
form input[type=password] {width: 70%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
form input[type=password]:focus {background-color:lightblue;border:2px solid #555;transition:1s;}
form input[type=button] {background-color: grey;border: none;color: white;padding: 16px 32px;text-decoration: none;font-weight:bold;margin: 4px 2px;cursor: pointer;}
form input[type=button]:focus {background-color:green;color: blue;border:1px solid #555;transition:1s;}
fieldset{width: 90%;margin:0 auto;margin-top: 8px;}

@media screen and (min-width:811px){
.sectionmodelo{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;height: 670px;overflow-y: scroll;}
.sectionresultado{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;height: 670px;overflow-y: scroll;}
.sectionresultadopieza{margin-bottom:0;margin-top:0;margin-left:9em;max-width:700px;text-align:center;height: 670px;overflow-y: scroll;}
.sectionmarca article:hover{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;}
.sectionmodelo article:hover{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultado article:hover{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultadopieza article:hover{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.keyword{display:block;}
}

@media screen and (max-width:810px){
nav{width:100%;}
.libanderita{padding:0 0.05em 0 0.05em;}
aside{display:none;}
.sectionusuario{margin-left:0em;margin-top:40px; border-bottom:none;border-top:none;border-left:none;border-right:none;}
.sectionmarca{margin-left:0em;border-bottom:none;border-top:none;border-left:none;border-right:none;}
.sectionmodelo{margin-bottom:0;margin-top:0;text-align:center;border-bottom:none;border-top:none;border-left:none;border-right:none;}
.sectioncomotrabajamos{margin-bottom:0;margin-top:0;margin-left:0em;max-width:700px;text-align:center;}
.sectionmapa{margin-bottom:0;margin-top:0;margin-left:0em;max-width:700px;text-align:center;}
.sectionresultado{margin-bottom:0;margin-top:0;text-align:center;border-bottom:none;border-top:none;border-left:none;border-right:none;}
.bottomnav{display:block;}
.sectionmarca article:hover{cursor: pointer;}
.sectionmodelo article:hover{cursor: pointer;}
.sectionrescultado article:hover{cursor: pointer;}
.sectionrescultadopieza article:hover{cursor: pointer;}
.sectionmarca article:active{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;}
.sectionmodelo article:active{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultado article:active{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultadopieza article:active{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}



}

@media screen and (max-width:700px){h2{display: none;}}

@media screen and (max-width:681px){nav{width:100%;}
.container{margin:0;margin-top:2px;border:1px solid #333;border-radius:0;transition:2s;}
ul.topnav li a{padding:14px 15px;font-size:13px;}
}

@media screen and (max-width:614px){
.container{margin-top:-1px;}
header{display:inline-table;position: fixed;background-color: white;z-index:1;width: 96.6%;border-bottom:1px solid #333;}
.logologan h3{float:left;margin:0;padding:0;}
.logologan h3 img{padding:0;margin-left: 5px;}
header ul{list-style-type:none;padding:0;margin:0;float:right;}
header ul li{padding:0;margin:0;margin-right:1em;text-align:right;width:2em;}
header ul li a{padding:0;margin:0;text-align:right;}
.csscarousel{float:none; max-width: 300px;max-height: 65px;margin-right: 10px;display: inline-block;}
ul.topnav li{display:none;}
ul.topnav li.icon{float:right;display:inline-block;}
ul.topnav.responsive{position:relative;}
li.icon{cursor:pointer;display:block;}
ul.topnav.responsive li.logo a{text-align:center;display:block;text-align:center;color:Red;cursor:pointer;}
ul.topnav.responsive li.logo a:hover{background-color:#333;text-align:center;}
ul.topnav.responsive li{float:none;display:inline;}
ul.topnav.responsive li a{display:block;text-align:left;padding:14px 15px;font-size:13px;}
.imgbanderita{padding:0;margin:0;}
.imgbanderita img{width:95%;max-width:95%;}
.imglogo img{width:63%;max-width:63%;}
.overlay{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow-x:hidden;transition:0.5s;}
.overlay-content{position:relative;top:20%;width:100%;text-align:center;margin-top:10px;}
.overlay a{padding:8px;text-decoration:none;font-size:26px;color:#818181;display:block;transition:0.3s;}
.overlay a:hover, .overlay a:focus{color:#f1f1f1;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;}
.bottomnav{display:block;}
.sectionmarca{margin-top: 75px;}
.sectionmodelo{margin-top: 75px;}
.sectionresultado{margin-top: 75px;}
.sectionresultadopieza{margin-top: 75px;}
.sectionusuario{margin-top: 75px;}
.sectioncomotrabajamos{margin-top: 75px;}
.sectionmapa{margin-top: 75px;}
.contenedormodelo a{font-size: 13px;line-height: 0.8;font-weight:bold;}
.listaresultadosimg {width: 17%;float: left;min-width: 58px;}
.listaresultados2 {width: calc(70% - 25px);float: left;min-width: 210px;}
}

@media screen and (max-width:415px){
.csscarousel{display:none;}
.container{margin-top:-1px;}
header{width: 96.4%;}
.sectionmodelo article:hover{cursor: pointer;}

.sectionmodelo article:focus{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultado article:hover{cursor: pointer;}
.sectionresultadopieza article:hover{cursor: pointer;}

.sectionresultadopieza article:focus{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.sectionresultado article:focus{border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;background-color:lightblue;}
.listaresultadosimg {width: 18%;float: left;min-width: 58px;}
.listaresultados2 {width: calc(70% - 25px);float: left;min-width: 210px;}
.g-recaptcha{max-width: 250px;}

}

@media screen and (max-height:450px){.overlay a{font-size:20px}
.overlay .closebtn{font-size:40px;top:15px;right:35px;}
.seleccione p{margin:0;position:absolute;top:50%;left:20%;transform:translate(-10%, -50%);}
}