/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px;color:#333;}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 


/* FORMS */
form {margin: 0 0 1.5em}
.input {font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; border: 1px solid #ccc;}
.select {font-family: Tahoma, Verdana, Arial; font-size: 9px; color: #000000;}
/* input:focus {border: 2px solid #000;}*/
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	


/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 0 0}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}



dl {margin: 0 0 0 0}
dt {font-weight:bold;margin-top: 0}
dl dl {margin: 0 0 0 0}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
#header1 {background-image: url('imagenes/cabecera1.jpg');height:154px; width:606px; background-color:#CC0000; background-repeat: no-repeat; background-position: 0px 0%;padding:0 0 0 0; margin: 0 0 0 0; }
#header2 {background-image: url('imagenes/cabecera2.jpg');height:154px; width:606px; background-color:#CC0000; background-repeat: no-repeat; background-position: 0px 0%;padding:0 0 0 0; margin: 0 0 0 0; }
#header3 {background-image: url('imagenes/cabecera3.jpg');height:154px; width:606px; background-color:#CC0000; background-repeat: no-repeat; background-position: 0px 0%;padding:0 0 0 0; margin: 0 0 0 0; }	
#header4 {background-image: url('imagenes/cabecera4.jpg');height:154px; width:606px; background-color:#CC0000; background-repeat: no-repeat; background-position: 0px 0%;padding:0 0 0 0; margin: 0 0 0 0; }	
	
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
#wrap {width:606px;margin: 0 auto;position:relative;}

#menuh {font: 120% Arial, Helvetica, sans-serif; margin-top: 0px; height:26px; background-image:url(imagenes/degradado_botones.gif); border:1px solid #CC0105;}
	#menuh ul, li {list-style-type: none;}
	#menuh ul {margin: 0 1px;padding: 0;}
	.li1 {float: left; width: 20%;}
	.li2 {float: left; width: 30%;}
	/* #menuh li {float: left; width:25%;} */
	#menuh a {text-decoration: none;color: #EEEAEA; background-image:url(imagenes/degradado_botones.gif);display: block;text-align: center;}	
	#menuh a:hover {background: #FF0103;}


#content-wrap {position:relative;width:100%; height:640px;}
#content-alacarta {position:relative;width:100%; height:720px;}
	#utility {position:absolute;top:0;left:25px;width:165px;border-top: 5px solid #999;padding-bottom: 40px}
	#productos {position:absolute;top:105px;right:25px;width:600px;left: 1px;height: 386px; background-color:#ffffff;}
	#botones-abajo {position:absolute;top:410px;right:25px;width:100%;left: 1px;height: 20px; background-color:#ffffff;}
	#volver-abajo {position:absolute;top:550px;right:25px;width:100%;left: 1px;height: 20px; background-color:#ffffff;}
	#marcas {position:absolute;top:560px;right:25px;width:600px;left: 1px;height: 20px; background-color:#ffffff; text-align:center;}
	#marcas-alacarta {position:absolute;top:640px;right:25px;width:600px;left: 1px;height: 20px; background-color:#ffffff; text-align:center;}
	#abajo-pagina {position:absolute;top:600px;right:25px;width:600px;left: 1px;height: 20px; background-color:#ffffff; text-align:center;}
	#abajo-pagina-alacarta {position:absolute;top:680px;right:25px;width:600px;left: 1px;height: 20px; background-color:#ffffff; text-align:center;}
	#cuadro-arriba {position:absolute;top:10px;right:25px;width:600px;left: 1px;height: 70px; background-color:#ffffff;}
	#cuadro-arriba2 {position:absolute;top:25px;right:25px;width:450px;left: 1px;height: 70px; background-color:#ffffff;}
	#formulario {position:absolute;top:85px;right:25px;width:600px;left: 1px;height: 386px; background-color:#ffffff;}
	#pos-textoform {position:absolute; left:20px;}
	#pos-cajaform  {position:absolute; left:80px;}	
	#ordenar  {position:absolute; float:right; right:15px; top: 70px;}	
	#select-ordenar {position:absolute; float:right; right:15px; top: 15px;}	
	
	
	#caja-producto { background-color:#CCCCCC;height:114px; width:287px; margin: 10px 5px 3px 5px; float: left;}
	#ficha-producto {position:absolute;top:115px;right:25px;width:600px;left: 1px;height: 386px; background-color:#ffffff;}
	.li-fotitos {float: left; padding:5px 11px 0 0; width:59px; height: 44px;}
	.li-fotitos2 {float: left; padding:5px 0 0 0; width:59px; height: 44px;}
	.li-fotitos3 {float: right; padding:5px 0 0 0; width:59px; height: 44px;}
	.fotos-ficha {float: left;}
	.caracteristicas-ficha {float: left; padding: 0 0 0 10px; width:250px; }
	.derecha-ficha  {float: left; padding: 0 0 0 0 px; width:100px; text-align:right;}
	
	/* TABLES */
	
	.table1 {width:287px; height:114px; margin: 12px 0 0 10px;}
		.table1 td {}
		.table1 th {text-align:left;}
		.table1 thead th {color:#fff;font-size:100%;}
		.table1 tbody th {color:#fff;font-size:70%; font-weight:bold;}
		.table1 tbody th.sub {font-size:100%;color:#000;}
	.li-rojo {float: left; width: 140px; height:20px; background-image:url(imagenes/CAP_INFO.jpg); background-repeat:no-repeat; text-align:left; margin:0 0 0 0; color:#FFFFFF;}
	.li-gris {float: left; width: 140px; text-align:right; margin:0 0 0 0; color:#000000; font-size:10px;}
	.li-precio {float: left; width: 140px;  text-align:right; margin:8px 0 0 0; color:#000000; font-size:14px;}
	.li-inferior {float: left; width: 140px; color:#000000; font-size:18px; margin: 3px 0 0 0; }
.derecha-imagen {
 float: right;
 margin: 0 2px 2px 0;
}
img.center {
display: block;
margin: auto;
}


/* LAYOUT - FOOTER */
#footer {clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}