body {
	background-color: #fff;
	/*background-image: url("imagenes/propias/bg.jpg");*/
	background-position: top;
	background-size: 4000px 30px;
	background-repeat: no-repeat;
	color: #4c4c4c;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	margin: 0px;
	border: 0px;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.colorPrincipal{
	color: #00aad6;
}

.colorBorde{
	/*border-top: 3px #00aad6 solid;*/
}

.colorBorde2{
	/*border-top: 3px #a4a4a4 solid;*/
}
.colorPrincipalFondo{
	background-color: #a4a4a4;	
	
}



/* Titulos #252525 */
/* Base #4c4c4c
 Color #a4a4a4
 C. alternativo  #00aad6
 C. alternativo2 #64727b */
.bodymail {
	color: #4c4c4c;
	background-color: #FFF;
	background-image: url("imagenes/trans.gif");
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	margin: 0px;
	border: 0px;
}

.negro {
	color: #222 !important;
}

select {
	font-size: 12px;
}

img {
	border: none;
}

input, textarea {
	font-family: 'Montserrat', sans-serif;
}

textarea {
	padding: 6px 12px;
}

input[type='text']:focus, textarea:focus, select {
	outline: 0 none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px
		rgba(102, 175, 233, 0.6);
	outline: 0 none;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
}

.textoBlanco{
	color: #FFF;
}

#tituloIndex{
	height: 1px;
	color: #FFF;
}

.noVisiblePc {
	display: none;
}

.noVisibleMovil {
	/*display: block;*/
}


.noVisible{
	display: none;
}

.tipovisible {
	display: block;
}

.formulariocontacto {
	width: 50%;
	font-size: 1.1em;
	padding: 0px 20px;
}
.contactoIcono {
	text-align: center;
	padding-right: 20px;
}
.contactoIcono img{
	width: 80%;
}
.contactoTitulo{
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

.enlaceVolver{
	position: absolute;
	right: 0;
	top: -10px;
}

.localiza{
	background-color: #DDD;
	border-radius: 24px 24px 24px 24px;
-moz-border-radius: 24px 24px 24px 24px;
-webkit-border-radius: 24px 24px 24px 24px;
border: 0px;
padding: 30px 30px;
}

.localizaFondo{
	background: url('imagenes/propias/mapa-fondo.jpg')no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	min-height: 600px;
}

.migasdepan50 {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 50%;
	text-transform: uppercase;
}

.migasdepan {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	/*text-transform: uppercase;*/
}

#filtros {
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: right;
	width: 50%;
	position: absolute;
	right: 0;
	top: -15px;
}

#buscar {
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#cajaBuscar {
	display: inline-block;
	position: relative;
}

.bb-search-autocomplete-box {
	font-size: 15px;
	height: 40px;
	padding: 5px 35px 5px 40px;
	width: 392px;
}

.bb-search-autocomplete-box-after {
	background: rgba(0, 0, 0, 0) url("imagenes/propias/find_icon_grey.png")
		no-repeat scroll 0 0;
	content: " ";
	cursor: pointer;
	display: block;
	height: 17px;
	left: 12px;
	position: absolute;
	top: 12px;
	width: 17px;
}

.mini {
	font-size: 10px;
}

.mini2 {
	font-size: 0.8em;
}

a:link, a:visited {
	color: #222;
	text-decoration: none;
	border: none;
}

.subrayado{
	text-decoration: underline !important;
}

a:hover {
	color: #999;
}

a.selec {
	/*border-top: 4px solid #B9B9B9;*/
	/*padding-top: 5px;*/
	/*border-bottom: 1px solid;*/
	
}

a.enlaceColor {
	color: #a4a4a4;
}



.pago {
	text-align: center;
}

.pagos{
	width: 100%;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

#tituloPrincipal {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 1.8em;
	color: #252525;
	font-weight: bold;
}

#subTituloPrincipal {
	font-size: 1.2em;
}
.avisos {
	font-size: 0.85em;
}

.sizefijo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1280px;
}

#head {
	clear: both;
	height: 150px;
	position: relative;
	z-index: 20;
	width: 100%;
}

#headAdmin {
	clear: both;
	height: 120px;
}

#head .titulo {

    position: relative;
    text-align: center;
    width: 250px;
    z-index: 300;
    margin-left: auto;
    margin-right: auto;
    top: 25px;

}

#head h1 {
	display: none;
}

#head a {
	color: #666;
}


#full-tipo{
	color: #FFF;
}
#full-tipo img{
	width: 100%;
}

.bannerimagen, .tipoImagen {
	position: absolute;
	width: 100%;
	max-height: 600px;
	min-height: 400px;
}

.tipoImagen {
	overflow: hidden;
}

.bannercontenido, .tipoContenido {
	position: relative;
	float: right;
	width: 45%;
	height: 900px;
	padding-top: 5%;
	text-align: right;
	padding-right: 8%;
	z-index: 80;
}

.tipoContenido {
	height: 600px;
}
.repuestos{
	position: relative;
	float: right;
	text-align: right;
	z-index: 100;
	text-transform: uppercase;
	padding-right: 5%;
	margin-top: -100px;
}

.bannercontenido h2, .tipoContenido h1, .repuestos h2 {
	color: #FFF !important;
	font-size: 5.5em;
	font-weight: 600;
	text-transform: uppercase;
}
.bannercontenido a{
	color: #FFF !important;
}

.repuestos h2 {
	color: #444 !important;
}

.bannercontenido h2, .tipoContenido h1, .bannercontenido .subtitulo, .tipoContenido .subtitulo{
	padding-right: 30px;
}

.bannercontenido .subtitulo, .tipoContenido .subtitulo {
	font-size: 2.4em;
	margin-top: 25px;
	padding-left: 100px;
	color: #FFF;
}

.bannerLine, .tipoLine{
	border-right: 3px #FFF solid;
	min-height: 300px;
}
 .tipoLine{
 	min-height: 300px;
 }

#idiomas {
	font-size: 0.8em;
}

#barras {
	position: absolute;
	float: left;
	width: 100%;
	
}

.barraMandos {
	float: right;
	padding-top: 5px;
	padding-right: 20px;
}

.barra {
	clear: both;
	float: right;
	right: 0;
	padding-top: 10px;
	padding-right: 20px;
}

.barra ul, .barraMandos ul {
	list-style-type: none;
}

.barra li {
	display: inline;
	text-align: center;
	vertical-align: middle;
	text-align: center;
	margin-right: 5px;
	/*padding: 3px 9px;*/
}

.barra .recuadro {
	border: 1px solid #BBB;
	padding: 4px 9px;
}

.idiomaSeleccionado {
	color: #a4a4a4 !important;
}

.telefono {
	font-size: 1.3em;
	position: relative !important;
}

#menu {
	
	right: 140px;
	top: 25px;
}

#menuPrimero {
	position: relative;
	font-size: 1.4em;
	text-transform: uppercase;
}

#menuPrimero ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-top: 5px;
}

#menuPrimero li {
	display: inline;
	vertical-align: middle;
	padding: 7px 15px;
}

#menuPrimero li:hover {
	background-color: #E5E5E5;
}

#menuPrimero a {
	/*color: #E5E5E5;*/
	
}

#menuPrimero .entrada {
	float: left;
	position: relative;
	padding-top: 5px;
	padding: 7px 12px;
	height: 35px;
}

.menuImagen img:hover {
	opacity: 0.6;
}

#menuPrimero .entrada a:hover {
	color: #a4a4a4;
	transition: all 0.3s ease-in-out;
}

#menuPrimero .entradab a {
	color: #a4a4a4 !important;
}

#menuAd {
	position: relative;
}

#menuAd ul {
	margin: 0px;
	margin-left: 10px;
	padding: 20px;
	list-style-type: none;
}

#menuAd li {
	padding: 10px;
}
#subMenu {
	position: relative;
	clear: both;
	background-color: #4c4c4c;
	z-index: 90;
	height: 70px;
}

#subMenu .separadorSubmenu, .separadorSubmenu2 {
	width: 100%;
	height: 2px;
}
.separadorSubmenu2 {
	height: 20px;
}

#subMenu .seccionFooter {
	font-size: 1.35em;
	position: relative;
	float: left;
	/*text-transform: uppercase;*/
	padding: 10px 5px;
	padding-top: 25px;
	width: 12%;
	/*font-weight: 600;*/
	text-align: center;
	height: 70px;
}

.b2b {
	background-color: #00aad6;
	overflow: hidden;
	float: right !important;
	width: 220px !important;
}

#subMenu .lineaFooter {
	margin-top: 15px;
	min-height: 120px;
}

#subMenu .seccionFooter a{
	color: #FFF;
}

#subMenu ul {
	list-style-type: none;
}

#subMenu li {
	text-decoration: none;
	padding-right: 30px;
}

#subMenu a {
	
}

#subMenu .seccionFooter:hover, .seleccionado {
	background-color: #a4a4a4;
	transition: all 0.5s ease-in-out;
}

#subMenu .selecc, #subMenu .seleccSeccion {
	color: #a4a4a4 !important;

	/*border-bottom: 1px solid #00aad6 !important;*/
}

#cajaBusqueda {
	position: absolute;
	right: 0;
	text-align: right;
	top: 40px;
}

.lupa {
	padding: 2px 4px;
	padding-top: 3px;
	background-color: #a4a4a4;
	position: relative !important;
}

.cajaBusqueda {
	padding: 2px 2px;
	height: 28px;
}

#carrito {
	z-index: 100;
	position: absolute;
	/*background-color: #EEE;*/
	background-repeat: no-repeat;
	color: #666;
	right: 0px;
	top: 60px;
	width: 120px;
	padding: 10px 10px;
	text-align: right;
	background-color: #a4a4a4;
}

#carrito a {
	color: #FFF;
}

#carrito .imagen {
	float: left;
	position: relative;
	margin-right: 5px;
	margin-left: -20px;
	margin-top: -40px;
	text-align: center;
	width: 30px;
	height: 24px;
	padding-top: 10px;
	
	z-index: 30;
}

.carritoMini {
	font-size: 1em;
}

#social {
	position: absolute;
	left: 0px;
}

.popupable {
	z-index: 25;
	position: absolute;
	background: #4A403D;
	padding: 12px 16px;
	height: 20px;
	opacity: 0.4;
	transition: all 0.5s ease-in-out;
	width: 155px;
	top: 5px;
	right: 50px;
	vertical-align: bottom;
}

.popupable:hover {
	opacity: 1;
	transition: all 0.3s ease-in-out;
	height: 50%;
}

#carritoOculto {
	display: none;
	z-index: 90;
	position: absolute;
	background-color: #EEE;
	color: #666;
	right: 0px;
	top: 115px;
	width: 180px;
	padding: 30px 10px;
	font-size: 0.8em;
	transient: 0.5;
}

#total {
	text-align: right;
	padding: 15px 0px;
	margin-top: -5px;
	font-size: 1.7em;
	color: #333;
}


.entradaCarrito{
	padding-right: 10px;
}
.entradaCarrito2{
	padding-right: 10px;
	margin-top: 15px;
}

/* MENU LATERAL */
.filtroLateral {
	width: 195px;
	position: relative;
	float: left;
}

.filtroTitulo {
	width: 100%;
	font-size: 1.2em;
	margin-bottom: 10px;
	font-weight: bold;
	margin-top: 10px;
}

.filtroItem {
	margin-bottom: 5px;
}

.filtroRango {
	width: 90%;
}

.filtroRangoPrecio {
	color: #a4a4a4;
	font-weight: bold;
	border: 0;
	font-size: 1.1em;
	width: 80%;
}

#lateral {
	position: relative;
	float: left;
	width: 170px;
	margin-top: 10px;
	z-index: 10;
}

#lateral a {
	color: #111;
}

#lateral a:hover {
	color: #666;
}

#lateral .titulo {
	width: 100%;
	padding: 5px 7px;
	text-transform: uppercase;
	margin-left: -10px;
	color: #a4a4a4;
}

#lateral .submenu {
	margin-left: 5px;
	font-size: 0.9em;
}

.vermas {
	margin-top: 20px;
	width: 95%;
	text-align: center;
	padding: 10px 0px;
	background-color: #EEE;
}

.vermas a {
	color: #444;
}

#lateral ul {
	margin: 0px;
	padding-right: 5px;
	list-style-type: none;
}

#lateral li {
	/*background-image: url(imagenes/icon/menuBack.png);*/
	background-repeat: no-repeat;
	padding-top: 5px;
}

/* SECCIONES */
.contenidoSeccion {
	display: none;
	position: absolute;
	top: 70px;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	z-index: 20;
}

.fondoSeccion{
	background-color: rgba(255, 255, 255, 0.3);
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}

.estiloSeccion {
	background-color: #e5e5e5;
	padding: 5px 5px;
	color: #a4a4a4;
	text-transform: uppercase;
	margin-left: -10px;
}

.estiloSeccion a {
	color: #a4a4a4;
	text-transform: uppercase;
}

/* LINEAS */
a.menuLinea {
	font-size: 1.1em;
	color: #323232;
	font-weight: bold;
	text-transform: uppercase;
}

/* TIPOS */
a.menuTipo {
	font-size: 0.9em;
	/*text-transform: uppercase;*/
}

/* MARCAS */
a.menuMarca, .submenuMarca {
	font-size: 0.9em;
}

/* RECOMENDADOS */
#recomendados {
	/*background-color: #DDDDDD;*/
	margin-top: 20px;
	padding: 4px 9px;
	/*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;*/
}

/* Pagook y pagonok*/
#contenidoPago {
	background-color: #2E2E2E !important;
}




/* footer --------------------------------*/

#footer2, #footer1 {
	clear: both;
	padding-top: 10px;
	background-color: #333333;
	color: #FFF;
}

#footer1 {
	background-color: #4c4c4c !important;
}

#footer1 a, #footer2 a {
	color: #FFF;
}

#footer1 a:hover, #footer2 a:hover {
	opacity: 0.6;
}

.propietario {
	width: 70%;
	margin-top: 10px;
	padding-left: 10px;
	font-size: 0.9em;
}

.desarrollador {
	text-align: right;
	padding-right: 30px;
	padding-top: 20px !important;
}

.entradaFooter {
	padding: 35px 20px;
	position: relative;
	float: left;
	width: 15%;
	
}

.footerLine{
	border-left: 3px #FFF solid;
	padding-left: 20px;
	min-height: 170px;
}

.cabeceraEntrada{
	text-transform: uppercase;
	font-size: 1.2em;
	padding-bottom: 20px;
}

.entradaFooter ul {
	margin: 0px;
	padding: 4px 9px;
	list-style-type: none;
}

.entradaFooter li {
	margin-bottom: 3px;
}

.entradaFooter a {
	
}

.entradaFooter a:hover {
	color: #999;
}

.inline li{
	display: inline-block;
}

#footer2 .otros{
	padding-top: 30px;
	padding-left: 30px;
}

/* ---------------------------------fin footer -----------------------------*/

.mayusculas{
	text-transform: uppercase;
}


#mensaje {
	margin-top: 20px;
	margin-bottom: 20px;
}

.clear, .clearmini, .clearme {
	clear: both;
}
.clearmini{
	height: 2px;
}
.clearme{
	height: 5px;
}

#div_mensaje_usuario{
	z-index: 5555;
	position: absolute;
	width: 100%;
	top: 0;
}


/* Productos visitados*/
#seleccion {
	margin-top: 10px;
	left: 0px;
	/*border: 1px solid #DDD;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;
	padding-right: 20px;
	background-color: #FFF;
	width: 95%;
}

#general {
	/*background-color: #4c4c4c;*/
}

#generalSinMargen {
	/*background-color: #4c4c4c;*/
	min-height: 600px;
	
}

#generalMisdatos {
	position: relative;
	min-height: 630px;
	padding-left: 230px;
	width: 730px;
}

.grupoFormulario {
	margin-top: 10px;
	margin-bottom: 10px;
	/*background-color: #F4F4F4;*/
	padding: 5px 5px;
	font-size: 14px;
}

.encabezadoGrupo {
	font-weight: bold;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.lineaGrupo {
	margin-top: 5px;
}

#tituloProducto h1,.tituloProducto h2{
	/*color: #252525;*/
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 3em;
	padding: 10px 0px;
	font-weight: 400;
}

.tituloProducto h2{
	color: #FFF;
	font-weight: 400;
}

#colorProducto{
	font-size: 1.2em;
	color: #333;
}

#titulo {
	margin-top: 20px;
	margin-bottom: 20px;

	/*color: #252525;*/
}

#subtituloProducto {
	font-size: 0.7em;
	/*padding-bottom: 15px;*/
}

#tipoProducto {
	font-size: 0.9em;
	text-transform: uppercase;
	padding-bottom: 5px;
	color: #666;
}

.tallaNombre {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 20px;
}

.etiquetaFichaProducto {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-top: 20px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #a4a4a4;
}

#tallaProducto {
	margin-top: 10px;
	float: left;
	position: relative;
	margin-right: 10px;
	/*width: 150px;*/
}

.tallaSelector {
	padding: 10px 10px;
	font-size: 1em;
	border: 1px solid #DDD;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: URL(imagenes/bgmenu.jpg) no-repeat 298px 3px #fff !important;
}

/* pagina de producto escaparate*/
.productoFondo1{
	background-color: #FFF;
}
.productoFondo2{
	background-color: #000;
	color: #FFF;
}
.productoFondo3{
	background-color: #4c4c4c;
}


.productoCaracteristicaImagen{
	z-index: 90;
	height: 90%;
}
.productoImagenD{
	text-align: right;
}
.productoCaracteristicaImagen img{
	max-width: 100%;	
}

.productoTexto{
	padding: 50px 100px;
	
}

.productoTitulo h3{
	font-size: 4em;
	font-weight: 600;
}
.productoDescripcion{
	line-height: 2em;
	padding-left: 15%;
	padding-top: 30px;
	min-height: 280px;
	text-align: justify;
}

.lineaIconos{
	position: relative;
	float: left;
	height:100px;
	background-color:#C00000;
	width: 100%;
	margin-top: -45px;
	padding-left: 40%;
	z-index: 20;
}

.productoFondo1 .lineaIconos{
	padding-left: 20px;
}

.productoIconoTexto, .productoIcono{
	margin-left: 20px;
	padding-top: 8px;
}
.productoIconoTexto{
	margin-left: 10px;
	padding-top: 40px;
	text-transform: uppercase;	
}

.productoFondo3 .productoTexto{
	color: #FFF;
}

.productoCerti{
	text-align: center;
	padding-top: 50px;
	
}

/* Titulos */

h1 {
	color: #555;
}

h2 {
	font-size: 1.4em;
	color: #777;
}

h3 {
	font-size: 1.9em;
	font-weight: 400;
}

#subtitulo {
	margin-top: -10px;
	margin-bottom: 10px;
}

#subtitulo h2 {
	display: none;
}

.anchonormal {
	width: 194px;
	height: 350px;
}

.cajaTipo {
	width: 185px;
	height: 240px;
	margin-left: 5px !important;
	margin-right: 5px !important;
}	


.anchonormal:hover {
	/*border: 1px solid #CCC;*/
}

.anchonormal:hover img{
	width: 100%;
}

.anchopequeno {
	width: 125px;
	height: 300px;
}


.cajaProducto {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	/*background-color: #FFF;*/
	font-size: 1em;
	text-align: center;
	/*border: 1px #DDD solid;*/
}

.cajaProducto .detalle {
	background-color: #000;
	float: left;
	color: #FFF;
	margin-top: 30px;
}

.cajaProducto .detalle a {
	color: #FFF;
}

.cajaProducto .imagenProducto {
	padding: 15px 10px;
	width: 100%;
	height: 215px;
}
.item .cajaProducto .imagenProducto {
	height: 195px;
}

.cajaProducto .imagenProducto img{
	max-width: 100%;
}

.cajaProducto .tituloProducto {
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 15px;
	color: #555;
	min-height: 35px;
	/*text-transform: uppercase;*/
}

#owl-destacados .tituloTipoProducto{
	color: #FFF !important;
}

#owl-destacados .cajaProducto{
	background-color: none !important;
	padding: 0px 15px;
}

.cajaProducto .tituloTipoProducto {
	margin-top: 5px;
	font-size: 1.1em;
	line-height: 15px;
	color: #555;
	text-transform: uppercase;
}

#owl-destacados .cajaProducto .tituloTipoProducto {
	font-size: 0.9em;
}

.sobrecaja{
	position: absolute; 
	right: 0;
	top: 5px;
	font-size: 1.2em;
	z-index: 99;
}

.anchopequeno .sobrecaja{
	font-size: 0.75em;	
}

.descuento, .posibleCupon{
	float: left;
	padding: 5px 10px;
	color: #FFF;
	background-color: #d14e40;
	border-radius: 113px 113px 113px 113px;
	-moz-border-radius: 113px 113px 113px 113px;
	-webkit-border-radius: 113px 113px 113px 113px;
	width: auto;
}

.posibleCupon{
	background-color: #84d140;
}

.anchopequeno .tituloProducto {
	font-size: 0.9em;
	height: 50px;
}

.cajaProducto .color {
	font-size: 0.9em;
	margin-bottom: 5px;
}

.cajaProducto .referencia {
	font-size: 0.9em;
	margin-top: 0px;
	color: #999;
}

#referenciaProducto {
	font-size: 1.2em;
	color: #999;
}

.cajaProducto .subtitulo {
	font-size: 0.9em;
	margin-top: 3px;
	height: 25px;
}

.cajaProducto .tituloProducto a {
	color: #444;
}

.cajaProducto .marca {
	text-transform: uppercase;
	font-size: 0.7em;
	margin-top: 13px;
	color: #747474 !important;
}

.verProducto {
	position: absolute;
	bottom: 0px;
	width: 100%;
	opacity: 0;
}

.cajaProducto:hover .verProducto {
	opacity: 1;
}

.botonaddwish {
	padding-top: 7px;
}

.wishlist {
	background: none repeat scroll 0 0 #a4a4a4;
	border-bottom: 4px solid #a4a4a4;
	border-radius: 9px;
	color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 30px;
	height: 27px;
	padding-top: 3px;
}

#mailEnviado{
	display: none;
	color: #a4a4a4;
	font-weight: bold;
	padding: 5px 9px;
	font-size: 1.2em;
}

.cart {
	background: none repeat scroll 0 0 #009FE2;
	border-bottom: 4px solid #009FE2;
	border-radius: 9px;
	color: #fff;
	display: block;
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 30px;
	height: 25px;
	padding-top: 5px;
}

/** lateral ****************************************************************************************************/
.registroMenu{
	position: absolute;
	left: 0px;
	z-index: 99;
	width: 0%;
	height: 300%;
	min-height: 100vh;
	overflow: hidden;
	top: 0;	
	/*color: #666;*/
	background-color: rgba(0, 0, 0, 0.3);
}

.registroMenu .tareas{
	max-width: 80px;
}

.registroMenuForzar{
	width: 100% !important;
}
#registroCerrar{
	position: absolute;
	right: 30px;
}

#blanco{
	position: relative;
	float: left;
	/*height: 200%;*/
	width: 70%;
	background-color: #f9f9f9;
	/*background-color: #EFEFEF;*/
	padding: 10px 30px;
	padding-left: 20px;
}

#blanco input, #blanco select, #blanco textarea {
	max-width: 480px;
}

	
#negro{

}

.blancoExtra{
	width: 100% !important;
}

.pantallaLateral{
	min-height: 120vh;
}

/** botones ****************************************************************************************************/

#botonVer {
	background: none repeat scroll 0 0 #a4a4a4;
	border: 1px solid #a4a4a4;
	color: #fff;
	padding: 5px 10px;
	height: 60px;
	cursor: pointer;
	transition: all 0.5s ease-out 0s;
	width: 100%;
}

.botonExtra{
	padding: 15px 20px !important;
	height: 60px !important;
	font-size: 1.3em;
}




.boton, .botonbuscar, .botonbuscar, .boton2 {
	background: none repeat scroll 0 0 #00aad6; 
	border: 1px solid #00aad6;
	color: #fff;
	height: 30px;
	cursor: pointer;
	transition: all 0.5s ease-out 0s;

	border-collapse: separate;
    border-spacing: 5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 15px !important;
	
}
.botonFull {
	width: 100%;
	border: 0px;
	color: #fff;
	padding: 5px 10px;
	height: 36px;
	cursor: pointer;
	transition: all 0.5s ease-out 0s;
}
.botonFull:hover {
	opacity: 0.8;
}

.boton:link{
	color: #fff !important;
	padding: 8px 10px;
	height: 30px;
}

.botonSlider{
	background-color: #a4a4a4;
	
}
.botonbuscar {
	width: 100%;
}

.boton a {
	color: #FFF !important;
}

.boton2 {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #00aad6 !important;
	/*border-radius: 9px;*/
	
	color: #00aad6;
	padding: 5px 10px;
	cursor: pointer;
	height: 30px;
}


.sinsalto{
	white-space: nowrap;
}

.submenu{
	
}

.boton, .boton2{
	
}
.informacion {
	/*position: absolute;*/
	padding: 4px 20px;
	z-index: 50;
	min-height: 300px;
	position: absolute;
}

/*.wishlist:hover,*/
.cart:hover, .detalleCompra:hover {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #FFF;
	text-align: center;
	color: #666 !important;
	transition: all 0.5s ease-out 0s;
}

.boton2:hover {
	background: none repeat scroll 0 0 #FFF;
	border: none;
	transition: all 0.5s ease-out 0s;
}

.boton4:hover, .boton:hover, .boton3:hover, .botonbuscar:hover {
	color: #a4a4a4 !important;
	/*background-color: #FFF;*/
	background-color: transparent;
	border: 1px solid #a4a4a4 !important;
	transition: all 0.5s ease-out 0s;
}
.boton:hover img{
	     -webkit-filter: invert(100%);
    filter: invert(100%);
}

.boton5:hover {
	background: none repeat scroll 0 0 #FFF;
	color: #333 !important;
	border: 1px solid #333;
}

.marca {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-top: 0px;
	color: #747474 !important;
}

.marca a {
	color: #747474 !important;
}

.marcaMiniatura {
	height: 70px !important;
	display: inline-block;
	padding: 10px 10px;
	width: 120px;
}

.cajaProducto .resumen {
	margin-top: 20px;
	line-height: 12px;
}

.precio {
	/*font-family: "Open Sans",Helvetica,Arial,sans-serif;*/
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	height: 40px;
}

/*Para los decimales*/
.precioMini {
	font-size: 0.8em;
}

.precioDetalle {
	/*
	position: relative;
	float: right;
	
	margin-top: 10px;
	
	width: 250px;
	*/
	margin-right: 20px;
	font-size: 2em;
}

.comprarDetalle {
	/*
	position: relative;
	float: right;
	margin-left: 30px;
	*/
	width: 100%;
	margin-top: 10px;
}

.detalleCompra {
	float: left;
	text-align: center;
	margin-top: 10px;
}

.menuCompra {
	padding-bottom: 20px;
	/*border-bottom: 1px solid #e6e6e6;*/
	margin-bottom: 10px;
}

.comprobamosStock {
	position: relative;
	float: left;
	padding: 13px 9px;
}

.siStock {
	color: #8CD15C;
}

.noStock {
	color: #E73D2C;
}

.preciosIva {
	font-size: 0.9em;
}

/* ------------------------------------------ */
.pagar {
	margin-top: 10px;
	background-color: #EFEFEF;
	width: 300px;
	height: 40px;
}

.pagarTachado {
	margin-top: 10px;
	text-decoration: line-through;
}

.precioGrande {
	font-size: 1.6em;
	color: #a4a4a4;
}

.precioMedio {
	font-size: 1.1em;
}

.precioNormal {
	font-size: 1.2em !important;
	font-weight: bold;
}

.tachado {
	text-decoration: line-through;
	font-size: 0.9em;
	/*color: red;*/
}

.apartadosProducto {
	font-size: 1.3em;
}

.nombreProducto {
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.enlaceConImg {
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 30px;
	background-position: 5px 5px;
}

.soloImg {
	display: block;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 30px;
	background-position: 5px 5px;
	color: #A4A5AA;
}

.entradaMapa {
	margin-top: 6px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-border-radius: 4px;
	padding: 4px 9px;
	color: #222;
	background-color: #F8F8F8;
}

.entradaMapaT {
	margin-top: 5px;
	margin-left: 20px;
}

.efectuarPagoCentro, .efectuarPago {
	width: 100%;
}

.efectuarPagoCompartido {
	float: left;
	position: relative;
	width: 50%;
	padding: 10px 20px;
}

.pagoCompartidoSimple {
	float: left;
	position: relative;
	width: 100%;
}

.pagoDerecha {
	border-left: 1px solid #DDD;
	padding-left: 30px;
}

.pago70 {
	width: 60%;
}

.pago30 {
	width: 40%;
}

td.nombreColor {
	font-size: 9px;
	text-align: center;
}

tr.rowGris {
	background-color: #CCCCCC;
}

tr.rowBlanca {
	background-color: #FFFFFF;
}

.opcionesMenu {
	width: 100%;
	text-align: right;
	margin-top: -65px;
	margin-right: 10px;
}

#cerrarMenu {
	
}

#abrirMenu {
	display: none;
	margin-top: 10px;
	z-index: 90;
}

.abre {
	overflow: visible;
	min-height: 100px;
	
}

.cierra {
	overflow: hidden;
	transition: all 0.5s ease-out 1s;
}

.novisible {
	display: none !important;
	transition: all 0.5s ease-out 0s;
}

.visible {
	display: block !important;	
}

.ancho0 {
	width: 0px;
	transition: all 0.5s ease-out 0s;
	overflow: hidden;
}

.ancho100 {
	width: 50%;
	transition: all 0.5s ease-out 0s;
}

.descripcionTipo{
	width: 100%;
	display: inline-block;
}
.descripcionTipo img{
	width: 100%;
	}

/* DETALLE DE PRODUCTO */
.producto_detalle .precioCarrito {
	background-color: #DEDEDE;
	width: 40px;
	margin-left: 50px;
	margin-top: 10px;
}

#producto_descripcion {
	position: relative;
	float: left;
	/*background-color: #000;*/
	width: 600px;
	/*height: 500px;*/
	height: 100%;
	padding-left: 60px;
}

#producto_separador {
	position: relative;
	float: left;
	width: 5px;
	height: 500px;
	z-index: 10;
}

#producto_carrusel {
	position: relative;
	float: left;
	width: 400px;
	height: 100%;
}

#producto_carrusel img {
	width: 100%;
}

#producto_imagenes {
	position: relative;
	float: left;
}

.producto_imagen {
	position: relative;
	float: left;
	
}

.producto_imagen_sin {
	position: relative;
	float: left;
	/*width: 120px;*/
}

#producto_descripcion .tipo {
	font-size: 1.6em;
}

#producto_descripcion .nombre {
	font-size: 1.3em;
	margin-top: 20px;
	margin-bottom: 25px;
}

/** Propducto escaparate*/

/*limitacion de menu general*/
#menuProductoLimitado{
	padding-bottom: 30px;
}

.menuProductoLimitado{
	max-height: 280px;
	overflow: hidden;
}
#enlaceProductoLimitado{
	width: 100%;
	text-align: center;
	padding: 20px 0px;
}

.seccionProductoImagenes{
	background-color: #4c4c4c;
}
.productoFondo{
	background-image: url("imagenes/propias/bg-producto.png");
	padding: 50px 50px;
	height: 1000px;
}
#div-imagen-principal{
	text-align: center;
}
.productoImagenPrincipal{
	padding: 50px;
	padding-left: 200px;
	padding-right: 100px;
}
.productoImagenPrincipal img, .productoImagenMiniaturas img{
	width: 90%;
}

.productoImagenMiniaturas{
	
	padding-left: 50px;
}

.productoImagenMiniatura{
	padding-bottom: 30px;
}

/* FORMULARIO CARRO ADD */
.precioCuadro {
	position: relative;
	margin-top: 15px;
	width: 150px;
	height: 50px;
	padding-left: 30px;
}

div.precioMueve {
	position: relative;
	height: 50px;
	vertical-align: middle;
	z-index: 5;
}

div.precioSubmit {
	top: -10px;
	position: relative;
	height: 20px;
	background-color: #DEDEDE;
	color: #000;
	width: 80px;
}

div.comprarSubmit {
	padding-top: 2px;
	color: #666;
}

div.gramaje {
	
}

/* FICHAS DE PRODUCTO */
#link_datos {
	margin-top: -5px;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}

#link_datos ul {
	list-style-type: none;
	padding: 10px;
}

#link_datos li {
	display: inline;
	background-color: #DDD;
	padding: 5px 9px;
}

#link_datos li:hover {
	display: inline;
	background-color: #727272;
	padding: 5px 9px;
}

/* ANIMACIONES CAJA_PRODUCTO */
.productoNormal {
	position: absolute;
	top: 0;
	text-align: center;
	height: 100%;
	width: 100%;
}

.productoOpaco {
	position: absolute;
	top: 0;
	display: none;
	padding-top: 60px;
	vertical-align: middle;
	text-align: center;
}

/* NOVEDADES*/
#novedades {
	text-align: center;
	vertical-align: middle;
	padding: 20px 0px;
}

#novedades .novedad {
	width: 24%;
	height: 70px;
	display: inline-block;
	padding-right: 10px;
	text-align: left;
	margin-bottom: 20px;
}

.novedad .novedadImagen {
	width: 25%;
}

.novedad .novedadImagen img {
	width: 100%;
}

.novedad .novedadContenido {
	width: 75%;
	padding-left: 5px;
}

.novedad .nombre {
	color: #222 !important;
}

.novedad .marca {
	color: #a4a4a4 !important;
	margin-top: 5px;
	width: 70%;
}

.novedad .precionovedad {
	width: 30%;
	text-align: right;
}

.novedad .separador {
	margin-top: 5px;
}

/* MINIATURAS MISMO TIPO */
#miniaturas {
	text-align: center;
	/*margin: 10px 10px;*/
	/*border: 1px solid #DDD;*/
	padding: 4px;
	margin-top: 5px;
	/*background-color: #220904;*/
}

#miniatura {
	position: relative;
	float: left;
	width: 105px;
	text-align: center;
	margin-left: -10px;
}

#miniatura .descripcion {
	display: none;
}

#miniatura .tipo {
	font-weight: bold;
	text-transform: uppercase;
}

#miniatura .nombre {
	margin-top: 3px;
	text-transform: uppercase;
}

.enlaceBlanco {
	color: #FFF !important;
}

.enlaceEspecial {
	color: #220704 !important;
}

/* ********************* REDES SOCIALES ***********/

.redes{
	
}
.redes:hover img{
	opacity: 0.7;
}

.back {
	vertical-align: middle;
	margin-top: 15px;
}

.formulario {
	font-size: 1em;
}

.formulario .lineaFormulario {
	/*text-transform: uppercase;*/
	margin-top: 15px;
	text-align: left;
	color: #777;
}

.formulario .lineaFormularioC {
	/*text-transform: uppercase;*/
	margin-top: 15px;
	text-align: center;
	color: #777;
	width: 670px;
}

.formulario .lineaFormulario2 {
	/*text-transform: uppercase;*/
	margin-top: 15px;
	text-align: left;
	color: #777;
}

.formulario .lineaFormularioMini {
	font-size: 0.95em;
	/*text-transform: uppercase;*/
	margin-top: 10px;
	text-align: left;
}

.formulario .lineaInputFormulario {
	margin-top: 5px;
	text-align: left;
}

.formulario .lineaInputFormularioMini {
	text-align: left;
	font-size: 0.95em;
}


.formulario input[type="text"],.formulario input[type="number"], .formulario input[type="date"], .formulario input[type="email"], .formulario input[type="time"], .formulario input[type="password"], .formulario input[type="button"], .formulario input[type="submit"], .formulario select, button {
	/*border: 1px solid #DEDEDE;*/
	padding: 9px 4px !important;
	height: 36px !important;
	/*color: #333333;*/
}
.formulario input[type="date"]{
	padding: 9px 1px !important;
}

input[type="image"]{
	padding: 0px 0px;
	height: auto;
}

.formulario input[type="number"]{
	padding: 2px 4px !important;
}

.formulario textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #DEDEDE;
	font-size: 1.1em;
}

.cuadralo {
	width: 160px;
}

.imagenFormulario:hover {
	cursor: pointer;
}

.filtro {
	font-size: 1.4em;
	/*font-weight: bold;*/
	color: #a4a4a4 !important;
}

.filtroMigas {
	font-weight: bold;
	width: 40px;
}

.filtroColumna {
	margin-left: 10px;
	width: 140px;
	text-align: left;
}

/* CESTA DE LA COMPRA -------------------------- */
.formulario .headCesta {
	font-size: 1em;
	/*text-transform: uppercase;*/
	position: relative;
	float: left;
	width: 135px;
	text-align: center;
}

.formulario .contenidoCesta {
	font-size: 1em;
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	text-align: center;
	margin-top: 30px;
}
.formulario .descuentoCesta {
	height: 40px;
}

.cestaIndice {
	font-size: 2em;
}

.contenidoCesta .titulo {
	font-size: 1.1em;
	color: #000;
}

.contenidoCesta .subtitulo {
	font-size: 1em;
}

.cestaPrecio {
	margin-top: 5px;
	font-size: 1.4em;
	color: #444;
	font-weight: bold;
}

.contenidoCesta input {
	font-size: 1em;
	color: #B0A394;
	text-align: center;

}

.cestaEliminar {
	text-align: center;
}

.contenidoTotalCesta {
	font-size: 0.95em;
	background-color: #EEE;
	color: #444;
	padding: 4px 9px;
	width: 100%;
}

.importeTotalCesta {
	font-size: 1.5em;
	color: #000;
}



.mensajeNewsletter {
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 1.5em;
}

.newsletter {
	text-align: left;
	background-image: url("imagenes/propias/newsletter-bg.jpg");
	background-repeat: no-repeat;
	padding: 70px 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFF;		
}

.newsletter a {
	color: #FFF !important;
}

.newsletter img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.newsletter .titulo{
	color: #FFF;
	font-size: 2em;
	padding-right: 30px;
}

#registroNewsletter {
	width: 500px;
	height: 500px;
	overflow: auto;
}

.cabeceraNewsletter {
	color: #FFF;
	font-size: 1.5em;
	padding: 10px 20px;
	padding-left: 0px;
}

.confirmarPago {
	margin-top: 15px;
	margin-bottom: 30px;
}

.deletecupon{
	padding: 2px 2px;
	background-color: rgba(233, 83, 83, 0.3);
}

/* ----------------------------------------------- */

/* Slider adaptado */
#owl-slider {
	background-color: #FFF;
	margin-top: -2px;
	
}

#owl-slider .item img {
	display: block;
	width: 100%;
	height: auto;
}

#owl-demostracion .item img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

#owl-destacados .owl-controls{
	margin-top: 0px;
}

.owl-theme .owl-controls{
	margin-top: -24px;
	text-align: center;
	margin-bottom: 0px;
}

#owl-demostracion .owl-controls{
	margin-top: 24px;
}


/*INTRO INDEX ------------------------*/
.seccion, .seccionIndex, .seccionProducto {
	width: 100%;
}
.seccionIndex {
	margin-bottom: -4px;
}
.seccionProducto{
	height: 555px;
}

.seccionIndex img{
	max-width: 100%;
}

.introIndex {
	float: left;
	position: relative;
	width: 100%;
	/*padding-right: 20px;*/
	margin-top: 20px;
}

.introIndexPD {
	padding-left: 20px;
}

.introIndex .titulo {
	text-align: left;
	color: #333;
	border-bottom: 3px solid #00aad6;
	text-transform: uppercase;
	font-size: 0.9em; 
}


/* DESTACADOS --------------------------------------*/
.destacadoIndex {
	position: relative;
	float: left;
	width: 33.3%;
	margin-bottom: -4px;
}

.estiloTipo {
	position: relative;
	float: left;
	width: 16.6%;
}

.destacadoIndex img, .estiloTipo img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Capa de solo imagen*/

.destacadoIndex .texto, .estiloTipo .texto{
	
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	top: 0;
	padding-top: 40%;
	text-align: center;
	width: 100%;
	height: 100%;
	
}

.destacadoIndex:hover .texto, .estiloTipo:hover .texto{
	background-color: rgba(0, 0, 0, 0.4);
	transition: all 0.5s ease-in-out 0s;
	height: 99%;
}
.destacadoIndex .imagen{
	position: absolute;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}
.destacadoIndex .imagen50{
	width: 50px !important;
}


.destacadoIndex:hover .imagen{
	visibility: hidden;
	
}
.destacadoIndex:hover h2, .estiloTipo:hover h2{
	visibility: visible !important;
	transition: all 0.5s ease-in-out 0s;
}

.destacadoIndex h2, .estiloTipo h2{
	visibility: hidden;
	color: #FFF;
	font-size: 2.5em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400 !important;
}

.estiloTipo h2{
	font-size: 1.5em;
}

.newsletter h2{
	color: #FFF;
}

/* Destacado HOME (debajo de familias)*/
.destacadoHome img{
	width: 100%;
}



/*   SLIDER ---------------------------------------*/
#sliderContainer {
	width: 760px;
	height: 400px;
	position: relative;
	margin: 0 auto;
	margin-left: 20px;
}

.slideContent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 20px 10px;
	opacity: 0.8;
}

.slide h3 {
	color: #FFFFFF;
	font-size: 50px;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	text-transform: uppercase;
}

.slide p {
	color: #F9E59E;
	font-size: 30px;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	text-transform: uppercase;
}

.jFlowSlideContainer {
	overflow: hidden;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
	font-style: italic;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext {
	background: url("slider/images/arrows.png") no-repeat scroll 0 -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev {
	background: url("slider/images/arrows.png") no-repeat scroll -84px -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev:hover {
	background-position: -84px -235px;
}

.jFlowNext:hover {
	background-position: 0px -235px;
}

/* controller pagination */
#myController {
	position: absolute;
	top: 5px;
	right: 5px;
}

.jFlowControl {
	background: url("slider/images/bullet.png") no-repeat scroll 0px 0px
		transparent;
	float: left;
	width: 15px;
	height: 15px;
}

.jFlowControl:hover {
	background-position: -32px 0px;
	cursor: pointer;
}

.jFlowSelected, .jFlowSelected:hover {
	background-position: -15px 0px;
}
/* ------------------------------------------------*/

/*   SLIDER PRODUCTO ---------------------------------------*/
#sliderContainer2 {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

.sliderBackgroundProduct {
	
}

.jFlowSlideContainer {
	overflow: hidden;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
	font-style: italic;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext {
	background: url("slider/images/arrows.png") no-repeat scroll 0 -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev {
	background: url("slider/images/arrows.png") no-repeat scroll -84px -35px
		transparent;
	height: 130px;
	position: absolute;
	top: 30px;
	left: 10px;
	width: 50px;
	cursor: pointer;
}

.jFlowPrev2:hover {
	background-position: -84px -235px;
}

.jFlowNext2:hover {
	background-position: 0px -235px;
}

/* controller pagination */
#myController2 {
	position: absolute;
	top: 10px;
	right: 10px;
}

.jFlowControl {
	background: url("slider/images/bullet.png") no-repeat scroll 0px 0px
		transparent;
	float: left;
	width: 15px;
	height: 15px;
}

.jFlowControl:hover {
	background-position: -32px 0px;
	cursor: pointer;
}

.jFlowSelected, .jFlowSelected:hover {
	background-position: -15px 0px;
}
/* ------------------------------------------------*/

/* Desplegable*/
#desplegable {
	padding-top: 0px !important;
	color: #8F8B86;
	text-transform: none !important;
	z-index: 30;
	width: 118px;
}

#desplegable li {
	margin-top: 0px;
	padding-top: 4px;
	height: 16px;
	position: relative;
}

#desplegable li a {
	color: #8F8B86;
}

#desplegable li:hover {
	color: #000;
}

#desplegable li li {
	margin-top: 0px;
	width: 142px;
	background-image: url('imagenes/propias/sombra-brands.png');
	height: 16px;
	margin-left: 30px;
	padding-bottom: 5px;
}

/* amagar submenus*/
ul.menu_color {
	list-style: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

ul.menu_color ul { /* Para todos los ul debajo del ul.menu */
	display: none;
	list-style: none;
	margin-left: -43px;
	padding-top: 5px;
	width: 145px;
	background-image: url('imagenes/propias/sombra-brands.png');
}

/* mostrar submenus quan fas hover al li corresponent*/
ul.menu_color li:hover>ul {
	display: block;
	background-image: url('imagenes/propias/sombra-brands.png');
}

/* CARRITO */
#resumenCarrito {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 225px;
	height: 65px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
}

#resumenCarrito .flecha {
	position: relative;
	float: left;
	background-image: url(imagenes/propias/flecha-resumen.png);
	background-repeat: no-repeat;
	margin-top: 18px;
	height: 20px;
	width: 120px;
	font-size: 1.2em;
	padding-left: 10px;
	color: #FFF !important;
}

.flecha a {
	color: #FFF !important;
}

.total {
	position: relative;
	float: left;
	margin-top: 5px;
	color: #444;
	width: 40%;
}

.totalGrande {
	position: relative;
	float: left;
	margin-top: 5px;
	color: #444;
	font-size: 1.1em;
	font-weight: bold;
	width: 40%;
}

.totalR {
	position: relative;
	float: right;
	margin-top: 5px;
	color: #444;
	width: 60%;
}

.tabladescuento {
	text-align: right;
	font-size: 1.4em;
}

.textoRojo, .totalRojo {
	color: red;
}
.textoNormal{
	color: inherit;
}

.importe {
	color: #B0A394;
	font-size: 1.5em;
}

.articulos {
	color: #999;
}

#manejoCarrito {
	position: relative;
	text-transform: uppercase;
}

#manejoCarrito .flechaPrev {
	position: relative;
	float: left;
	background-image: url(imagenes/propias/flecha-resumen.png);
	background-repeat: no-repeat;
	margin-top: 18px;
	color: #FFF !important;
	height: 40px;
	width: 170px;
	padding-left: 0px;
	font-size: 1.8em;
}



/* NOTICIAS */
.noticia {
	margin-bottom: 40px;
}

.noticiaIndex {
	width: 33%;
	padding-right: 30px;
}

.noticiaIndex img {
	width: 100%;
}

.noticiaImagen {
	float: left;
	text-align: center;
}

.noticiaTexto {
	position: relative;
	margin-left: 150px;
	margin-top: 5px;
}

.noticiaTextoListado {
	margin-left: 350px;
}

.titulon {
	font-size: 1.3em;
	margin-bottom: 5px;
	font-weight: bold;
	min-height: 50px;
}

.titulon a {
	color: #00aad6;
}

.noticiaTexto .contenidon {
	position: relative;
	float: left;
}

.leermas {
	width: 20%;
	text-align: right;
	margin-top: -15px;
}


/* Cookies*/
#cookies {
	position: fixed;
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	padding: 10px 100px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #FFF;
	z-index: 100;
}

#cookiesOpaca {
	display: none;
	position: fixed;
	bottom: 50px;
	left: 10px;
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 150px;
	padding: 9px 9px;
	font-size: 0.85em;
}

#subir {
	display: block;
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 120;
}

#scrollTop {
	z-index: 100;
	opacity: 0;
	transition: all 0.2s ease-in-out 0s;
}

.ancla {
	text-align: center;
	width: 100%;
}

.paralelo {
	float: left;
	position: relative;
}

.mitad {
	width: 50%;
}

.productoNuevo {
	position: absolute;
	right: 10px;
	top: 5px;
	/*color: #042c5d; azul*/
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}

.direccion {
	padding: 10px 10px;
	background-color: #EEE;
	margin-bottom: 20px;
	min-height: 130px;
}

.direccionParalelo {
	
	position: relative;
	margin-right: 10px;
}

.pasoPago {
	width: 25%;
	padding: 10px 0px;
	text-align: center;
	background-color: #DDD;
	color: #FFF;
}

.pasoPago a {
	color: #FFF;
}

.pasoSeleccionado {
	background-color: #a4a4a4;
}

#menuResponsive {
	display: none;
}

#slider-responsive {
	display: none;
}

#welcome {
	/*position: absolute; right: 200px; top: 60px; text-align: right;*/
	
}

.micuentaTitulo {
	color: #666;
	font-size: 1.2em;
	padding: 4px 9px;
	border-bottom: 1px solid #666;
}

.separadorMicuenta {
	height: 40px;
	clear: both;
}

.recetaImagen {
	position: relative;
	float: left;
	width: 350px;
}

.recetaContenido {
	position: relative;
	float: left;
	width: 420px;
}

#recetaTitulo {
	margin-top: 15px;
	margin-bottom: 20px;
	font-style: italic;
	font-size: 0.9em;
	color: #333;
	text-align: right;
}

.recetaResumen {
	color: #555;
	font-style: italic;
	text-align: right;
}

.suma {
	width: 20%;
	font-size: 1.4em;
}

.pregunta {
	padding-top: 10px;
	width: 50%;
}

.preguntaBoton {
	width: 15%;
}

.lopd {
	font-size: 0.8em;
	text-align: justify;
	margin-bottom: 40px;
}

.captcha {
	font-size: 1.2em;
}

/* paginación */
.paginacion {
	margin-top: 15px;
	float: right;
}

.botonCuadro {
	background: none repeat scroll 0 0 #FEFEFE;
	border: 1px solid #666;
	color: #666;
	width: 100%;
	padding: 4px 4px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	margin-right: 2px;
}

.botonCuadro:hover {
	color: #FFF;
	background-color: #666;
}

.botonEspacio {
	margin-left: 3px;
}


.botonSeleccionado {
	background: none repeat scroll 0 0 #36BCED;
	border: 1px solid #36BCED;
	color: #FFF;
}

.identificate {
	width: 45%;
}

.identificate2 {
	width: 50%;
	padding-left: 50px;
}

.margen {
	padding-left: 100px;
}



.contenidoPagina{
	font-size: 1.2em;
	text-align: justify;
}
.contenidoPagina h1{
	text-transform: uppercase;
}
.contenidoPagina .contenedor{
	padding: 50px 10px;
}
.contenidoPagina .imagen{
	text-align: center;
	padding-right: 20px;
}

.contenidoPagina .contenido{
	line-height: 1.4em;
	margin-top: 20px;
}

.center{
	text-align: center !important;
}

/* Comentarios */
.comentarioFecha, .comentarioUsuario{
	background-color: #EFEFEF;
	padding: 5px 9px;
}
.comentarioFecha{
	font-style: italic;
	color: #444;
}
.comentarioUsuario{
	color: #888;
}
.comentarioTexto{
	padding: 9px 9px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
}

.margenI{
	padding-left: 20px;
}

.bordePago{
	 border-left: 1px solid #DDD;
}

.anchoicono{
	width: 35px;
}

.formu50, .formu50fijo {
	width: 50%;
}

.formu33, .formu33fijo {
	width: 33.3%;
}

.formu30, .formu30fijo {
	width: 30%;
}

.formu70, .formu70fijo {
	width: 70%;
}

.formu75, .formu75fijo {
	width: 75%;
}

.formu80, .formu80fijo {
	width: 80%;
}

.formu90, .formu90fijo {
	width: 90%;
}

.formu20, .formu20fijo {
	width: 20%;
}

.formu25, .formu25fijo {
	width: 25%;
}

.formu15, .formu15fijo {
	width: 15%;
}

.formu66, .formu66fijo {
	width: 66%;
}

.formu60, .formu60fijo {
	width: 60%;
}

.formu40, .formu40fijo {
	width: 40%;
}

.formu100, .full {
	width: 100% !important;
}

.formu10 {
	width: 10%;
}

.formu12{
	width: 12.2%;
}

.formu90 input[type="text"], .formu50 input[type="text"], .formu33 input[type="text"],
	.formu70 input[type="text"], .formu30 input[type="text"], .formu25 input[type="text"],
	.formu66 input[type="text"], .formu100 input[type="text"], .formu100 input[type="password"],
	.formu50 select, .formu33 select, .formu70 select, .formu30 select,
	.formu25 select, .formu66 select, .formu100 select {
	width: 100%;
}



.padea20 {
	padding: 20px 20px;
}

.padea50 {
	padding: 50px 20px;
}

.padea10 {
	padding: 10px 10px;
}
.padea5 {
	padding: 5px 5px;
}

.padea20P {
	padding: 0px 15%;
}

.padea10P {
	padding: 0px 10%;
}

.paddingR, .paddingRM {
	padding-right: 30px;
}

.paddingL, .paddingLM {
	padding-left: 30px;
}
.paddingLMini {
	padding-left: 5px;
}
.paddingRMini {
	padding-right: 5px;
}

.padeaV {
	padding: 20px 0px;
}

.padeaV100 {
	padding: 100px 0px;
}

.padeaB {
	padding-bottom: 10px;
}
.paddingT10{
	padding-top: 10px;	
}

.botonA{
	margin-top: 10px;
	margin-bottom: 15px;
		
}

.centrar, .centrarTabla {
	text-align: center;
}

.derecha, .derechaTabla {
	text-align: right;
}

.middle{
	vertical-align: middle !important;
}

.paraleloDerecha, .derechaForzada, .paraleloR{
	float: right !important;
}


.bold {
	font-weight: bold;
}

.justificar {
	text-align: justify;
}


.bordeRojo{
	border: 1px solid red !important;
}


#dudas{
	
}
		
.outer-centrado {
    float: right;
    right: 50%;
    position: relative;
}
.inner-centrado {
    float: right;
    right: -50%;
    position: relative;
}

.transicion{
	display: none;
	z-index: 90;
	width: 100%;
}
#transicion{
	position: absolute;
}

.cargador{background:#fff url("imagenes/loading.gif") no-repeat center center;}
.cargador img{display:none;}

.carga{
	height: 0px;
	width: 0px;
}
		
@media screen and (max-width: 1080px) {
	/* Tablet responsive smartphone */
	/* estilo general */
	html, body {
		overflow-x: hidden;
	}
	img {
		border: none;
		max-width: 100%;
		height: auto !important;
	}
		
	.paddingL{
		padding-left: 0px;
	}
	
	.paddingR{
		padding-right: 0px;
	}

	/* Ajuste ancho */
	.sizefijo, .bgweb, .bgcabecera {
		max-width: 100%;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		overflow-x: hidden;
		padding: 0px 0px;
	}
	
	.bgcabecera{
		background-size: 100% 100px;
	}
	#menuTop {
		padding-top: 5px;
	}
	#head {
		padding-top: 10px;
		height: 80px;
		z-index: 20;
		width: 100%;
	}
	#head .titulo {
		text-align: left;
		width: 100%;
	}
	#head .titulo img {
		max-width: 150px;
		max-height: 60px;
	}
	.botonera {
		font-size: 0.9em;
	}
	/* Menu */
	.noVisibleMovil {
		display: none !important;
	}
	.noVisiblePc {
		display: block;
	}
	
	#owl-slider, #head {
		background-color: #17213a;
	}

	/* ADAPTACIÓN PARA APP */
	#menuUserMovil, #menuUserMovil a {
		background-color: #FFF;
		padding-top: 10px;
		color: #FFF !important;
		background-color: #111829;
	}
	.entradaMenuFixed {
		position: relative;
		float: left;
		width: 20%;
		margin-bottom: 10px;
		text-align: center;
		/*height: 80px;*/
		overflow: hidden;
	}
	.menuUserImagen {
		width: 100%;
	}
	.menuUserImagen img {
		min-width: 30px;
	}
	.menuUserTexto {
		margin-top: 0px;
		padding-left: 0px;
		font-size: 0.6em;
		width: 100%;
		text-transform: uppercase;
		overflow: hidden;
	}
	#contenidoUser {
		width: 100%;
		padding-left: 10px;
		padding-right: 5px;
	}

	/* SLIDER */
	#owl-slider {
		margin-bottom: -1px;
	}
	#slider-adaptado {
		width: 100%;
	}
	.owl-theme .owl-controls {
		margin-top: 0px !important;
		text-align: center;
		margin-bottom: 0px;
	}
	.bannerimagen {
		width: 100%;
	}
	.bannercontenido {
		zoom: 80%;
		width: 100%;
		height: 280px;
		padding-top: 1%;
		padding-right: 30%;
		padding-left: 1%;
	}
	#slider-banner {
		display: none;
		margin-bottom: 20px;
	}
	#slider-responsive {
		display: block;
	}
	#desliza, #recetas {
		display: none;
	}
	.introIndex {
		width: 100%;
		padding: 0px 0px;
		margin-top: 15px;
	}
	.introIndex .imagen {
		width: 100%;
		padding-right: 0px;
	}
	.formulariocontacto {
		width: 100%;
		margin-left: 0px;
	}
	.formularioContactoIndex {
		padding: 10px 20px;
		width: 100%;
	}
	.suma {
		font-size: 1.5em;
	}
	.pregunta {
		font-size: 1em;
	}
	#productoImagen {
		width: 30%;
		padding-right: 30px;
	}
	#productoContenido {
		width: 70%;
	}
	#productoContenido .subtituloDestacado {
		font-size: 1em;
	}
	.tituloDestacado {
		font-size: 0.9em;
	}
	#productoContenido .precioDestacado {
		margin-top: 0px;
	}
	#general {
		margin-left: 0px;
		padding: 5px 10px;
		min-height: 300px;
	}
	.paralelo {
		position: inherit;
	}
	#lateral {
		margin-top: 0px;
		left: 0px;
		width: 100%;
		padding: 4px 4px;
		color: #444;
		z-index: 100;
	}
	#lateral .estiloLinea {
		cursor: pointer;
	}
	.jFlowNext {
		right: 50px;
	}
	.jFlowNext, .jFlowPrev {
		position: absolute;
		left: -11000px;
		top: -11000px;
	}
	#carrito {
		top: 45px;
		width: 45%;
		padding-top: 15px;
	}
	#carritoOculto {
		display: none !important;
		visibility: hidden !important;
	}
	#cookies, #recomendadosCesta {
		display: none;
	}
	#cestaWeb {
		display: none;
	}
	#cestaMovil {
		display: block !important;
		padding: 0 0.8em;
	}
	#cestaMovil .labeled {
		min-width: 6em;
	}
	#cestaMovil span.labeled {
		display: inline-block;
		padding: 0.5em 0 0 0;
	}
	#cestaMovil .elimina {
		position: relative;
		float: right;
		left: 1.5em;
		top: 0.6em;
	}
	.efectuarPagoCentro {
		width: calc(100% - 1em);
		margin: 0 0.5em;
	}
	form[action="registro"] .formulario {
		margin-left: 0px !important;
	}
	.introIndex .contenidoMargenTop {
		width: 100%;
	}
	.introIndex .contenidoSinMargenTop {
		width: 100%;
	}
	.lineaDerecha {
		position: relative;
		float: left;
		left: 0px;
		text-align: left;
	}
	.alineadoDerecha {
		position: relative;
		margin-top: 10px;
		left: 0px;
	}
	#novedades .novedad {
		width: 49%;
		height: 70px;
		display: inline-block;
		padding-right: 10px;
		text-align: left;
	}
	.novedad .contenido {
		padding-left: 2px;
	}
	#subir {
		display: none;
	}
	.propietario {
		text-align: left;
	}
	#foot {
		display: none;
	}
	#foot .contacto {
		float: left;
		left: 15px;
	}
	.identificar {
		width: 100%;
		padding-left: 0px;
		padding-bottom: 30px;
	}
	.fullMovil {
		width: 100% !important;
	}
	.formu100, .formu50, .formu33, .formu66, .formu80, .formu20, .formu25,
		.formu70, .formu40, .formu15, .formu12, .formu60, .formu30, .formu75, .formu10 {
		width: 100% !important;
	}
	.padeaV100 {
		padding: 30px 0px;
	}
	.padea150 {
		padding-top: 10px;
	}
	
}

@media screen and (max-width: 580px) {
	.noticiaTextoListado {
		margin-left: 0px;
	}
	.noticiaTexto {
		margin-left: 0px;
	}
	.noticiaImagen {
		float: inherit;
		position: inherit;
	}
	.cajaIndex1, .cajaIndex2, .cajaIndex3 {
		width: 100%;
	}
	.reservas {
		font-size: 0.9em;
	}

	/* Para el calendario*/
	.ocultarHoras {
		display: block;
	}
	.ocupacionLateral {
		width: 20%;
		font-size: 0.8em;
	}
	.ocupacionCentral {
		width: 60%;
		text-align: center;
	}
	.ocupacionInstalacion {
		width: 20% !important;
	}
	.ocupacionExtendida{
		width: 70% !important;
	}
	.tipoInstalacion {
		width: 45%;
	}
	.leyenda {
		margin-right: 2px;
	}
	.cajaCentro{
		width: 50%;
	}
}

@media screen and (max-width: 480px) { /* Móviles */
	.bannercontenido {
		width: 100%;
		height: 200px;
		padding-top: 5%;
		
	}
	.destacadoIndex {
		position: inherit;
		float: none;
		height: auto;
		margin-left: 0 !important;
		width: 100%;
		padding: 20px 20px;
	}
	.obra {
		width: 50%;
		height: 75px;
		padding-left: 5px;
		margin-bottom: 20px;
		color: #FFF;
	}
	.obraContenido {
		top: 10px;
	}
	.obraExtendida {
		width: 100%;
		padding-left: 0px;
		height: 150px;
	}
	.obraExtendida .obraContenido {
		top: 50px;
	}
	.obraImagen {
		
	}
	#accesos-directos .contenido {
		width: 100%;
		padding: 0px 30px;
	}
	#accesos-directos {
		height: auto;
	}
	.noticiaIndex {
		width: 100%;
		padding-bottom: 20px;
	}
	.noticiaMas {
		display: none;
	}
	.cliente {
		width: 50%;
	}
}

.seccionMenu:hover .seccionOculta {
	background-color: #FFF;
	position: absolute;
	display: block;
	top: 32px;
	width: 300px;
	padding: 9px 9px;
}

/** Menu flotante */
.seccionOculta {
	display: none;
	border: 1px solid #EEE;
	background-color: #FFF;
}

.seccionMenu {
	z-index: 100;
}

.menuImagen {
	position: relative;
	float: left;
	width: 80px;
}

.menuTexto {
	position: relative;
	float: left;
	margin-left: 10px;
}

.menuTitulo {
	color: #000;
	margin-bottom: 5px;
}

.opinionImagen {
	position: relative;
	float: left;
	width: 25%;
}

.opinionTexto {
	position: relative;
	float: left;
	width: 65%;
	padding-left: 20px;
}

.opinionTitulo {
	font-size: 1.1em;
	color: #999;
	margin-bottom: 10px;
}

.opinionEmpresa {
	color: #333;
}

.opinionContenido {
	font-style: italic;
	font-size: 1.2em;
}

.textarea {
  	font-size: 0.9em;
	color: #000;
	border: 1px solid #DDD;
	background-color: #FFF;
	overflow:hidden;
	height: 80px;
	width: 100%;
	padding: 3px 5px;
}

#divtexto{
	display: none;
}

.cierrecaja .headTabla, .cierrecaja .headTablaC, .cierrecaja .headTablaR{
	color: black;
}

.tablaFila{
	margin-bottom: 10px;
	padding: 5px;
}
