/* divs */

html {
	overflow:scroll;
}

.todo{
	
	background-color: black;
	margin:0px;
	border:0px;
	text-align:center;
}

.todointerior{
	background-image:url('../img/linea.jpg');
	background-repeat: repeat-y;
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
	
}
.cabecera{

	width: 800px;
	height: 137px;
	background-image:url('../img/cabeceraTiendaVillarreal.jpg');
	clear: both;
	overflow:hidden;
	
}
.cabeceraizqizq{

	float:left;
	width:36px;
	height:100px;
}

.cabeceraizqcentro{

	float: left;
	width: 102px;
	height: 100px;
	overflow:hidden;
}

.cabeceraizqdcha{

	float:right;
	width:450px;
	height:100px;
}

.cabeceraizqdchainf{

	height: 18px;
	text-align:left;
	clear: both;
	width: 240px;
	line-height: 20px;
	overflow:hidden;
}

.cabeceraizq{

	clear:both;
	float: left;
	height: 137px;
	width: 607px;
	
}

.cabeceradcha{

	float: right;
	width: 191px;
	height: 137px;
	overflow:hidden;
}
.cabeceradchaidiomas{
	
	height: 23px;
	width: 191px;
	text-align: center;
	overflow:hidden;
}

.cabeceradchacarro{

	text-align: left;
	height: 34px;
	overflow:hidden;
	
}

.cabeceradchabuscador{

	height:24px;
	overflow:hidden;
	vertical-align:middle;

}
.cabeceradchabuscadorizq{

	float: left;
	width: 142px;
	text-align: right;
	padding-top:6px;
}
.cabeceradchabuscadorder{

	float: right;
	padding-top: 2px;
	width: 45px;
}

.cabeceradchafecha{
	
	text-align:right;
	height: 50px;
	line-height: 27px;
}

.cuerpo{
	width:800px;
	clear:both;
	overflow:visible;
	
}

.cizquierda{

	width:169px;
	float:left;
	border-left: 1px solid white;
	background-color: #eeeeee;	
}

.login{
	width:169px;
	height:125px;
	background-color: #ffffff;
}

.loginsuperior{

	width: 169px;
	height:53px;
	background-color: #d3d3d3;
	overflow:hidden;
	
}

.recordarcontrasena{

	width: 260px;
	height:30px;
	background-color: #d3d3d3;
	overflow:hidden;
	
}

.recordarcontrasenader{

	width: 190px;
	float:left;
	line-height:30px;
	overflow:hidden;
	
}

.recordarcontrasenaizq{

	width: 60px;
	float:left;
	line-height:30px;
	overflow:hidden;
	
}

.loginusuario{

	width:169px;
	clear:both;
	height:25px;
	
}

.loginusuarioizda{

	width: 69px;
	float: left;
	text-align: left;
	line-height:20px;
	height:25px;
	
}

.loginusuariodcha{

	width: 100px;
	height:25px;
	float: right;
	
}
.loginclave{

	height:28px;
	width: 169px;
	clear: both;
	
}

.loginclaveizda{
	
	line-height: 18px;
	width: 69px;
	float: left;
	text-align: left;
	height:28px;
	
	
}

.loginclavedcha{
	
	width: 100px;
	float: right;
	height:28px;
	overflow:hidden;
	
}

.logininferior{

	width: 169px;
	height: 90px;
	background-color: #e5e5e5;
	clear: both;
	
}

.nuevousuario{

	text-align: left;
	width: 120px;
	float: left;
	height: 18px;
	line-height: 25px;
}

.botonlogin{

	padding-top: 4px;
	float: right;
	
}

.recordar{

	float: left;
	text-align: left;
	height: 18px;
	line-height: 20px;
}



.productos{

	width: 169px;
	background-color: #eeeeee;
}

.cderecha{

	float: right;
	width: 627px;
	text-align: left;
	background-color:white;
	height:auto;
}

.cderechaseparacion{

	float: left;
	width: 10px;
	
}

.cderechaprincipal{

	float: right;
	width: 620px;
	text-align: left;
	height:auto;
	
}
.cabeceradetalleproducto{
	
	width: 610px;
	height: 67px;
	background-image:url('../img/cabeceraDetalleProducto.jpg');
	background-repeat: repeat-x;
	clear:both;
}

.cabeceradetalleproductodcha{

	float:left;
	text-align:left;

}

.detalleproducto{

	clear:both;
	width:610px;
	overflow:hidden;
	margin:0px 0px 14px 0px;
	padding:0px;
}

.detalleproductoizda{

	float: left;
	height:auto;
	overflow:hidden;
	margin:0px;
	padding:14px 0px 0px 12px;
	width: 270px;

}

.detalleproductodcha{

	margin-top: 19px;
	float: right;
	width: 322px;
}

.detalleproductodchatexto{

	text-align:left;
	float:left;
	width:280px;
}

.detalleproductobotonesinferiores{
	width:115px;
	clear:both;
}
.detalleproductobotonesinferioresizda{

	float:left;
	width:60px;
}
.detalleproductobotonesinferioresdcha{

	float:right;
	width:49px;
}

.detalleproductoagotado{

	text-align: left;
	float: left;
	line-height: 16px;
}

.detalleproductoprecio{

	width: 60px;
	height: 35px;
	background-image:url('../img/botonProductoInferior.jpg');
	background-repeat: repeat-x;
	text-align:center;
	line-height: 40px;
	
}
.cabeceradetallelistado{

	width: 610px;
	height: 0px;
	border-top: 3px solid #020FFB;
	text-align:center;
	

}

.detalleproductocajas{

	padding-top:15px;
	clear:both;
	overflow:hidden;
	height:auto;
	width: 610px;
	
}

.detalleproductocajasizq{

	background-image:url('../img/fondoCajaDetalleProducto.jpg');
	background-repeat: repeat-x;
	float: left;
	height: 85px;
	width: 283px;
	margin:0px 11px 0px 0px;
}

.detalleproductocajasizqactivo{

	background-image:url('../img/fondoCajaDetalleProductoHover.jpg');
	background-repeat: repeat-x;
	float: left;
	height: 85px;
	width: 283px;
	margin:0px 11px 0px 0px;
}


.detalleproductocajasdcha{

	background-image:url('../img/fondoCajaDetalleProducto.jpg');
	background-repeat: repeat-x;
	height: 85px;
	float: right;
	width: 283px;
	margin:0px 11px 0px 0px;
}

.detalleproductocajasdchaactivo{

	background-image:url('../img/fondoCajaDetalleProductoHover.jpg');
	background-repeat: repeat-x;
	float: right;
	height: 85px;
	width: 283px;
	margin:0px 11px 0px 0px;
}

.detalleproductocaja{

	clear:both;
	width:283px;
	
}
.detalleproductocajaizq{

	text-align:center;
	float:left;
	width:100px;
}
.detalleproductocajadcha{

	text-align:left;
	float:right;
	width:183px;
	height: 85px;
	
}
.detalleproductocajadchacabecera{

	height: 57px;
	width: 170px;
}
.detalleproductocajadchaprecioinfo{

	clear:both;
}

.detalleproductocajadchaprecio{
	
	float:left;
	line-height:20px;
}

.detalleproductocajadchainfo{
	
	float:right;
}

.carritolinea{

	height: 1px;
	border-bottom: 3px solid #020FFB;
	width: 612px;
	overflow:hidden;

}
.carritosuperior{

	clear: both;
	height: 20px;
	
}
.carritoizq{
	
	margin-top:4px;
	float:left;
	
}
.carritodcha{

	float:right;
	
}
.carritocabecera{

	width: 612px;
	background-color: #dadafa;
	height: 33px;
	clear: both;
	line-height: 46px;
	margin-bottom:2px;
	overflow: hidden;
}

.carritocabeceraunidades{

	float: left;
	width: 55px;
}
.carritocabeceradescripcion{

	float: left;
	width:383px;
	text-align:center;
}
.carritocabeceraprecio{

	float: left;
	width: 90px;
}
.carritocabeceratotal{

	float: left;
	width: 40px;
	text-align:right;
}
.carritocabeceraiva{
	
	float: right;
	width: 35px;
	text-align:center;
}
.carritolineaproductos{

	height:48px;
	width: 612px;
	background-color: #f5f5ff;
	line-height: 45px;
	clear: both;
	
}

.carritolineaunidades{

	float: left;
	text-align:center;
	width: 55px;
	height: 48px;
	

}
.carritolineadescripcion{

	float: left;
	width: 383px;
	height: 48px;

}
.carritolineadescripcionizda{

	height: 30px;
	line-height: 30px;
	width: 55px;
	float: left;
	text-align:center;
}

.carritolineadescripciondcha{
	
	height: 48px;
	float:left;
	line-height: 20px;
	width:328px;
}

.carritolineaprecio{

	float: left;
	width: 74px;
	text-align:right;
}
.carritolineatotal{

	float: left;
	width: 58px;
	text-align:right;
}
.carritolineaiva{
	
	float: right;
	width: 35px;
	text-align:center;
}

.carritosubtotal{

	height: 60px;
	background-color: #f5f5ff;
	width: 612px;
}

.carritosubtotalizq{
	
	width: 448px;
	float:left;
	height: 60px;
}

.carritosubtotaldertexto{
	
	
	width: 60px;
	line-height: 22px;
	text-align: right;
	padding-top: 9px;
	float:left;
}

.carritosubtotaldercantidad{
	
	width: 61px;
	padding-top: 9px;
	line-height: 22px;
	text-align: right;
	float:left;
}

.carritosubtotalderseparador{

	
	float: right;
}

.carritototal{

	height: 42px;
	background-color: #f5f5ff;
	width: 612px;
	
}

.botoncomprar{

	float:right;
	
}

.carritoaviso{

	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 15px;
	width: 580px;
	line-height: 16px;
}



.cderechaprincipalsinborde{

	float: right;
	width: 620px;
	text-align: left;
	height:auto;	
}

.cderechaprincipalsinbordePaso2{

	float: right;
	width: 620px;
	text-align: left;
	height:370px;
}

.cderechasecundaria{

	width: 610px;
	text-align: left;
	height:auto;
}

.cderechasecundariaaviso{

	margin-left:12px;
	width: 580px;
	text-align: left;
	height:auto;
}

.cajatextomensaje{

	float: rigth;
	width: 440px;
	overflow:hidden;
	margin-left: 80px;
	margin-right: 90px;
}


.logincentro{
	width:169px;
	height:51px;
	background-color: #ffffff;
}

.contenidoderechaformulario{

	height:550px;
	float: right;
	width: 620px;
	text-align: left;
}

.cabeceraFormulario{

	border-bottom: 3px solid #020FFB;
	width:610px;
}

.cabeceradetallelistadoformulario{

	width: 610px;
	height: 0px;	
	text-align:left;
}

.formulariocajafondoazuloso{

	background-color: #020FFB;
	width: 610px;
	height: 50px;
	text-align: left;
}
.formulariocajafondoazulosoTipoEnvio{

	background-color: #020FFB;
	width: 610px;
	height: 40px;
	text-align: left;
}

.cajatextoformulario{

	height: 16px;
	padding-left: 10px;
	line-height: 14px;
	overflow:visible;
}

.formulariocaja3{

	float: left;
	width: 200px;
	height:42px;
	overflow:visible;
}

.formulariocaja2{

	float: left;
	width: 300px;
	height:42px;
	overflow:visible;
}

.formulariocajaTodo{

	float: left;
	width: 600px;
	height:34px;
	overflow:visible;
}

.formularioinferior{

    background-color: #ebebff;
    height: auto;
	width: 610px; 
	text-align: left;

}

.formulariobotonregistro{
	
	text-align:right;
	height: 30px;
	overflow:visible;
}

.cajatextoLOPD{

	padding-left:10px;
    padding-right:10px;
}

.cajatextoavisoregistroformulario{

	height: 30px;
	line-height:30px;
	overflow: visible;
}

.cajatextoformulariopago{

	margin-left: 160px;
	background-color: #020FFB;
	width: 300px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}

.cajatextoformulariopagoizq{

	width: 160px;
	text-align: right;
	float: left;
}

.cajatextoformulariopagoderPortes{

	line-height:15px;
}

.cajatextoformulariopagoder{

	width: 140px;
	text-align: left;
	float: right;
}

.pie{

	height:20px;
	line-height:18px;
	width:798px;
	background-color: #020FFB;
	border-bottom:1px solid white;
	clear: both;
	text-align:left;
}

.imagenproducto{

	border:1px #cccccc dashed;
}

/* Inputs y Selects */

.inputlogin{

	border:0px;
	height:16px;
	width:90px;
	font-family:arial, verdana, helvetica;
	font-size: 11px;
}

.inputrecordar{

	border:0px;
	height:16px;
	width:160px;
	font-family:arial, verdana, helvetica;
	font-size: 11px;
}

.cajacantidad{

	font-size: 11px;
	font-family: arial, verdana, helvetica;
	width: 18px;
	height: 16px;
	border: 1px solid black;
	text-align:center;
	
}

.cajadorsalnumero{

	font-size: 11px;
	font-family: arial, verdana, helvetica;
	width: 18px;
	height: 15px;
	border: 1px solid black;
	background-color: #dadada;
	text-align:center;
	
}

.cajadorsal{

	font-size: 11px;
	font-family: arial, verdana, helvetica;
	width: 140px;
	height: 15px;
	border: 1px solid black;
	background-color: #dadada;
	padding-left: 5px;
	padding-right: 5px;
	
}
.selecttalla{

	height:18px;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	border: 1px dashed #cccccc;
}

.inputbuscador{

	border:0px;
	height:14px;
	width:119px;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #999999;
}

.formulariocajatextogrande{

	background-color: #ffffff;
	height: 16px;
	width: 590px;
	border: 1px solid white;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
	
}

.formulariocajatextomedio{

	background-color: #ffffff;
	height: 16px;
	width: 290px;
	border: 1px solid white;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	vertical-align: middle;
	
}

.formulariocajatextomini{

	background-color: #ffffff;
	height: 16px;
	width: 189px;
	border: 1px solid white;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
}

.selectcajatextomini{

	background-color: #ffffff;
	height: 18px;
	width: 190px;
	border: 0px solid white;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	margin: 0px 0px 0px 10px;
}

/* Textos */

.textologinnegro{

	color: #202054;
	font-weight:bold;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	
}

a.loginenlace:link{

	font-weight:bold;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration:none;
	
}
a.loginenlace:active{

	font-weight:bold;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration:none;
	
}
a.loginenlace:visited{
	
	font-weight:bold;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration:none;
}
a.loginenlace:hover{

	font-weight:bold;
	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #202054;
	text-decoration:underline;
}

.textopie{

	font-size:11px;
	color:white;
	font-family:arial, verdana, helvetica;

}

a.enlacepie:link{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	
}
a.enlacepie:active{

	font-family:arial, verdana, helvetica;
	font-size: 11x;
	color: #ffffff;
	text-decoration: none;
	
}

a.enlacepie:visited{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	
}
a.enlacepie:hover{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #a99393;
	
}

a.textoidiomas:link{

	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration: none;
	
}
a.textoidiomas:active{

	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration: none;
	
}

a.textoidiomas:visited{

	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #a99393;
	text-decoration: none;
	
}
a.textoidiomas:hover{

	font-family:arial, verdana, helvetica;
	font-size: 10px;
	color: #ffffff;
	
}

.textofecha{

	font-family:arial, verdana, helvetica;
	margin:0px;
	padding:0px;
	font-size: 9px;
	color: #202054;
	font-weight:bold;
}

.textocesta{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
}

a.textocesta:link{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.textocesta:active{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.textocesta:visited{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

a.textocesta:hover{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}

.textocabeceraproductoazul{
	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
}


a.textocabeceraproductoazul:link{

	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
	text-decoration:none;
	
}
a.textocabeceraproductoazul:active{

	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
	text-decoration:none;
	
}
a.textocabeceraproductoazul:visited{
	
	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
	text-decoration:none;
}
a.textocabeceraproductoazul:hover{

	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
	color: #202054;
}

.textolineaproductonegro{
	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #202054;
	font-weight: bold;
}

.textocabeceraproductonegro{
	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #202054;
	font-weight:bold;
}

.textodetalleproducto{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #202054;
	font-weight:bold;

}

.textocajanegrodestacado{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #202054;
	font-weight:bold;
}

.textocajanegro{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #202054;
}

.textocabeceracarritoazul{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #020FFB;

}

.textomensaje{

	font-family:arial, verdana, helvetica;
	font-size: 11px;
	color: #202054;
	font-weight:bold;
}

.carritotextoaviso{

	font-family:arial, verdana, helvetica;	
	font-size: 10px;
	font-weight: bold;
	color: #989898;
}

.textoLOPD{

	font-size: 10px;
	font-family:arial, verdana, helvetica;
	color: #202054;

}

.textograndenegro{
	font-family:arial, verdana, helvetica;
	font-size: 14px;
	color: #202054;
	font-weight:bold;
	text-align:justify;
}

.textocabeceraproductoazulformulario{

	font-family:arial, verdana, helvetica;
	font-size: 13px;
	color: #020FFB;
	font-weight:bold;
	
}

.textocabeceraformularioazul{

	font-family:arial, verdana, helvetica;
	font-size: 12px;
	color: #020FFB;
	font-weight:bold;
}

.textoformulario{

	font-family: arial, verdana, helvetica;
	font-size: 10px;
	color: #FFFFFF;
	font-weight:bold;
	overflow: visible;
	
}

.textoavisoregistroformulario{

	color: black;
	font-weight:bold;
	font-size: 12px;
	font-family: arial, verdana, helvetica;

}

.textoformulariopago{

	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #FFFFFF;
	overflow: visible;
}


.textoformulariopagotransf{

	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #202054;
	overflow: visible;
}

.textoavisos{

	text-align: justify;
	font-family: arial, verdana, helvetica;
	font-size: 12px;
	color: #202054;
	overflow: visible;
	line-height:18px;
	
}

/* Separadores */

.separador1{

	height:1px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador2{

	height:2px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.separador5{

	height:5px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.separador8{

	height:8px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	
}
.separador10{

	height:10px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.separador12{

	height:12px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador14{

	height:14px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador15{

	height:15px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador15clear{

	height:15px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	clear:both;
}


.separador25{

	height:25px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador30{

	height:30px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.separador45{

	height:45px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.separador1_formulario{

	clear: both;
	height: 1px;
	width: 610px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
	
}
.separador1_formulariopago{

	clear: both;
	height: 1px;
	width: 310px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	overflow: hidden;
	
}

/* Banner */

.bloque_der{

	float: rigth;
	width: 190px;
	height: 35px;
}

.bannerReial{

	width: 154px;
	height: 117px;
	margin: 10px 0px 10px 0px;
	background-color: #eeeeee;
}