* {padding:0; margin:0;}
body {background:#ffffff; font-family:'Nunito', sans-serif;} 
a {text-decoration:none;} 
ul, ol, li {list-style:none;}    
         
/*Header*/   
header {position:fixed; width:100%; height:65px; margin:auto; background:#ffcc2a; z-index:10; border-bottom:2px solid #000000;} 
.stl_header {width:90%; max-width:605px; margin:auto;}
.stl_header .stl_logo, .stl_menu {float:left; display:inline-block; vertical-align:top;}
.stl_logo {width:85%; height:65px;}   
.stl_logo img {position:relative; width:192px; height:40px; top:0.9em;} 
.stl_menu {width:15%; height:65px;}  
.stl_spacio {width:100%; height:65px;}
.stl_menu_principal {width:100%; max-width:605px; margin:auto; color:#ffffff; font-family:'Nunito', sans-serif;}
.stl_menu_principal img {width:100%; height:375px; margin-top:-21.9em;}
.stl_menu_principal .stl_menu_arriba, .stl_menu_seleccion, .stl_menu_selec_ano, .stl_menu_limpiar {float:left; display:inline-block; vertical-align:top;}
.stl_menu_arriba {position:relative; width:100%; height:28px; text-align:center;}
.stl_menu_seleccion {position:relative; width:100%; height:60px; text-align:center;}
.stl_menu_seleccion select {position:relative; width:90%; height:55px; background:#ffffff; font-size:1.1em; padding:0px 3%; outline:none; border-width:0; font-family:'Nunito', sans-serif; font-weight:bold; box-shadow:#000000 2px 2px 0px 0px;}
.stl_menu_selec_ano {position:relative; width:50%; height:60px; text-align:center;}
.stl_menu_selec_ano select {float:right; position:relative; width:90%; height:55px; background:#ffffff; font-size:1.1em; padding:0px 3%; outline:none; border-width:0; font-family:'Nunito', sans-serif; font-weight:bold; box-shadow:#000000 2px 2px 0px 0px;}
.stl_menu_limpiar {position:relative; width:45%; height:55px; background:#f2f2f2; box-shadow:#000000 2px 2px 0px 0px; border-left:1px solid #000000;}
.stl_menu_limpiar p {text-align:center; color:#000000; font-size:1.1em; line-height:55px; font-family:'Nunito', sans-serif; font-weight:bold;}

/*Datos menu movil*/ 
.modalDialog {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:1000; opacity:0; -webkit-transition:opacity 400ms ease-in; -moz-transition:opacity 400ms ease-in; transition:opacity 400ms ease-in; pointer-events:none;}
.modalDialog:target {opacity:1; pointer-events:auto;}
.interiorDialog {position:relative; width:95%; height:95%; background:#ffffff; top:12px; overflow-y:scroll; margin:auto; box-shadow:0 2px 5px #000000;}
.stl_menu_img img {width:100%; height:170px; object-fit:cover; object-position:100% 60%; border-bottom:5px solid #A90329;} 
.close {position:absolute; width:45px; line-height:45px; background:#ffffff; color:#A90329; text-align:center; top:10px; right:10px; text-decoration:none; font-weight:bold; box-shadow:0 2px 2px rgba(41,51,57,.5);}
.acordeon input {display:none;}
.acordeon_titulo {display:block; padding:0px 15px; height:50px; line-height:50px; background:#ffffff; color:#000000; font-size:1.1em; cursor:pointer; border-bottom:1px solid #333333; font-weight:bold;}
.acordeon_contenido {height:0; overflow:hidden; margin:0;}
.acordeon_contenido p {margin-bottom:5px;}
.acordeon input:checked ~ .acordeon_contenido{padding:10px 10px; height:auto; background:#f2f2f2; font-size:1.1em; border:1px solid #d3d3d3;} 
.datos_contactos {width:100%;}
.datos_contactos span {position:relative; top:-13px; left:10px;}
.datos_contactos a {color:#ffffff;}
.stl_menu_pie {width:100%; text-align:center;}
.stl_menu_pie .stl_pie_redes, .stl_pie_datos {float:left; display:inline-block; vertical-align:top;}
.stl_pie_redes {width:100%;}
.stl_redes {width:165px; margin:auto;}
.stl_redes img {float:left; width:45px; height:45px; margin:5px; margin-top:2em; border-radius:50%;}
.stl_pie_datos {width:100%; height:80px;}
.stl_pie_datos a {color:#A90329; font-weight:bold;}

/*Elegir piezas*/
.stl_que_buscas {width:100%; max-width:605px; height:50px; background:#ffcc2a; margin:auto;}
.stl_que_buscas p {font-size:1.2em; color:#000000; line-height:50px; text-align:center; font-weight:bold; font-family:'Nunito', sans-serif;}

.stl_elige {width:100%; max-width:605px; margin:auto;}
.stl_elige .stl_img_piezas, .stl_disponible_piezas, .stl_elige_piezas, .stl_lado_piezas {float:left; display:inline-block; vertical-align:top;}
.stl_img_piezas {width:20%; height:55px; background:#f2f2f2; text-align:center; border-bottom:1px solid #d3d3d3;}
.stl_img_piezas img {position:relative; max-width:85%; height:50%; top:0.9em;}
.stl_disponible_piezas {width:2%; height:55px; border-bottom:1px solid #d3d3d3;}
.circulo {display:none; width:100%; height:55px; background:#5cb85c;}
.stl_elige_piezas {width:75%; height:55px; border-bottom:1px solid #d3d3d3;}
.stl_elige_piezas select {width:105%; height:30px; background:#ffffff; font-size:1.1em; color:#000000; font-family:'Nunito', sans-serif; border-width:0; margin-top:0.8em; outline:none;}
.stl_lado_piezas {width:3%; height:55px; background:#ffffff; border-bottom:1px solid #d3d3d3;}

/*Boton*/
.stl_zona_boton {float:left; width:100%; height:75px;} 
.stl_caja_boton {position:fixed; width:100%; height:62px; background:#ffffff; bottom:0; z-index:5;} 
.stl_boton {width:95%; max-width:605px; height:50px; margin:auto;} 
.stl_boton button {width:100%; height:50px; background:#d3d3d3; color:#000000; font-size:1.2em; line-height:50px; border-radius:5px; text-align:center; font-family:'Nunito', sans-serif; outline:none; border-width:0;}