html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, {display: block;}
body{
	background: url(../image/body-bg.png) repeat-x #F8F8F8;
    max-width:1200px;margin:auto;width:99%;}

.wrap{
	width:80%;
	margin:0 auto;
}
/*-----Menu Opciones----*/
.headertop {width: 95%;margin: 0 auto;}
.headertop ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 0;

}

.headertop ul li {
    float: left;
}

.headertop ul li a {
    display: block;
    color: white;
    text-align: center;
    padding: 11px 16px;
    text-decoration: none;
    font: bold 12px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform: uppercase;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.headertop ul li a:hover {
    background-color: #111;
}

.dropbtncatalogocelu {
    display: inline-block;
    color: white;
    text-align: center;
    text-decoration: none;
}

.dropdowncatalogocelu:hover .dropbtncatalogocelu {
    background-color: #111;
    color: white;
}

li.dropdowncatalogocelu {
    display: none;
}

.dropdown-contentcatalogocelu {
    display: none;
    position: absolute;
    background:url(../image/top-nav1.png);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    filter: alpha(opacity=90); /* internet explorer */
    -khtml-opacity: 0.9;      /* khtml, old safari */
    -moz-opacity: 0.9;       /* mozilla, netscape */
    opacity: 0.9; 
}

.dropdown-contentcatalogocelu a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-contentcatalogocelu a:hover {background-color: #f1f1f1}

.dropdowncatalogocelu:hover .dropdown-contentcatalogocelu {
    display: block;
}
li.menuicon {display:none;}


/* DIV clear float */
.clear{clear:both;width: 100%}
.clear2{clear:both;width: 100%;display: none;}

/*-----Logo y Login----*/
.subheader{padding: 8px 1px;}
.logo{float: left;margin-left: 3%;}
.logo a img{width:95%;}
.sub-header-right{float: right;padding: 0px 0px;margin-right: 2.5%; z-index: 1;}
.sub-header-right ul {list-style-type: none;}
.sub-header-right ul li {padding: 2px 2px;}
.sub-header-right fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    font-weight: bold;
    font-size: 0.8em;
}
.sub-header-right fieldset legend {	
	color: #000;font-family: 'Fauna One', serif;
        -webkit-animation: color-change 1s infinite;
        -moz-animation: color-change 1s infinite;
        -o-animation: color-change 1s infinite;
        -ms-animation: color-change 1s infinite;
        animation: color-change 1s infinite;
    }

    @-webkit-keyframes color-change {
        0% { color: red; }
        50% { color: blue; }
        100% { color: yellow; }
    }
    @-moz-keyframes color-change {
        0% { color: red; }
        50% { color: yellow; }
        100% { color: red; }
    }
    @-ms-keyframes color-change {
        0% { color: red; }
        50% { color: yellow; }
        100% { color: red; }
    }
    @-o-keyframes color-change {
        0% { color: red; }
        50% { color: yellow; }
        100% { color: red; }
    }
    @keyframes color-change {
        0% { color: red; }
        50% { color: yellow; }
        100% { color: red; }
    }
/*-----Cartel Errores ---*/
.myErrors {
    position: absolute;
    top: 0px;
    background-color: red;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    width: 0%;
    height: 100px;
    max-width: 1200px;
    margin-top: 10px;
}

/*-----Login Mobile----*/
.loginmobile{padding: 0px 0px;margin:0 auto; display: none;width: 95%;text-align: center;}
.loginmobile ul {list-style-type: none;}
.loginmobile ul li {padding: 2px 2px;margin:0 auto;}
.loginmobile fieldset legend {	
	color: #000;font-family: 'Fauna One', serif;
        -webkit-animation: color-change 3s infinite;
        -moz-animation: color-change 3s infinite;
        -o-animation: color-change 3s infinite;
        -ms-animation: color-change 3s infinite;
        animation: color-change 3s infinite;
    }


/*-----SubMenu Piezas----*/
.navpiezas{margin: 0 auto; width: 95%; background-color: black;}
.navpiezas ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: black;
}
.navpiezas ul li{float: left;}
.navpiezas ul li a {

    display: block;
    text-align: center;
    padding: 11px 17px;
    text-decoration: none;
    font: bold 12px/30px Arial, Helvetica, sans-serif;
	color:white;
	text-transform: uppercase;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}
.navpiezas ul li a:hover {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
    background:url(../image/top-nav1.png);
    color:white;
}

/*-----.image-slider----*/
.csscarousel {width: 95%;margin: 0 auto;}
.csscarousel ul {list-style-type:none;padding:0 0;margin: 0 auto;}
.mySlides {display:none;width: 100%;}

/*-----.productosNuevos----*/
.productosnuevos{width:95%;margin: 0 auto;background-color: white;}
.productosnuevos h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.productosnuevos h2 span{
	color:#0463B0;
}

.sectorproductosnuevo {margin-bottom:0;margin-top:0;text-align:center;}
.articulonuevo {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:20%;height:300px;min-width: 205px;max-height: 200px;overflow-y: hidden;}
.articulonuevo:hover {border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;}
.articulonuevo img{width:75%;}
.articulonuevo h3{
	display: block;
	padding: 3px 0px;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}

/*-----.productosOferta----*/
.productosoferta{width:95%;margin: 0 auto;background-color: white;}
.productosoferta h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;

}
.productosoferta h2 span{
	color:#0463B0;
}

.sectorproductosoferta {margin-bottom:0;margin-top:0;text-align:center;}
.articulooferta {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:18%;height:300px;min-width: 200px;max-height: 200px;overflow-y: hidden;}
.articulooferta h4 span{
	color:#0463B0;
	text-decoration:line-through;
	padding-right:5px;
}
.articulooferta:hover {border:0.15em solid #333;border-radius:10px;transition:1.5s;cursor:pointer;}
.articulooferta img{width:75%;}
.articulooferta h3{
	display: block;
	padding: 3px 0px;
	font: bold 12px/30px Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}


/*---footer----*/
.footer{width: 95%;margin: 0 auto; text-align: center;}
.infofooter{display:inline-table;margin-left:0.2em;width:20%;min-width: 200px;}

.infofooter ul {list-style: none;padding: 0;}
.infofooter ul li a{
	color: #63615f;
	font: 12px/27px Arial, Helvetica, sans-serif;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	text-decoration: none;
}

.infofooter ul li a:hover{
	color:#0463B0;
}
.infofooter  h3{
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	text-transform: uppercase;
}
.infofooter  p {
	font-size:0.8125em;
	padding:0.5em 0;
	color: #333;
	line-height: 1.5em;
	font-family :verdana, arial, helvetica, helve, sans-serif; 	 
}

.footer-last ul li{
	display:inline-block;
}
.footer-last ul{
	padding-top:5px;
}
.footer-last ul li a{
	padding:0 5px;
}
/*-----.Nosotros----*/
.nosotros{width:95%;margin: 0 auto;background-color: white;}
.nosotros h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.nosotros h2 span{
	color:#0463B0;
}
.sectornosotros {margin-bottom:0;margin-top:0;text-align:center;}
.articulonosotros {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:80%;overflow-y: hidden;}
.articulonosotros img{}
.articulonosotros h3{
	display: block;
	padding: 3px 0px;
	font: bold 15px/30px Arial, Helvetica, sans-serif;
	color: black;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}
.articulonosotros p{text-align: left;margin-left: 1em;}

/*-----.ubicacion----*/
.ubicacion{width:95%;margin: 0 auto;background-color: white;}
.ubicacion h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 20px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.ubicacion h2 span{
	color:#0463B0;
}
.sectorubicacion {margin-bottom:0;margin-top:0;text-align:center;}
.articuloubicacion {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:80%;overflow-y: hidden;}
.articuloubicacion img{}
.articuloubicacion h3{
	display: block;
	padding: 3px 0px;
	font-family : verdana, arial, helvetica, helve, sans-serif;
	color: black;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	font-weight: bold;
	font-size: 14px;

}
.articuloubicacion p{text-align: center; font-size: 15px; color: #989898; font-family : verdana, arial, helvetica, helve, sans-serif; }


/*-----.Usuarios----*/
.usuarios{width:95%;margin: 0 auto;background-color: white;}
.usuarios h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.usuarios h2 span{
	color:#0463B0;
}
.sectorusuarios {margin-bottom:0;margin-top:0;text-align:center;}
.articulousuarios {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:80%;overflow-y: hidden;}
.articulousuarios img{}
.articulousuarios h3{
	display: block;
	padding: 3px 0px;
	font: bold 15px/30px Arial, Helvetica, sans-serif;
	color: black;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}
.articulousuarios p{text-align: center;margin-left: 1em;}
.usuariolog{align-content: 0 auto; padding: 0px 0px;margin-right: 2.5%;}
.usuariolog ul {list-style-type: none;}
.usuariolog ul li {padding: 2px 2px;}
.usuariolog form input[type=text] {width: 60%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
.usuariolog form input[type=text]:focus {background-color:lightblue;border:1px solid #555;transition:1s;}
.usuariolog form input[type=password] {width: 60%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
.usuariolog form input[type=password]:focus {background-color:lightblue;border:1px solid #555;transition:1s;}
.usuariolog form input[type=button] {background-color: #4CAF50;border: none;color: white;padding: 16px 32px;text-decoration: none;font-weight:bold;margin: 4px 2px;cursor: pointer;}
.usuariolog form input[type=button]:focus {background-color:green;color: blue;border:1px solid #555;transition:1s;}


/*-----.registro----*/
.registro{width:95%;margin: 0 auto;background-color: white;}
.registro h2 {	
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.registro h2 span{
	color:#0463B0;
}
.sectorregistro {margin-bottom:0;margin-top:0;text-align:center;}
.articuloregistro {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:80%;overflow-y: hidden;}
.articuloregistro img{}
.articuloregistro h3{
	display: block;
	padding: 3px 0px;
	font: bold 15px/30px Arial, Helvetica, sans-serif;
	color: black;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}
.articuloregistro p{text-align: center;margin-left: 1em;}
.usuarioregistro{align-content: 0 auto; padding: 0px 0px;margin-right: 2.5%;}
.usuarioregistro ul {list-style-type: none;}
.usuarioregistro ul li {padding: 2px 2px;}
.usuarioregistro form input[type=text] {width: 70%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
.usuarioregistro form input[type=text]:focus {background-color:lightblue;border:1px solid #555;transition:1s;}
.usuarioregistro form textarea{width: 70%; padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
.usuarioregistro form textarea:focus {background-color:lightblue;border:2px solid #555;transition:1s;}
.usuarioregistro form input[type=password] {width: 70%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;border: 1px solid #555;outline: none;}
.usuarioregistro form input[type=password]:focus {background-color:lightblue;border:1px solid #555;transition:1s;}
.usuarioregistro 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;}
.usuarioregistro form input[type=button]:focus {background-color:green;color: blue;border:1px solid #555;transition:1s;}
.g-recaptcha{margin:0 auto;align-items: center; transform:scale(.9);-webkit-transform:scale(.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
.usuarioregistro2 p{text-align: left;margin-left: 10%;}
.usuarioregistro2 p span{color:#0463B0;font: bold 18px/16px "Arial";font-family: 'Fauna One', serif;font-weight: normal;}
.usuarioregistro2 form input[type=button] {background-color: #4CAF50;border: none;color: white;padding: 16px 32px;text-decoration: none;font-weight:bold;margin: 4px 2px;cursor: pointer;}
.usuarioregistro2 form input[type=button]:focus {background-color:green;color: blue;border:1px solid #555;transition:1s;}
/*-----.Menu Celulares----*/
.overlay{height:100%;width:0%;position:fixed;z-index:2;top:0;left:0; overflow-x:hidden;transition:0.5s;background-color:#AFEEEE;}
.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;}
.usuariosmenucelular{color:yellow;}
/*-----.FormularioContacto----*/
.overlayContact{-webkit-overflow-scrolling: touch;height:100%;width:0%;position:fixed;z-index:5;top:0;left:0;background-color:rgba(0,61,153,0.95);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:#002966;}
.overlayContact .closebtnContact{position:absolute;top:0px;right:30px;font-size:38px;color:red;}
.iframecontacto {;width: 99%; height: 99%; scroll-behavior: smooth; border:none;}

/*-----.Pieza Catalogo----*/
.catalogo{width:95%;margin: 0 auto;background-color: white;}
.catalogo h2 {
	display: block;
	padding: 30px 0px 12px 0px;
	font: bold 18px/16px "Arial";
	color: #000;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	margin-left: 2%;
}
.catalogo h2 span{
	color:#0463B0;
}
.sectorcatalogo {margin-bottom:0;margin-top:0;text-align:center;}
.articulocatalogo {display:inline-table;margin:0.2em;margin-left:0.2em;border:0.15em solid #E0E0E0;width:80%;overflow-y: hidden;}
.articulocatalogo img{}
.articulocatalogo h3{
	display: block;
	padding: 3px 0px;
	font: bold 15px/30px Arial, Helvetica, sans-serif;
	color: black;
	border-right: 1px solid rgba(151, 151, 151, 0.11);
	text-transform: uppercase;
	font-weight: bold;
}
.articulocatalogo p{text-align: center;margin-left: 1em;}
.articulocatalogo select {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(../image/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: red;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
   font-weight: bold;
}
/*Vertical Flip*/
.verticalFlip{
	display: block;
	text-indent: 8px;
	min-height: 35px;
	text-align: center;
	margin: 0 auto;
}
.verticalFlip span{
	animation: vertical 16s linear infinite 0s;
	-ms-animation: vertical 16s linear infinite 0s;
	-webkit-animation: vertical 16s linear infinite 0s;	
	color: #00abe9;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	font-family: 'Fauna One', serif;
	font-weight: normal;
	font-size: 25px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;


}
.verticalFlip span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
	margin:0 auto;
	text-align: center;
}
.verticalFlip span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
	margin:0 auto;
	text-align: center;
}
.verticalFlip span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5;
	margin:0 auto;
	text-align: center;
}
.verticalFlip span:nth-child(5){
	animation-delay: 10s;
	-ms-animation-delay: 10s;
	-webkit-animation-delay: 10s;
	margin:0 auto;
	text-align: center;
}
.verticalFlip span:nth-child(6){
	animation-delay: 12.5s;
	-ms-animation-delay: 12.5s;
	-webkit-animation-delay: 12.5s;
	margin:0 auto;
	text-align: center;
}
/*Vertical Flip Animation*/
@-moz-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: rotateX(180deg); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0;}
}
@-webkit-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: rotateX(180deg); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes vertical{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: rotateX(180deg); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(0px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.85); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  /*background-color: #fefefe;*/
  margin: auto;
  padding: 10px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 95%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 40px;
  font-weight: bolder;
  margin-top: -15px;
}

.close:hover,
.close:focus {
  color: red;
  font-size: 42px;
  text-decoration: none;
  cursor: pointer;
}



@media screen and (max-width:800px){
.sub-header-right ul{display: none;}
.navpiezas{display: none;}
.dropdowncatalogocelu{display: inline-block;}
li.dropdowncatalogocelu {display: inline-block;}

}
@media screen and (max-width:770px){
.sub-header-right{display: none;}
.clear2{display: block;}
.loginmobile{display:block;}

}
@media screen and (max-width:614px){
.overlay{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:rgba(0,61,153,0.95);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:white;display:block;transition:0.3s;}
.overlay a:hover, .overlay a:focus{color:black;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;}
.logo a img{width:70%;}
.articulonuevo img{width:60%;}
.articulooferta img{width:60%;}

li.menuicon {display:block; float: right;}
li.menulargo{display: none;}
.g-recaptcha{margin:0 auto;align-items: center; transform:scale(.75);-webkit-transform:scale(.75);transform-origin:0 0;-webkit-transform-origin:0 0;}

}

@media screen and (max-width:400px){
.loginmobile{padding: 0px 0px;margin:0 auto;width: 95%;text-align: left;}
.articulocatalogo select {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: red;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 200px;
   font-weight: bold;
}

}