/* ESTRUCTURA **************/
body{
	border-top:3px solid #ccc;
}
#contenido{
	width:100%;
}
/***************************/

/* CABECERA ****************/
#cabecera{
	padding:35px 15px 0 15px;
	margin-bottom:10px;
}
#logo{
	float:left;
	width:172px;
}
#contenido_cabecera{
	float:right;
}
#datos_cuenta{
	margin-bottom:18px;
}
#mis_datos{
	background:url(../img/ico_home.gif) no-repeat left;
	float:left;
	padding:2px 0 0 20px;
}
#mis_datos p{
	font-weight:bold;
	color:#333;
	margin-bottom:0;
}
#mis_datos span{
	color:#f58521;
}
#datos_cuenta ul{
	float:left;
	margin-bottom:0;
	padding-top:3px;
}
#datos_cuenta li{
	background:url(../img/separador_menu_cabecera.gif) no-repeat right;
	float:left;
	padding:0 12px;
}
#datos_cuenta li.ultimo{
	background:none;
	padding-right:0;
}
#datos_cuenta a{
	color:#999;
	text-decoration:none !important;
}
#datos_cuenta a:hover, #datos_cuenta a.seleccionado{
	color:#666;
}
#carro{
	background:#F58521 url(../img/bg_carro.gif) no-repeat left;
	height:24px;
	padding:6px 15px 0;
	width:150px;
	float:right;
	margin-bottom:15px;
}
#carro a{
	color:#fff;
}
#carro span{
	background:url(../img/ico_carro.png) no-repeat left;
	padding-left:20px;
	color:#333;
	font-weight:bold;
}
/***************************/

/* CUERPO ******************/
#cuerpo{
	padding:0 15px;
}
#columna_izquierda{
	width:180px;
	float:left;
	margin-bottom:20px;
}
#filtros{
	background:#eee;
	padding:15px 10px;
}
#filtros .modulo{
	margin-bottom:15px;
}
#filtros h3{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}
#filtros p{
	margin-bottom:7px;
}
#filtros .modulo.ultimo p{
	margin-bottom:5px;
}
#filtros .selecciones{
	margin-bottom:7px;
}
#filtros .text{
	width:148px;
}
#filtros select{
	width:158px;
}
#filtros .grupo{
	color:#999;
}
#filtros label{
	color:#999;
	float:none !important;
	margin-bottom:7px;
	font-weight:normal;
	width:100%;
	line-height:normal;
}
#columna_derecha{
	padding-left:15px;
	padding-bottom:30px;
	overflow:hidden;
}
#columna_derecha.limpia{
	padding-left:0;
}
.agregar{
	color:#f58521;
}
.paginador{
	text-align:center;
}
.paginador a{
	color:#ccc;
	background:#eee;
	padding:3px 7px;
	text-decoration:none !important;
	margin-right:6px;
}
.paginador a:hover, .paginador a.seleccionado{
	background:#999;
	color:#fff;
}
#preloader_catalogo{
	text-align:center;
	margin-bottom:10px;
}
.ordenarpor{
	margin-bottom:15px;
	float:right;
}
.ordenarpor label{
	float:left;
	width:75px;
	margin-bottom:0;
	line-height:26px;
	color:#666;
}
.ordenarpor select{
	width:180px;
}
select.cantidad{
	width:50px;
}
#carro_compras th,#carro_compras tr{
	text-align:left;
}
#carro_compras .text.small{
	width:40px;
}
.detalle span{
	display:block;
}
.detalle .nombre_resumen{
	font-weight:bold;
	color:#333;
}
#total_compra{
	font-size:1.6em;
	font-weight:bold;
	float:right;
	color:#000;
	padding-right:70px;
}
.alinear_cen{
	text-align:center !important;
}
h1.confirmar{
	margin-bottom:0;
}
#formulario_ingreso{
	background:#eee;
	width:280px;
	height:200px;
    left:50%;
    margin-left:-140px;
    margin-top:-100px;
    padding:20px;
    position:absolute;
    top:50%;
}
#formulario_ingreso .text{
	width:150px;
}
#formulario_ingreso .botonera{
	width:235px;
}
#contenedor_form{
	width:240px;
	margin:auto;
}
#mensaje{
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	text-align:center;
	margin-bottom:5px;
}
#modificar_datos label{
	width:158px;
}
#modificar_datos .botonera{
	width:486px;
}
.aviso p{
	color:#000;
	font-weight:bold;
}
.aviso .boton{
	float:left;
}
#historial th, #historial tr{
	text-align:left;
}
#historial .detalle{
	margin-bottom:8px;
}
#recuperar_contrasena small{
	font-size:1.1em;
}
#form_generar label{
	width:38px;
}
#form_generar .botonera{
	width:367px;
}
#form_recuperar label{
	width:153px;
}
#form_recuperar .botonera{
	width:481px;
}
.olvidar{
	float:right;
	color:#999;
	font-size:1.1em;
}
/***************************/

/* PIE *********************/
#pie{
	padding:0 15px 20px 15px;
}
.fln{
	background:url(../img/desarrollado_por_negro.png) no-repeat left;
	padding-left:35px;
	display:block;
	width:115px;
	font-size:1.1em;
	color:#666;
}
#contenido_pie{
	float:left;
	width:180px;
}
#pie p{
	overflow:hidden;
	padding-left:15px;
}
/***************************/

/* TEXTOS ******************/
h1{
	font-size:1.6em;
	font-weight:bold;
	color:#F58521;
	margin-bottom:5px;
}
h2{
	font-size:1.4em;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}
h3{
	font-size:1.2em;
	color:#333;
	font-weight:bold;
}
p, span, a, ul, ol{
	font-size:1.2em;
}
p,span{
	line-height:16px;
	color:#999;
}
p, ul, ol{
	margin-bottom:15px;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul li{
	background:url(../img/bullet_lista.gif) no-repeat 0 6px;
	padding-left:10px;
	color:#666;
}
p span, a span, ul span, ul a span, span span, ul a span span, ul a, ul ul, td span, p a, span a, h3 a, td a, td select, td .text{
	font-size:1em;
}
table {
	margin-bottom:15px;
	border-bottom:1px solid #eee;
}
th,td{
	padding:10px 4px;
	font-size:1.2em;
}
th{
	color:#fff;
	background:#333;
	font-weight:bold;
	text-align:center;
}
#inicio td{
	border-right:1px solid #eee;
}
th.destacado{
	color:#F58521;
}
tr{
	background:#fff;
	color:#666;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	text-align:center;
}
#inicio tr{
	border-right:none;
}
tr.par{
	background:#f6f6f6;
}
td.descuento{
	font-weight:bold;
	color:#000;
	font-size:1.4em;
}
/***************************/
/* FORMULARIOS *************/
label{
	display:block;
	float:left;
	color:#333;
	font-size:1.2em;
	width:75px;
	font-weight:bold;
	line-height:27px;
}
.bloque{
	margin-bottom:7px;
}
.text,.textarea{
	border:1px solid #ccc;
	width:318px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px 4px;
	font-size:1.2em;
}
.text.activo, .textarea.activo{
	border:1px solid #999;
}
select{
    border:1px solid #ccc;
    color:#666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    padding:4px;
    width:410px;
}
.boton{
	background:url(../img/bg_boton.gif) repeat-x;
	text-decoration:none !important;
	float:right;
	padding:5px 20px;
	line-height:15px !important;
	text-align:center;
	display:block;
}
.boton:hover{
	background:url(../img/bg_boton_hover.gif) repeat-x;
}
.boton.interior{
	background:#666;
}
.boton.interior:hover{
	background:#333;
}
.boton.borrar{
	margin-left:5px;
}
.boton span{
	color:#fff !important;
	line-height:15px !important;
	font-weight:bold;
}
.boton input{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	border:0;
	background:none;
	overflow:hidden;
}
.check,.checks{
	width:15px;
	height:15px;
	float:left;
	margin-right:5px;
}
small{
	font-size:1.2em;
	color:#999;
}
#errores{
	float:left;
	width:325px;
	color:#666;
	font-weight:bold;
}
.botonera{
	width:404px;
}
/***************************/