@charset "utf-8";

/* Medios fluidos sencillos



*/

img, object, embed, video {

	max-width: 100%;

}





/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */

.ie6 img {

	width:100%;

}



/*

	Propiedades de cuadrícula fluida de Dreamweaver

	----------------------------------

	dw-num-cols-mobile:		5;

	dw-num-cols-tablet:		8;

	dw-num-cols-desktop:	10;

	dw-gutter-percentage:	25;

	

*/



/* Diseño móvil: 480 px e inferior. */



.gridContainer {

	margin-top: 40px;

	width: 100%;

	overflow-x: hidden;

}

#content {

	margin: 0;

}

header {

	top: 0px;

	background-color: #0052A9;

	float: left;

	width: 100%;

	display: block;

	text-align: center;

	position: fixed;

	z-index: 20;

	height: 42px;

}

#hamburguesa {

	float: left;

	padding-top: 6px;

	padding-left: 4px;

	width: 20%;

	text-align: left;

	width: 15%;

	margin-left: 1%;

}

#hamburguesa:hover {

	cursor: pointer;

	}

#hamburguesa:active {

	background: url(https://www.asturalba.com/images/icons/menu-close.gif);

	background-repeat: no-repeat, repeat;

	background-position: bottom left 2px;

}

#hamburguesa:focus img {

	opacity: 0;

	 

}

#logo {

	width: 64%;

	float: left;

	text-align: center;

}

#logo a img{

	width: 173px;

	padding-top: 5px;

}

#slogan {

	display: none;

}

#lateral {

	width: 15%;

	float: left;

	padding: 5px;

	font-size: 0px;

}

#lateral .enlace:nth-child(2) {

	display:none;

}

.enlace {

	float: right;

	margin-left: 3%;

	text-align: right;

}

#lateral .enlace img {

	height: 33px;

}

#telefono, #horario {

	display: none;

}

.category {

	text-align: center;

	vertical-align: middle;

	display: block;

	float: left;

	width: 100%;

}

.category h1 {

	margin: 6px;

	font-size: 1.8em;

}





#footer {

	background-color: #0052A9;

	color: #FFF;

	width: 100%;

	text-align: left;

	padding: 2%;

	padding-left: 3%;

	padding-top: 20px;

	clear: both;

}

#footer a {

	color: #FFF;

}

#footer a:hover .footico {

	opacity: 1;

}

#footer a:hover .footext {

	text-decoration: underline;

}

#footer #footarriba .infolink {

	width: 100%;

	float: left;

	height: 60px;

}

#footer .footico {

	opacity: 0.9;

	padding-left: 1%;

	float: left;

	width: 20%;

	padding-bottom: 8px;

}

#footer .footext {

	float: left;

	padding-left: 1%;

	width: 75%;

	font-size: 1.2rem;

	padding-top: 12px;

}

#footer #footbajo  {

	display: none;

}

#social {

	text-align: center;

	font-size: 1rem;

	margin: 15px;

	float: none;

	clear: both;

}

#social img {

	margin-right: 1%;

	transform: scale(0.90)

}

#footer #social img:hover{

	transform: scale(1);

}



#bigfoot {

	display: none;

}



#nav2 {

	display: none;

}

#barra {

	display: inline;

}

#barra aside {

	width: 97%;

	float: left;

	color: #0052A9;

	height: auto;

}

#root {

	padding-top: 4px;

	padding-bottom: 5px;

	margin-left: 10px;

	font-size: 1rem;

}

#searcher {

	display: none;

}

#menu {

	display: block;

	height: auto;

}

.arriba	{

	float: right;

	margin-bottom: 5px;



}

.image{

	max-width: 100%;

	float: left;

	padding-bottom: 6px;

	transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -webkit-transition: all 1s ease;

  -o-transition: all 1s ease;

	}

.carrusel img{

	transition: all 1s ease;

  -moz-transition: all 1s ease;

  -ms-transition: all 1s ease;

  -webkit-transition: all 1s ease;

  -o-transition: all 1s ease;

}

.carrusel h4{

  font-size: 18px;

  margin-bottom: 2px;

  padding-top: 6px;

}

.carrusel p{

  font-size: 14px;

  font-weight: 400;

}

.product .image:hover, .carrusel img:hover {

	cursor: zoom-in;

	transform: scale(1.05);

	filter:contrast(95%) brightness(110%);

}

.product .image {

	padding-left: 6%;

	padding-top: 2px;

}

.image h6 {

	font-size: 0.8rem;

}

.shop {

	color: #F00;

	vertical-align: bottom;

	float: right;

	text-align: center;

	vertical-align: middle;

	clear: both;

	display: inline;

	margin-top: 5px;

	margin-right: 2%;

}



.shop .IVA {

	display: none;

	font-size: 9pt;

	color: #999999;

	font-weight: 400;

}



.shop span {

	font-size: 1em;

	font-weight: bolder;

	float: left;

	vertical-align: middle;

	text-align: center;

	margin: 5px;

}	

.shop form {

	display: block;

	float: right;

	vertical-align: middle;

	padding-top: 2px;

}	

.cantidad {

	font-size: 16px;

	vertical-align: middle;

	height: 1.2rem;

	max-width: 100%;

    border: thin #666 solid;

	border-radius: 4px;

	padding-top: 0.05rem;

}	

table .cantidad {

	font-size: 12px;

	width: 8px;

	height: 18px;

	vertical-align: middle;

	border: thin #666 solid;

	border-radius: 4px;

	margin-bottom: 2px;

	padding-top: 1px;

}

.subcategory h2 {

	float: left;

	font-size: 1.8rem;

	margin-bottom: 0px;

	margin-top: 3px;

}

.product ul {

	z-index: 10;

	margin-left: 0px;

	padding-right: 3%;

	font-size: 12pt;

	font-weight: 300;

	float: none;

}

.product ul .green {

	color: #093;

}

.producto h3, .producto h2 {

	float: none;

	clear: both;

	font-size: 1.4rem;

	margin-bottom: 0px;

	margin-left: 11px;

}

.product .logotipo {

	float: right;

	position: static;

	max-with: 100%;

}

.longdesc {

	display: none;

}

.extradesc {

	display: none;

}

.subcategory {

	font-size: 2em;

	text-align: left;

	float: left;

	width: 100%;

	border-top-width: thin;

	border-top-style: ridge;

	border-top-color: #0052A9;

	margin-bottom: 12px;

	margin-top: 0px;

}

.producto {

	float: left;

	width: 100%;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #CCC;

	margin-bottom: 6px;

	margin-top: 8px;

	padding-top: 10px;

}

.consum {

	list-style-type: none;

	font-size: 0.6em;

	font-weight: bold;

	float: left;

	padding-left: 8px;

}

.consum img{

	padding-left: 3px;

}

.product .consum :hover {

	color: #F00;

}

.shop form .comprar, .shop button .consultar {

	font-size: 15px;

	font-weight: normal;

	color: #0052A9;

	vertical-align: middle;

	height: auto;

}

.shop button, .tienda button {

	color: #0052A9;

	margin-top: 1px;

	padding-top: 2px;

	border-radius: 6px;

	border-width: 1px;

	background: #fffbf4; /* Old browsers */

background: -moz-linear-gradient(top, #fffbf4 0%, #f2efe8 50%, #e0ddd7 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #fffbf4 0%,#f2efe8 50%,#e0ddd7 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #fffbf4 0%,#f2efe8 50%,#e0ddd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf4', endColorstr='#e0ddd7',GradientType=0 ); /* IE6-9 */

-webkit-transition: all 0.1s linear;

	-moz-transition: all 0.1s linear;

	-ms-transition: all 0.1s linear;

	-o-transition: all 0.1s linear;

	transition: all 0.1s linear;

}

.shop button:hover, .tienda button:hover {

	box-shadow: 3px 3px 4px rgba(0,0,0,.175);

	border-color: #0052A9;

	background: #ffe899; /* Old browsers */

	background: -moz-linear-gradient(top, #ffe899 0%, #ffe066 50%, #e5c02d 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, #ffe899 0%,#ffe066 50%,#e5c02d 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, #ffe899 0%,#ffe066 50%,#e5c02d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe899', endColorstr='#e5c02d',GradientType=0 ); /* IE6-9 */

}

.shop button:active {

	border: inset #ccc;

	box-shadow: 2px 2px 5px rgba(0,0,0,.175);

}

.tienda button:active {

	border: inset thin #ccc;

	box-shadow: 2px 2px 5px rgba(0,0,0,.175);

}

.shop button {

	margin-bottom: 0.2rem;

	padding: 1px;

	padding-right: 4px;

	padding-left: 4px;



}

.shop form .comprar #cart {

	width: 20px;

	height: 21px;

	margin-bottom: 0px;

	padding-top: 4px;

}

.product .tienda button .consultar{

	float: left;

	font-size: 12px;

	font-stretch: expanded;

	padding: 4px;

	vertical-align: top;

	padding-top: 1px;

	padding-bottom: 3px;

	color: #0052A9;

}

.tienda button{

	margin-bottom: 0px;

	padding: 1px;

	padding-top: 2px;

	height: 28px;

}

.submenu {

    float: left;

	text-align: center;

    position: relative;

	width: 100%;

	clear: right;

	margin: 0 auto;

	vertical-align: middle;

}

.submenu .subcat {

    font-size: 0.77rem;

	display: inline-block;

	width: 92px;

	height: auto;

	margin: 1%;

	padding: 2px;

	border-radius: 20px;

	float: none;

	text-align: center;

	background: #ffffff; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f2efe8 64%, #ededed 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f2efe8 64%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center, #ffffff 0%,#f2efe8 64%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );

}

.submenu .subcat, .submenu .subcat img{

-webkit-transition: all 0.5s 0.1s;

	-moz-transition: all 0.5s 0.1s;

	-ms-transition: all 0.5s 0.1s;

	-o-transition: all 0.5s 0.1s;

	transition: all 0.5s 0.1s;

}

.submenu .subcat:hover {

	box-shadow: 0px 0px 4px #A8A7A6;

}

.submenu .subcat:hover img {

	filter:contrast(90%) brightness(110%);

}

.subcat img {

	margin: 0 auto;

	display: block;

	max-width: 55%;

}

.catmed h2 {

	border-top: #999 thin solid;

}

.descat {

	margin: 3px;

	display: inline-block;

	font-size: 11pt;

	font-weight: 400;

}

.accesorios {

	text-align: left;

	clear: both;

	float: left;

	font-size: 1rem;

	margin-left: 10px;

}

.accesorios h4 {

	margin-bottom: 0px;

	padding-bottom: 0px;

	font-size: 1.1rem;

}

.accesorios h5 {

	margin-bottom: 0px;

	padding-bottom: 0px;

	margin-top: 4px;

	font-size: 1rem;

}

.accesorios .accesorio {

	text-align: center;

	float: left;

	margin: 1%;

	width: 40%;

	font-size: 1em;

}

.accesorios ul {

	float: left;

	font-size: 15px;

	font-weight: 400;

}

.accesorios .shop span {

	vertical-align: top;

	font-size: 25px;

}

.accesorios .shop .comprar {

	font-size: 16px;

}

.accesorios .video {

	float: none;

	margin-top: 8px;

}

.acom {

	float: left;

	width: 280px;

	margin-bottom: 0px;

}

.acom img {

	margin: 0px;

	padding: 0px;

}

.acom h5 {

	float: left;

	font-size: 16px;

	margin: 0px;

	padding: 0px;

}

.video {

	display: block;

	float: left;

	text-align: left;

	clear: left;

}

.producto table {

	z-index: 10;

	font-size: 13px;

	font-weight: 400;

	padding-top: 1rem;

	font-stretch: condensed;

	float: left;

	text-align: center;

}

.producto table h4 {

	margin: 0;

	font-weight: 300;

	font-size: 13px;

}

.producto table .encabezado {

	background: #0052A9;

	color: #FFF;

	font-weight: bold;

	height: 20px;

}

.producto table .encabezado a {

	color: #FFF;

	text-decoration: underline;

}

.producto table .encabezado a:hover {

	color: #FFD578;

	text-decoration: none;

}

.producto table td {

	height: 30px;

	padding-top: 3px;

	padding-bottom: 3px;

	vertical-align: middle;

}

.producto tr:nth-child(odd) { 

     background: #f2efe8;

}

.producto tr:nth-child(even) { 

     background: #fff;

}

.red { 

     color: #F00;

	 font-weight: normal;

}

.carrito {

	margin: 0;

	display: inline;

	height: 5px;

}

.tienda {

	vertical-align: middle;

	color: #F00;

	font-size: 0.9rem;

	font-weight: bold;

	text-align: right;

	padding-top: 4px;

	padding: 2px;

}

.tienda span {

	font-size: 12pt;

}

.tienda .IVA {

	color: #999;

	font-weight: 400;

	font-size: 0.8rem;

	display: none;

}

.tienda .extradesc {

	font-size: 12px;

	margin: 1px;

	color: #0052A9;

	padding-left: 2px;

	vertical-align: middle;

	padding-bottom: 8px;

	line-height: 130%;

}

.tienda #cart, .tienda img {

	vertical-align: bottom;

	padding: 1px;

	width: 18px;

	height: 19px;

}

.tienda button {

	padding: 1px;

}

.colores {

	position: relative;

	z-index: 10;

	float: right;

	text-align: right;

	font-size: 0.9rem;

	padding-right: 8px;

}

.shop .colores{

	max-width: 45%;

}

.colores h5 {

	padding: 0;

	margin: 0;

	font-size: 1.1rem;

}

.carrito select {

	font-size: 10px;

	width: 48px;

}

.description {

	display: none;

}

.gr, .pq {

	width: 100%;

	z-index: 10;

}

.min {

	width: 95%;

	margin-right: 2%;

	margin-left: 2%;

}

.video iframe{

	width: 400px;

	height: 225px;

}

.videomin{

	float: none;

	clear: left;

}

.videomin iframe{

	margin-left: 1%;

	width: 380px;

	height: 200px;

}

.shop .disp {

	font-size: 1.7rem;

}

.imglat {

	display: none;

	z-index: 1;

}

.movil {

	font-size: 13px;

	font-weight: 300;

	float: left;

	width: 100%;

	vertical-align: bottom;

}

.accesorios .imagenes {

	float: left;

	margin: 8px;

	text-align: center;

	vertical-align: bottom;

}

.producto h6 {

	margin: 0;

}

.tableta {

	display: none;

}

.carrusel {

	width: 100%;

	text-align: center;

	clear: both;

	float: none;

	margin-top: 2px;

	font-size: 0.4em

}

.carrusel img {

	height: 110px;

	margin: 2px;

	margin-top: 4px;

}

table input[type=number] {

       width: 14px;

	   vertical-align: middle;

}

input[type=number] {

       width: 30px;

	   vertical-align: middle;

}

select, .tienda select {

	   vertical-align: middle;

	   border: #0052A9 thin solid;

	   border-radius: 4px;

	   background: #ffffff; /* Old browsers */

	   background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6-15 */

	   background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */

	   background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}

.tienda select {

	font-size: 11px;

	margin-bottom: 3px;

	height: 22px;

	width: 45px;

}

.selector {

	   font-size: 12px;

	   height: 24px;

	   width: 60px;

	   padding: 1px;

}

.shop h4 {

	   vertical-align: middle;

	   text-align: left;

	   font-size: 1rem;

	   color: #0052A9;

	   margin: 0;

}

.shop .longdesc img{

	   vertical-align: top;

}

.tarifa {

	padding-top: 4px;

	font-size: 1rem;

	font-weight: 400;

}

.carta {

	float: left;

	padding-top: 10px;

	width: 110px;

	height: 140px;

	text-align: center;

	padding-bottom: 8px;

	margin-bottom: 8px;

}

.carta h4 {

	text-align: center;

	font-size: 0.86em;

	display: block;

}

.carta h5 {

	margin-top: 0;

}

.carta p {

	display: block;

	text-align: center;

	font-size: 11px;

	margin: 0;

}

.miniatura {

	text-align: center;

	width: 25px;

	padding-left: 5px;

}

.shop {

	margin: 0;

}

.min {

	margin-left: 2%;

	margin-right: 1%;

}

.min h4 {

	text-align: left;

}

.shop .descuento, .shop .green {

	color: #000;

	font-size: 11pt;

	text-decoration: line-through;

	display: inline;

	vertical-align: middle;

	padding-top: 1px;

}

.shop img {

	float: left;

	margin: 2px;

	margin-right: 4px;

}

.shop .desde{

	font-size: 12pt;

	font-weight: bold;

	padding-top: 0px;

}

.shop .green, .imglat .green {

	color: #093;

	text-decoration: none;



}

.min tr,.gr tr,.pq tr{

	-webkit-transition: all 0.4s linear 0.1s;

	-moz-transition: all 0.4s linear 0.1s;

	-ms-transition: all 0.4s linear 0.1s;

	-o-transition: all 0.4s linear 0.1s;

	transition: all 0.4s linear 0.1s;

}

table .product{

	height: 38px;

}

.min tr:hover,.gr tr:hover,.pq tr:hover {

	background: #FFD578;

}

#mobiliario, #mobi:hover {

	background: #e2e1f4;

}

#maquinas, #maqu:hover {

	background: #eadce0;

}

#consumibles, #consu:hover {

	background: #fcdfd7;

	}

#oficina, #ofic:hover {

	background: #fcfade;

	}

#manualidades, #esco:hover {

	background: #d4ecdc;

}

#seguridad, #segu:hover {

	background: #ddecf6;

}

#outlet {

	background: #D0FF00;

}

#black {

	background: #000;

	color: #FFD578;

}

.flotante {

    display:scroll;

        position:fixed;

        bottom:20px;

        right:10px;

}

.flotante img {

		opacity: 0.5;

		-webkit-transition: all 0.4s linear 0.1s;

	-moz-transition: all 0.4s linear 0.1s;

	-ms-transition: all 0.4s linear 0.1s;

	-o-transition: all 0.4s linear 0.1s;

	transition: all 0.4s linear 0.1s;

}

.flotante img:hover {

        bottom: 26px;

		opacity: 1;

		}

.flotante img:active {

		padding-bottom: 10px;

}

.flotante img:hover {

        bottom:26px;

		opacity: 1;

		}

.flotante img:active {

		padding-bottom: 10px;

}

.promo{

	display: inline-block;

	width: 100%;

	text-align: center;

	font-weight: bold;

}

/* MENU MOVIL */

.sidenav {

    height: 100%; /* 100% Full-height */

    width: 0; /* 0 width - change this with JavaScript */

    position: fixed; /* Stay in place */

    z-index: 10; /* Stay on top */

    top: 0; /* Stay at the top */

    left: 0;

    background-color: #fff;

    overflow-x: hidden; /* Disable horizontal scroll */

    padding-top: 0px;

    transition: 0.9s; /* 0.5 second transition effect to slide in the sidenav */

	text-align: left;

	opacity: 0;

	font-size: 16px;

}

.sidenav a, #buscador {

    padding: 8px 8px 8px 12px;

    text-decoration: none;

    color: #333;

    display: block;

    border-bottom: thin #EAEAEA solid;

}

.sidenav a img {

    padding-bottom: 3px;

}

.sidenav a:first-child {

	border-bottom: none;

}



.sidenav a:hover, #buscador:hover {

    color: #0052A9;

	border-bottom: thin #0052A9 solid;

}

.sidenav a:first-child:hover {

	border-bottom: none;

}	

.sidenav .closebtn {

    position: relative;

	padding-top: 1px;

	padding-left: 5px;

    top: 0;

	border-bottom: none;

}

#main {

    transition: margin-left .5s;

	transition: opacity .6s;

}

#buscador {

    padding-top: 0px;

	margin-top: 0px;

	}

#lupa {

	width: 73%;

	border-style: solid;

    border-width: 0px 0px 1px 0px;

	padding-top: 12px;

	vertical-align: top;

	font-size: 13px;

}



/* Galletas */

#barracookies {border-top: thin #0052A9 solid; opacity: 0.85; display: none;z-index: 99999;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:38px;padding-top:6px;padding-bottom:5px;background:#fff;color:#0052A9;line-height:1.2rem;font-family:Arial;font-size:0.85rem;text-align:center;box-sizing:border-box;}

#barracookies a:nth-child(2) {color:#0052A9;}

#barracookies a {color: #fff;text-decoration: none;}

#barracookies button {

	color:#0052A9;

	border: thin #0052A9 solid;

	border-radius: 4px;

    background-color: #FFD578;

	padding: 3px;

	padding-right: 7px;

	padding-left: 7px;

	margin: 4px;

}

#barracookies button:hover  {

	color: #000;

	border: thin #000 solid;

    background-color: #ededed;

}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */



@media only screen and (min-width: 580px) {

.gridContainer {

	width: 100%;

	padding: 0;

}

#content {

	margin: 1%;

}

#horario {

	font-size: 0.73em;

	vertical-align: bottom;

}

#horario a {

	color: #FFF;

}

#horario a {

	color: #FFF;

}

header {

	clear: both;

	float: left;

	width: 100%;

	display: block;

}

#lateral .enlace {

	margin-left: 13%;

}

#lateral .enlace:nth-child(2) {

	display:inline-block;

}



#footer {

	text-align: center;

	padding-top: 12px;

	padding-left: 2%;

	padding-right: 1%;

}

#footer .infolink {

	max-width: 19%;

	float: left;

	clear: right;

	display: block;

}

#footer .footico {

	width: 100%;

	height: 50px;

}

#footer .footext {

	width: 100%;

	height: 40px;

	padding-top: 0px;

	font-size: 0.95rem;

}

#footer #footarriba {

	float: none;

	clear: both;

	width: 99%;

	margin-left: 1%;

	margin-bottom: 30px;

}

#footer #footbajo div {

	width: 19%;

	float: left;

	margin-top: 10px;

	height: 100px;

}

#footer #social  {

	position: relative;

	height: 65px;

	width: 100%;

	margin-top: 100px;

	right: 30px;

}

.producto h3, .producto h2 {

	font-size: 1.5rem;

	margin-left: 10px;

	padding-left: 8px;

	clear: right;

	padding-top: 6px;

}

.producto .product h2 {

	float: none;

	clear: both;

}

.product .image {

	padding-left: 0;

	padding-right: 3%;

}

.logotipo {

	position: static;

	display: inline;

	padding-top: 5px;

	margin-left: 5px;

	padding-right: 5px;

	padding-bottom: 2px;

}

.solomovil {

	display: none;

}

.longdesc {

	display: inline;

}

.product ul {

	font-size: 11pt;

}

.extradesc {

	display: none;

}

.shop .IVA {

	display: inline;

	font-size: 11pt;

	padding-top: 14px;

}

.shop .colores{

	padding-top: 4px;

}

.acc .shop .IVA {

	font-size: 0.9rem;

	padding-top: 6px;

}

.subcategory h2 {

	float: left;

	font-size: 2.6rem;

	margin-bottom: 0px;

}

.submenu .subcat{

	width: 120px;

}

.subcat img {

	max-width: 75%;

}

.accesorios .video {

	float: none;

	margin-top: 8px;

}

.accesorios ul {

	float: right;

}

.acom {

	float: left;

	width: 650px;

	clear: both;

}

.acom h5 {

	float: right;

	padding-top: 20px;

	font-size: 16px;

	vertical align: bottom;

}

.producto table .product .longdesc {

	display: inline;

	font-weight: 400;

}

.producto table .product h4 {

	text-align: left;

	margin-left: 3%;

	font-weight: 400;

}

.tienda button {

	margin-right: 4px;

	margin-left: 3px;

	height: 27px;

}

.tienda span {

	padding-top: 2px;

	font-size: 15pt;

}



.video iframe {

	width: 560px;

	height: 315px;

}

.TabbedPanelsContent .longdesc, .TabbedPanelsContent .extradesc {

	font-size: 16px;

	font-weight: 400;

}

.TabbedPanelsContent a:hover {

	text-decoration: none;

}

.TabbedPanelsContent table .longdesc {

	font-size: 13px;

	font-weight: 400;

}

.TabbedPanelsContent .encabezado .longdesc {

	font-size: 13px;

}

.tableta{

	display: block;

	float: right;

	padding: 3%;

	width: 25%;

	vertical-align: top;

}

.carrusel img {

	height: 140px;

}

table input[type=number] {

       width: 36px;

}

input[type=number] {

       width: 42px;

}

.selector {

	   vertical-align: middle;

	   padding-top: 0px;

	   font-size: 13px;

	   width: auto;

	   height: 30px;

}

.carrito select {

	width: auto;

}

.min  {

	width: 85%;

}





/* Diseño miniescritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */



@media only screen and (min-width: 789px){

.gridContainer {

	width: 100%;

	margin: auto;

	clear: auto;

	margin-top: 0px;

}

#header {

	height: auto;

	position: relative;

}

#nav2 {

	text-align: center;

	display: block;

	width: 100%;

}

#superior {

	margin: 3px;

	padding-top: 1px;

}

.producto {

	width: 96%;

	margin-left: 2%;

}

#logo {

	margin-top: 0px;

	padding-left: 2%;

	float: left;

	display: block;

	text-align: left;

	width: 33%;

}

#logo a img {

	padding-top: 2px;

	height: 50px;

	width: 258px;

}

#slogan {

	margin-left: 2px;

	display: block;

	float: left;

	text-align: center;

	width: 29%;

}

#slogan img {

	padding-top: 3px;

	height: 45px;

	width: 255px;

}

#lateral {

	padding-top: 0px;

	padding-left: 0px;

	padding-bottom: 2px;

	margin-right: 2%;

	width: 30%;

	display: block;

	font-size: 14pt;

	color: #FFF;

	float: right;

}

#telefono {

	display: inline-block;

	font-size: 22px;

	font-weight: bold;

}

#horario {

	display: inline-block;

}

#lateral aside {

	margin-right: 2%;

	float: right;

}

#lateral .enlace {

	margin-left: 0px;

	margin-top: 0px;

	font-size: 11px;

	text-align: center;

	vertical-align: top;

}

#lateral .enlace a {

	color: #FFF;

	text-decoration: none;

	}

#lateral .enlace :hover {

	color: #FFD578;

}

#lateral .enlace img{

	height: 38px;

}

#barra {

	display: block;

	width: 99%;

	margin-right: 1%;

	height: 30px;

	color: #0052A9;

	vertical-align: middle;

	padding-bottom: 0px;

}

#barra #root {

	width: 63%;

	float: left;

	font-size: 1.1rem;

	margin-left: 2%;

	padding-top: 13px;

}

#barra #searcher {

	width: 33%;

	float: right;

	display: block;

	font-size: 0.85rem;

}

#searcher input {

	width: 65%;

	border-radius: 4px;

	border: thin solid #0052A9;

	padding: 2px;

}

#searcher input:last-child {

	width: 60px;

	background: #ededed;

	margin-right: 3%;

}

#searcher input:hover {

	border: thin solid #FFD578;

}

#footer .footext  {

	padding-top: 0px;

	font-size: 1.2rem;

}

#footer #footbajo  {

	padding-top: 55px;

	width: 99%;

	margin-left: 1%;

	font-size: 0.8rem;

}



.catmed {

	width: 48%;

	margin-right: 2%;

	float: left;

	min-height: 850px;

}

.catmed .descat {

	padding-left: 1%;

	padding-right: 3%;

}

.catmed .shop {

	margin-right: 1%;

}



.product ul {

	font-size: 0.95rem;

	margin-left: 0;

	float: left;

	width: 50%;

}

.product img {

	float: left;

}

.product .image {

	padding-right: 0;

}

.producto h3 {

	font-size: 1.4rem;

	float: left;

	width: 40%;

	margin-left: 8px;

	padding-left: 2px;

	padding-top: 0px;

}

.producto .product h2 {

	font-size: 1.4rem;

	width: 56%;

	float: left;

	clear: none;

}

table .tienda button .extradesc {

	font-size: 14px;

	vertical-align: top;

}

.TabbedPanelsContent table .product .longdesc {

	font-size: 16px;

}

.TabbedPanelsContent table .product .extradesc {

	font-size: 15px;

}

.TabbedPanelsContent table .tienda .extradesc {

	font-size: 14px;

}

.TabbedPanelsContent table .product h4 {

	font-size: 16px;

}

table .product h4 {

	font-size: 16px;

}

.shop {

	clear: right;

}

.video {

	display: block;

	float: left;

	clear: none;

}

.submenu {

	width: 100%;

	margin: 0 auto;

	text-align: center;

	margin-top: 4px;

	margin-bottom: 2px;

	}

.subcat img {

	width: auto;

	height: auto;

}

.submenu .subcat {

	background: #FFF;

}

.descat {

	margin: 4px;

	float: left;

	width: 100%;

}

.producto table {

	margin-top: 10px;

	font-size: 0.97rem;

}

.producto table h4 {

	margin-left: 6%;

}

.tienda .IVA {

	display: inline;

}

table .cantidad {

	margin-bottom: 5px;

}

.carrito select {

	font-size: 0.8rem;

	padding-bottom: 2px;

}

.colores {

	display: inline;

	float: right;

	font-size: 11pt;

	font-weight: bold;

}

.description {

	display: block;

	font-size: 0.5em;

	text-align: center;

	width: 40%;

	margin-top: 2px;

	float: left;

	clear: right;

}

.video iframe {

	width: 700px;

	height: 393px;

}

.paneles {

	float: none;

}

.tableta {

	display: none;

}

.movil {

	display: none;

}

.image {

	margin-top: 1%;

}

.carrusel {

	margin: 0px;

	text-align: left;

}

.carrusel img {

	height: 100%;

}

.banner {

	margin: 0 auto;

	text-align: center;

}

.product h5  {

	float: none;

	clear: both;

	width: 100%;

	margin-bottom: 0px;

	margin-top: 6px;

}

.tarifa  {

	margin-top: 1rem;

	clear: both;

	font-size: 1.1rem;

}

.accesorios .carta {

	margin: 0 auto;

	padding: 4px;

	height: 150px;

	text-align: center;

	margin-top: 12px;

	margin-left: 12px;

	margin-bottom: 12px;

}

.carta h5 {

	font-size: 1rem;

	margin-left: 14px;

	margin-top: 0;

}

.carta h4 {

	text-align: center;

	margin-bottom: 2px;

}

.carta img {

	margin-bottom: 8px;

}

.min {

	width: 50%;

}

select, .tienda select {

	background: #FFF;

}

.tienda select {

	margin-bottom: 5px;

}

.prensa  {

	margin-left: 4px;

}

.TabbedPanelsContent table .longdesc {

	font-size: 12pt;

}

.TabbedPanelsContent .encabezado .longdesc {

	font-size: 12pt;

}

/* MENU */

#hamburguesa {

		display: none;

}

ul.fullnav li:hover ul {

	-webkit-transition: all 0.2s linear 0.5s;

	-moz-transition: all 0.2s linear 0.5s;

	-ms-transition: all 0.2s linear 0.5s;

	-o-transition: all 0.2s linear 0.5s;

	transition: all 0.2s linear 0.5s;

}

ul.fullnav li:hover ul {

	-webkit-opacity: 1;

	-moz-opacity: 1;

	opacity: 1;

}

ul.fullnav .mob:hover, ul.fullnav .maq:hover, ul.fullnav .con:hover, ul.fullnav .ofi:hover, ul.fullnav .esc:hover, ul.fullnav .seg:hover {

	background: white!important;

	border-bottom-left-radius: 0px;

	border-bottom-right-radius: 0px;

}

ul.fullnav .mo, ul.fullnav .ma, ul.fullnav .co, ul.fullnav .es, ul.fullnav .of, ul.fullnav .se {

	width: 95%;

	margin-left: 0%;

	margin-right: 5%;

}

nav {position: relative; width: 99%; padding-left: 0%; padding-right: 3%; margin: 0 auto; float: none; clear: both; margin-right: 4%; margin-left: 1%;}

ul.fullnav, ul.fullnav ul {list-style: none; width: 100%; margin: 0; padding: 0; border: 0; font-size: 0; text-align: center; }

ul.fullnav { }

ul.fullnav li {display: inline-block; margin: 2px; padding: 0; font-size: 12pt; line-height: 30px; border-radius: 6px; float: left; width: 16%; margin-right: 2px; margin-left: 2px; margin-bottom: 4px;}

ul.fullnav li a {display: block; padding: 0; color: #333;}

ul.fullnav li a img {float: left;}

ul.fullnav li ul {position: absolute; left: 0; width: 100%; height: 0; overflow: hidden; background: #FFF; line-height: 0; z-index: 3; font-weight: bold; margin-left: 4px; padding-left: 1%; opacity:0.3; -webkit-transition:  all 0.3s linear 0.1s; -moz-transition: all 0.3s linear 0.1s; -ms-transition: all 0.3s linear 0.1s; -o-transition: all 0.3s linear 0.1s; transition: all 0.3s linear 0.1s;

}

ul.fullnav li ul li {width: 19%;}

ul.fullnav ul a {color: black; padding-left: 5%; padding-right: 0px;}

ul.fullnav li:hover {}

ul.fullnav li:hover ul { padding-bottom: 10px;}

ul.fullnav li:hover .mo {height: 205px;}

ul.fullnav li:hover .ma {height: 308px;}

ul.fullnav li:hover .co {height: 308px;}

ul.fullnav li:hover .of {height: 308px;}

ul.fullnav li:hover .es {height: 205px;}

ul.fullnav li:hover .se {height: 205px;}

ul.fullnav li:hover ul li a {}

ul.fullnav li:hover ul li a:hover {color: #0052A9;}

ul.fullnav .mob, ul.fullnav .mo {

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 25%, #e2e1f4 75%, #e2e1f4 100%);

background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 25%,#e2e1f4 75%,#e2e1f4 100%);

background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 25%,#e2e1f4 75%,#e2e1f4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e1f4',GradientType=0 );

 	border-radius: 6px;

}

ul.fullnav .maq, ul.fullnav .ma {

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 25%, #eadce0 75%, #eadce0 100%);

background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 25%,#eadce0 75%,#eadce0 100%);

background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 25%,#eadce0 75%,#eadce0 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eadce0',GradientType=0 );

	border-radius: 6px;

}

ul.fullnav .con, ul.fullnav .co {

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 25%, #fcdfd7 75%, #fcdfd7 100%);

background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 25%,#fcdfd7 75%,#fcdfd7 100%);

background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 25%,#fcdfd7 75%,#fcdfd7 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcdfd7',GradientType=0 );

border-radius: 6px;

}

ul.fullnav .ofi, ul.fullnav .of {

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 25%, #fcfade 75%, #fcfade 100%);

background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 25%,#fcfade 75%,#fcfade 100%);

background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 25%,#fcfade 75%,#fcfade 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfade',GradientType=0 );

border-radius: 6px;

}

ul.fullnav .esc, ul.fullnav .es {

	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #d4ecdc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ffffff 0%,#d4ecdc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ffffff 0%,#d4ecdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4ecdc',GradientType=0 ); /* IE6-9 */

border-radius: 6px;

}

ul.fullnav .seg, ul.fullnav .se {

	background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 25%, #d5e8f5 75%, #d5e8f5 100%);

background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 25%,#d5e8f5 75%,#d5e8f5 100%);

background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 25%,#d5e8f5 75%,#d5e8f5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5e8f5',GradientType=0 );

border-radius: 6px;

}

.subdesp {

	width: 59%;

	font-size: 0.75rem;

	float: left;

	font-weight: 400;

	line-height: 0.83rem;

	text-align: left;

}

ul.fullnav .fotografia  {

	float: none;

	clear: both;

}

ul.fullnav .ma .maquina {

	width: 15%;

}

ul.fullnav li .maquina {

	width: 16%;

	height: 97px;

}

ul.fullnav ul li:hover a {

	text-decoration: underline;

	color: #0052A9;

}

ul.fullnav ul li:hover img {

	filter:contrast(91%) brightness(109%);

}

ul.fullnav ul li:hover .subdesp a {

	text-decoration: none;

}

ul.fullnav ul li .subdesp a:hover {

	text-decoration: underline;

}

ul.fullnav li ul li {

	height: 97px;

}

/* Diseño pantalla grande: desde 1010 px  Hereda estilos de: Diseño móvil, Diseño tableta y Diseño escritorio. */



@media only screen and (min-width: 1200px) {

.gridContainer {

	width: 100%;

	margin: auto;

	clear: auto;

}

.extradesc {

	display: inline;

}

.shop .colores {

	width: auto;

}

.colores {

	width: 17%;

}

.imglat {

	display: inline;

	width: 22%;

	vertical-align: top;

}

.imglat img {

	width: auto;

	margin-top: 8px;

	padding-left: 4px;

}

.imglat iframe {

	padding: 15px;

}

.imglat h5 {

	font-size: 1.2rem;

	padding-top: 4%;

}

.imglat h6 {

	font-size: 1rem;

	margin-bottom: 0px;

	margin-top: 9px;

}

.TabbedPanelsContent .imglat h6 {

	width: 260px;

	float: right;

}

.gr {

	z-index: 20;

	width: 98%;

}

.pq {

	z-index: 20;

	clear: both;

	width: 75%;

	margin-right: 11px;

}

.min {

	z-index: 20;

	width: 43%;

}

.video iframe {

	width: 1100px;

	height: 619px;

}

.subcat img {

	max-width: 125px;

	height: auto;

}

.submenu .subcat {

	background: #FFF;

	height: auto;

	margin: 0 auto;

	margin-bottom: 1px;

	margin-left: 1%;

	width: 130px;

	font-size: 0.85rem;

}

.catmed {

	width: 48%;

	margin-right: 2%;

	float: left;

	min-height: 100%;

	margin-top: 8px;

}

.tienda {

	margin: 2%;

	padding-right: 3%;

}

.product .tienda button .consultar {

	font-size: 15px;

}

.shop {

	z-index: 10;

	position: relative;

	background: #FFF;

	display: block;

	margin-right: 7%;

	padding-right: 4%;

	margin-left: 2%;

	margin-top: 14px;

}

.prensa  {

	display: none;

}

#footer  {

	height: 260px;

	padding-bottom: 0px;

}

#footer #footbajo  {

	display: block;

}

#footer #social  {

	margin-top: 5px;

	margin-top: 0px;

	top: -48px;

	right: 2%;

	margin-bottom: 0px;

	padding-bottom: -10px;

}

#barra #root {

	padding-top: 11px;

	font-size: 1.3rem;

	text-align: left;

	font-weight: bold;

}

.consum {

	clear: left;

	min-width: 30%;

}	

/* MENU */



nav {

	width: 98%;

	padding-left: 1%;

	}

.subdesp {

	width: 68%;

	font-size: 0.85rem;

}

/* Diseño extragrande*/



@media only screen and (min-width: 1700px) {



#content {

	font-size: 120%;

	margin: 2%;

}

.shop {

	margin-left: 8%;

	margin-right: 10%;

	padding-right: 6%;

}

@media only screen and (min-width: 1900px) {



#content {

	font-size: 130%;

	margin: 3%;

}