@charset "utf-8";
/* CSS Document */

/*

************** TITULOS SECCIONES **************

*/
.titulosSecciones {
	display: block;
	margin-bottom: 25px;
}
.titulosSecciones #subcategorias {
	margin-left: 5px;
	color: #6D6B5F;
	font-size: 13px;
	display: block;
}
.titulosSecciones #subcategorias li {
	float: left;
	background-image: url(images/titulosSeccionesSubcategorias_li.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	padding-right: 7px;
	background-position: 0px 6px;
}
/*

************** LISTADOS DE CATEGORIAS, SUGERENCIAS & PRODUCTOS **************


*/
#listadoSugerencias {
	display:table;
	margin-bottom: 50px;
}

#listadoSugerencias li ul {
	display: table-row;
}
#listadoSugerencias li ul li {
	display: table-cell;
	width: 310px;
	background-color: #F2F2F2;
	padding: 10px;
	vertical-align: top;
	border: solid #FFF 5px;
}

/*#listadoCategorias {
	margin-bottom: 50px;
}
.listadoCategoriasTD {
	padding: 10px;
}*/
#listadoCategorias td {
	padding: 10px;
}
#listadoCategorias ul {
	margin-top: 5px;
	line-height: 1em;
	display: block;
}
#listadoCategorias ul li {
	font-size: 11px;
	display: inline;
	float: none;
	background-image: url(images/listadoProductos_li.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	border: none;
}
#listadoCategorias ul li a:link,
#listadoCategorias ul li a:active,
#listadoCategorias ul li a:visited,
#listadoCategorias ul li a:hover {
	color: #6C6B5F;
	text-decoration: none;
}
#listadoCategorias ul li a:hover {
	text-decoration: underline;
}
/*NUEVO*/
#subcategorias li a:link,
#subcategorias li a:active,
#subcategorias li a:visited,
#subcategorias li a:hover {
	color: #6C6B5F;
	text-decoration: none;
	float:left;
	
}
#subcategorias li a:hover {
	text-decoration: underline;
}



#listadoSugerencias h2,
#listadoProductos h2,
#listadoCategorias h2 {
	font-size: 14px;
	color: #2C2C2C;
	font-weight: normal;
	display: block;
	background-color: #F2F2F2;
	padding: 3px;
	margin-bottom: 20px;
	clear: both;
	/*margin-top: 20px;*/
}
#listadoSugerencias h2 .num,
#listadoProductos h2 .num,
#listadoCategorias h2 .num {
	font-weight: bold;
	color: #ED411B;
}
#listadoSugerencias h3,
#listadoProductos h3,
#listadoCategorias h3 {
	font-size: 15px;
	color: #ED411B;
	font-weight: normal;
}
#listadoSugerencias h3 a:link,
#listadoSugerencias h3 a:active,
#listadoSugerencias h3 a:visited,
#listadoSugerencias h3 a:hover,
#listadoProductos h3 a:link,
#listadoProductos h3 a:active,
#listadoProductos h3 a:visited,
#listadoProductos h3 a:hover,
#listadoCategorias h3 a:link,
#listadoCategorias h3 a:active,
#listadoCategorias h3 a:visited,
#listadoCategorias h3 a:hover {
	color: #ED411B;
	text-decoration: none;
}
#listadoSugerencias h3 a:hover,
#listadoProductos h3 a:hover,
#listadoCategorias h3 a:hover {
	text-decoration: underline;
}
#listadoCategorias img {
	float: right;
}



#listadoProductos {
	margin-bottom: 50px;
	display: block;
}
#listadoSugerencias li ul li,
#listadoProductos li {
	background-color: #F2F2F2;
	width: 320px;
	padding: 5px;
	margin: 2px;
}
#listadoSugerencias li ul li .precio,
#listadoProductos .precio {
	line-height: 20px;
	margin-top: 10px;
	height: 20px;
	font-size: 12px;
	color: #333333;
}
.clear {
	clear: both;
}
#listadoSugerencias .imagen,
#listadoProductos .imagen {
	width: 80px;
	background-color: #E0E0E0;
	padding: 3px;
}

/*#listadoSugerencias li ul li .precio:before,
#listadoProductos .precio:before {
	display:block;
	content: "Precio";
	background-color: #888478;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin-right: 15px;
	padding: 0px 15px 0px 15px;
	float: left;
	height: 20px;
}*/
#listadoSugerencias li ul li .precio input[type="submit"],
#listadoProductos .precio input[type="submit"] {
	float: right;
	height: 20px;
	width: 20px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url(images/titulosSeccionesSubcategorias_precio.gif) no-repeat left top;
}
/*

************** OFERTAS & NOVEDADES **************


*/
#ofertasNovedades {
	margin-bottom: 50px;
}
#ofertasNovedades li {
	float: left;
	display: inline;
	background-color: #F2F2F2;
	margin: 3px;
	vertical-align: top;
	width: 170px;
	border: 3px solid #E0E0E0;
}
#ofertasNovedades img {
	margin: 5px;
}
#ofertasNovedades h3 a:link,
#ofertasNovedades h3 a:active,
#ofertasNovedades h3 a:visited,
#ofertasNovedades h3 a:hover,
#ofertasNovedades h3 {
	font-size: 14px;
	color: #2C2B20;
	font-weight: normal;
	text-decoration: none;
	margin: 5px;
	display: block;
}
#ofertasNovedades .data {
	display:block;
	height: 240px;
	background-image: url(images/ofertasNovedades_fondo.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#ofertasNovedades .precio {
	color: #FFF;
	font-size: 20px;
	background-color: #258D8D;
	padding: 3px 10px 3px 10px;
}
#ofertasNovedades .precio .carritoBtn {
	height: 25px;
	width: 26px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(images/ofertasNovedades_agregarCarrito.gif) no-repeat left top;
	border: none;
}
/*

************** DETALLE DE PRODUCTOS **************


*/
#detalleProducto {
	margin-bottom: 100px;	
	display: block;
	 border: px solid #000;
}
#detalleProducto #foto {
	border: 5px solid #E0E0E0;
	display: block;
	width: 200px;
}
#detalleProducto #datos {
	margin-left: 20px;
	width: 350px;
	display: block;
}
#detalleProducto #datos h1 {
	font-size: 20px;
	color: #2C2B20;
	font-weight: normal;
	color: #ED411B;
}
#detalleProducto #datos #datosProductoList {
	display:table;
	margin-top: 15px;
}
#detalleProducto #datos #datosProductoList li ul {
	display: table-row;
}
#detalleProducto #datos #datosProductoList li ul li {
	display: table-cell;
	padding-bottom: 5px;
	vertical-align: top;
}
#detalleProducto #datos #datosProductoList li ul li.ref {
	width: 100px;
	color: #ED411B;
	font-weight: bold;
	font-size: 15px;
}
#detalleProducto #datos #datosProductoList li ul li.dato {
	color: #6C6B5F;
	font-size: 14px;
}
#detalleProducto #datos #descripcion {
	margin-top: 15px;
	color: #6C6B5F;
	font-size: 14px;
	
}
#detalleProducto #datos #carrito {
	margin-top: 15px;
	color: #6C6B5F;
	font-size: 12px;
}
#detalleProducto #datos #carrito fieldset.carritoField {
	border: none;
	display: inline;
	color: #6C6B5F;
	font-size: 13px;
}
#detalleProducto #datos #carrito fieldset.carritoField input.box {
	color: #6C6B5F;
	font-size: 13px;
	width: 40px;
	height: 18px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
}
#detalleProducto #datos #carrito fieldset.carritoField input.btn {
	border: none;
	width: 90px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: transparent url(images/detalleProducto_carritoBoton.jpg) no-repeat top right;
	margin-left: 10px;
}
#detalleProducto #datos .btnVolver1,
#detalleProducto #datos .btnVolver2 {
	background: transparent url(images/btnVolver.gif) no-repeat top left;
	border: none;
	cursor: pointer;
	text-indent: 25px;
	height: 20px;
	text-align: left;
}
#detalleProducto #datos .btnVolver1 {
	margin-top: 20px;
}
#detalleProducto #datos .btnVolver2 {
	margin-top: 5px;
}

#detalleProducto #datos .precio {
	margin-top: 10px;
	color: #FFF;
	font-weight: bold;
	background-color: #CCC;
	display: block;
	line-height: 20px;
}
#detalleProducto #datos .precio h2 {
	font-size: 14px;
	float: left;
	background-color: #999;
	padding: 1px 5px;
	display: block;
}
#detalleProducto #datos .precio h3 {
	font-size: 11px;
	padding: 1px 5px;
	margin-left: 5px;
	display: block;
}

.ddlbox {
	color: #6C6B5F;
	font-size: 13px;
	height: 22px;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}


/*

************** PAGINA DE LOGIN - FORMULARIO DE INGRESO **************


*/
#loginBox {
	width: 500px;
	background: #EE421B url(images/loginBox_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}
#loginBox h2 {
	background: url(images/loginBox_top.gif) no-repeat left top;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 20px 20px 0 20px;
}
#loginBox fieldset.loginField {
	border: none;
	font-size: 13px;
	padding: 0 20px;
}
#loginBox fieldset.loginField label {
	color: #FFF;
	font-weight: bold;
	width: 8em;
	float: left;
	margin-right: 0.5em;
	display: block
}
#loginBox fieldset.loginField input {
	color: #6C6B5F;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	height: 18px;
}
#loginBox fieldset.loginField button {
	border: none;
	color: #EE421C;
	font-size: 11px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background: #FFF;
	padding: 3px 10px;
	border: #C82F0F solid 2px;
}
#loginBox fieldset.loginField input[type="submit"] {
	border: none;
	color: #EE421C;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background: #FFF;
	padding: 3px 10px;
	border: #C82F0F solid 2px;
	height: 28px;
}
.LoginButton {
	width: 150px;
	height: 158px;
	border: none;
	color: #EE421C;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background: #FFF;
	padding: 3px 10px;
	border: #C82F0F solid 2px;
}
#loginBox fieldset.loginField p {
	margin-bottom: 8px;
}
#loginBox fieldset.loginField p.submit {
	margin-left: 8.5em;
}
.loginLink, .loginLink:link, .login:visited {
	font-weight: bold;
	color: #FC0;
}
.loginLink:hover, .login:active {
	color: #FF0;
}
/*

************** CARRITO DE COMPRAS **************


*/
#carritoCompras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6D6B5F;
}
#carritoCompras em {
	color: #EC401A;
	font-style: normal;
}
#ctl00_ContentPlaceHolder1_carritoListado .header td, th {
	background-color: #413D31;
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
#ctl00_ContentPlaceHolder1_carritoListado .tr1 td,
#ctl00_ContentPlaceHolder1_carritoListado .tr2 td {
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 5px;
}
#ctl00_ContentPlaceHolder1_carritoListado .tr1 td {
	background-color: #F7F7F7;
}
#ctl00_ContentPlaceHolder1_carritoListado .tr2 td {
	background-color: #F2F2F2;
}
#ctl00_ContentPlaceHolder1_carritoListado .tdForm {
	text-align: center;
}
#ctl00_ContentPlaceHolder1_carritoListado .tdForm input {
	color: #6C6B5F;
	font-size: 12px;
	width: 30px;
	height: 18px;
	text-align: center;
}
#ctl00_ContentPlaceHolder1_carritoListado .destacado {
	background-color: #6F6B5F;
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	text-align: right;
}

#ctl00_ContentPlaceHolder1_carritoListado .destacadosub {
	background-color: #6F6B5F;
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	text-align: center;
}

#ctl00_ContentPlaceHolder1_carritoListado .total {
	background-color: #EE421C;
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	
}
#carritoBotonera td {
	padding: 5px;
	width: 33%;
}
#carritoBotonera .header td {
	font: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 20px;
	border-left: 2px solid #FFF;
	background-image: url(images/carritoBotoneraHeader_fondo.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding: 0 0 0 10px;
	
}


#carritoBotonera .botones td {
	font: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	border-left: 2px solid #FFF;
	border-top: 1px solid #FFF;
	background-color: #6F6B5F;
	padding: 5px 0 5px 30px;
	background-image: url(images/carritoBotoneraBotones_flecha.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
#carritoBotonera .botones td h2 {
	font-size: 14px;
	color: #FFCC00;
}
#carritoBotonera .botones td a:link,
#carritoBotonera .botones td a:active,
#carritoBotonera .botones td a:visited,
#carritoBotonera .botones td a:hover {
	color: #FFF;
	text-decoration: none;
}
.carritoData td {
	padding: 5px;
}
.carritoData .header td {
	background-color: #413D31;
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
.carritoData .tr1 .data,
.carritoData .tr2 .data,
.carritoData .tr1 .titulo,
.carritoData .tr2 .titulo {
	border-left: 2px solid #FFF;
	font: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 5px;
}
.carritoData .tr1 .data {
	background-color: #F7F7F7;
}
.carritoData .tr2 .data {
	background-color: #F2F2F2;
}
.carritoData .tr1 .titulo,
.carritoData .tr2 .titulo {
	color: #FFF;
	font-weight: bold;
}
.carritoData .tr1 .titulo {
	background-color: #888478;
}
.carritoData .tr2 .titulo {
	background-color: #6F6B5F;
}
/*

************** REGISTRO DE USUARIOS **************


*/
#formulario {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
}
#formulario fieldset {
	width: 680px;
	border-color: #F7F7F7;
	border-width: 1px;
	border-style: solid;
	background-color: #F7F7F7;
	padding: 10px;
	margin: 0 0 20px 0;
}
#formulario fieldset legend {
	font-size: 14px;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
	color: #FFF;
	background-color: #EE421C;
}
#formulario input[type="text"],
#formulario input[type="password"],
#formulario textarea {
	margin: 5px 0 5px 0;
	color: #6C6B5F;
	font-size: 12px;
	width: 200px;
}
#formulario input[type="text"],
#formulario input[type="password"] {
	height: 18px;
}
#formulario input[type="submit"] {
	margin: 5px 0 5px 0;
	border: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	background-color: #EE421C;
	padding: 3px 10px;
}
#formulario textarea {
	overflow: auto;
}
#formulario small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}
#formulario .sangria {
	padding-left: 10px;
}
#formulario .destacado {
	font-weight: bold;
}
/*

************** PREGUNTAS FRECUENTES **************


*/
#faq p {
	margin: 0;
	padding: 0;
	margin-bottom: 25px;
	font-size: 13px;
	color: #333;	
}
#faq p.preg {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 14px;
	color: #EE421C;
}