html, body {
	min-height: 100%; height: auto !important; height: 100%;
}
body {
	font-family: Arial; font-size: 10pt; color: #000000;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
td, th, p, a {
	font-family: Arial; font-size: 9pt; color: #000000;
}
img {
	border: 0;
}
/*
div {
	border: 1px solid #FF0000;
}*/
form {
	margin: 0; padding: 0;
}

checkbox, input, radio, select, textarea {
	font-size: 9pt; font-family: Arial;
}
textarea {
	font-size: 9pt; font-family: Arial;
}

#contenedor {
	width: 980px;
	position: absolute;
	top: 0; left: 50%;
	margin-left: -490px;
	min-height: 100%; height: auto !important; height: 100%;
}

/* Cabecera /*
/*******************************************************/
#header {
	width: 100%; height: 195px;
	position: relative;
	padding: 0;
	margin-bottom: 10px;
}
.formidioma {
	position: absolute;
	top: 0; left: 0;
	padding: 10px;
}
#formusuario {
	position: absolute;
	top: 9px; left: 232px;
	color: #000066;
}
#formusuario a {
	text-decoration: none; color: #006666;
}
.headerimage {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 125px; background: url(img/header.jpg) no-repeat left top; margin:auto;
	background: url(img/header.jpg);
}
/*******************************************************/


/* Columna izquierda */
/*******************************************************/
#left {
	width: 220px;
	height: 900px;
	float: left;
	padding: 0;
	margin-right: 10px;
/*	background: #195959;*/
}
/*******************************************************/



/* Columna derecha */
/*******************************************************/
#right {
	width: 180px;
	float: right;
	background: #FFFFFF;
}
/*******************************************************/



/* Parte Central */
/*******************************************************/
#main, #main1 {
	float: left;
	padding: 0;
	margin-bottom: 15px;
	width: 750px; height: auto;
}
#main h1, #main1 h1 {
	font-family: Arial; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #FFFFFF;
	margin: 0; padding: 0;
}
#main {
	padding: 0;
	margin-bottom: 15px;
}
.titulo {
	position: relative;
	height: 23px;
	padding-top: 10px; padding-left: 15px;
	background: url(img/menubox_h1.gif);
	background-color: #006666;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.tituloleft, .tituloright {
	position: absolute; top: 0;
	width: 7px; height: 33px;
}
.tituloleft {
	left: 0;
	background: url(img/menubox_h2.gif) no-repeat;
}
.tituloright {
	right: 0;
	background: url(img/menubox_h3.gif) no-repeat;
}
.titulografico {
	position: absolute; top: 0;
	width: 57px; height: 33px;
	right: 7px;
	background: url(img/menubox_h4.jpg) no-repeat;
}
/*******************************************************/



/* Pie */
/*******************************************************/
#footer {
	width: 100%; height: auto;
	color: #333333;
	float: left;
	clear: both;
	text-align: center;
}
#footermenu {
	background: url(img/pie.jpg);
	color: #FFFFFF;
	height: 20px; padding-top: 5px;
}
#footer ul {
	width: 660px; margin: auto !important; margin-left: 120px;
	list-style-type: none;
	margin: 0; padding: 0;
}
#footer ul li{
	width: 110px;
	float: left;
}
#footer ul li a {
	font-family: Arial; font-size: 10pt; color: #000000;
	margin: 10px;
	text-decoration: none;
	color: #FFFFFF;
}
#footercopy {
	float: left; margin-left: 4px;
}
#footerdiw {
	float: right; margin-right: 4px;
}
#footerlinks {
	font-family: Arial; font-size: 8pt; text-align: center;
	float: left; clear: both;
	width: 940px; height: 150px;
	padding: 20px;
}
/*******************************************************/


.clear {
	clear: both;
}
.warning {
	font-weight: bold;
	color: #CC0000;
}
.indexPaginas {
	float: right;
	width: 100%;
	margin: 0;
	padding: 8px 0 2px 0;
	text-align: right;
}
.carritocantidad {
	width: 30px;
	font-family: Arial; font-size: 9pt;
	text-align: center;
	border: 1px solid #000000;
}

/* Caja de los menus de los lados */
/*******************************************************/
.menubox {
	margin-bottom: 12px;
}
.menuboxheader {
	font-family: Arial; font-size: 10pt; font-weight: bold; text-transform: uppercase;
	position: relative;
	height: 23px;
	padding-top: 10px;
	padding-left: 15px;
	background: url(img/menubox_h1.gif);
	background-color: #006666;
	color: #FFFFFF;
}
.menuboxheaderleft, .menuboxheaderright {
	position: absolute; top: 0;
	width: 7px; height: 33px;
}
.menuboxheaderleft {
	left: 0;
	background: url(img/menubox_h2.gif) no-repeat;
}
.menuboxheaderright {
	right: 0;
	background: url(img/menubox_h3.gif) no-repeat;
}
.menuboxheadergrafico {
	position: absolute; top: 0;
	width: 57px; height: 33px;
	right: 7px;
	background: url(img/menubox_h4.jpg) no-repeat;
}
.menuboxc {
	border: 1px solid #006666;
	padding: 10px 5px 10px 5px;
	background: #195959;
}
.menuboxc ul {
	margin: 0; padding: 0;
	margin-left: 10px;
}	
.menuboxc li {
	list-style: none;
	margin: 0; padding: 0;
}
.menuboxc a {
	font-family: Arial; font-size: 10pt; font-weight: 100; color: #FFFFFF;
	text-decoration: none;

	display: block;
	width: 164px; height: 22px; padding-top: 5px; padding-left: 15px;
	border-bottom: 1px dotted #EEEEEE;
	background: url(img/p1.gif) no-repeat 5px 10px;
}

.menuboxc a:hover {
	color: #000000;
}
/*******************************************************/


/* Esquinas */
/*******************************************************/
.c_tl, .c_tr, .c_bl, .c_br {
	padding: 0; margin: 0;
	position: absolute; width: 20px; height: 20px;
}
.c_tl {
	background: url(img/a1.gif) no-repeat;
	top: -1px; left: -1px;
}
.c_tr {
	background: url(img/a2.gif) no-repeat;
	top: -1px; right: -18px;
}
.c_bl {
	background: url(img/a4.gif) no-repeat;
	bottom: -18px; left: -1px;
}
.c_br {
	background: url(img/a3.gif) no-repeat;
	bottom: -18px; right: -18px;
}
/*******************************************************/


/* Barra para el buscador y la cesta */
/*******************************************************/
#barrabuscadorcesta {
	background: #CCCCCC;
	width: 100%; height: 35px;
	position: absolute; right: 0;
	top: 160px;
}
#formbuscar {
	position: absolute;
	top: 0; left: 10px;
	width: 170px;
}
#inbuscar {
	width: 130px; height: 25px;
	border: 1px solid #006666;
	margin-top: 10px;
}
#botonbuscar {
	width: 30px; height: 24px;
	background: url(img/buscar.gif) no-repeat;
	border: 0;
}
#formcesta {
	position: absolute;
	top: 1px; right: 10px;
	width: 175px;
}
#formcesta a {
	display: block;
	height: 24px; padding-top: 8px;
	text-decoration: none;
	color: #006666;
	padding-left: 35px;
	background: url(img/carrito.gif) no-repeat;
}
/*******************************************************/



/* Menu horizontal */
/*******************************************************/
#menuh {
	position: absolute;
	top: 125px; left: 0;
	background: url(img/menu_1.jpg) repeat-x;
	background-color: #006666;
}
#menuh ul {
	margin: 0; padding: 0;
	list-style: none;
	width: 100%; height: 35px;
}
#menuh li {
	float: left;
}
#menuh a {
	display: block; float: left;
	width: 196px; height: 35px;
}
#menuhleft, #menuhright {
	position: absolute;
	width: 8px; height: 43px;
}
#menuhleft {
	top: 0; left: 0;
	background: url(img/menu_2.jpg) no-repeat;
}
#menuhright {
	top: 0; right: 0;
	background: url(img/menu_3.jpg) no-repeat;
}
/*******************************************************/


/* Menu vertical (de al lado izquierdo) */
/*******************************************************/
#menuv {
	margin-left: 9px;	
}
#menuv li {
	margin: 0; padding: 0;
	min-height: 28px; height: auto !important; height: 28px;
}
#menuv a {
	background: #195959;
}
/*#menuv a {
	display: block;
	width: 104px; height: 22px; padding-top: 5px; padding-left: 15px;
	border-bottom: 1px dotted #EEEEEE;
	color: #FFFFFF;
	background: url(img/p1.gif) no-repeat 5px 10px;
}
#menuv a:hover {
	color: #000000;
}*/
#menuv ul {
	margin-bottom: 16px;
}
#menuv ul a {
	color: #68CCB9;
}

/* Botones */
/*******************************************************/
.boton1, .boton2, .botonNext, .botonAlert {
	width: 90px; height: 20px;
	display: block;
	font-family: Verdana; font-size: 10px; font-weight: bold; color: #FFFFFF;
	text-decoration: none; text-align: center;
	border: 0;
	padding: 0;
	float: left;
}
.boton1 {
	background: url(img/bt.gif);
}
a.boton1 {
	height: 16px; padding-top: 4px;
}
a.botonNext {
	height: 16px; padding-top: 4px;
	background: url(img/bt_siguiente.gif);
}
a.boton2 {
	width: 115px;
	height: 16px; padding-top: 4px;
	background: url(img/bt2.gif);
}
a.botonAlert {
	height: 16px; padding-top: 4px;
	background: url(img/bt_alerta.jpg);
}

/*******************************************************/


/* Caja por defecto */
/*******************************************************/
.box {
	width: auto;
	position: relative;
	margin-bottom: 15px;
}
.box p, .box h2 {
	padding: 0 10px;
}
.box h2 {
	font-family: Arial; font-size: 10pt; color: #8E013B;
}
/*******************************************************/



.productos {
	position: relative;
	top: 0; left: 0;
	width: 520px;
	padding: 0;
}
.productobox {
	width: 748px; height: 130px;
	float: left;
	position: relative;
	font-family: Verdana; font-size: 10pt;
	padding: 0;
	margin: 0; margin-bottom: 5px;
	background: #FFFFFF; color: #000000;
	border: 1px solid #A4A2A2;
}
.productobox .marcofoto {
	position: absolute;
	top: 10px; left: 10px;
	width: 110px; height: 110px;
	margin: 0; padding: 0;
	background: #FFFFFF;
	text-align: center;
	overflow: hidden;
}
.productobox .titulop {
	font-family: Arial; font-size: 10pt; color: #006666;
	position: absolute;
	top: 10px; left: 130px;
}
.productobox .titulop a {
	font-family: Arial; font-size: 10pt; color: #006666;
	text-decoration: none;
}
.productobox .desc {
	font-family: Arial; font-size: 9pt; color: #000000;
	position: absolute;
	top: 32px; left: 130px;
	width: 450px;
}
.productobox .precio {
	position: absolute;
	top: 10px; right: 10px;
	font-family: Geneva; font-size: 12pt; color: #006666;
}
.productobox .masinfo {
	position: absolute;
	bottom: 10px; left: 130px;
	background: url(img/p1.gif) no-repeat 5px 6px;
	padding-left: 12px;
}
.productobox .comparar {
	position: absolute;
	top: 80px; left: 130px;
	width: 175px; height: 20px;
}
.productobox .boton2 {
	position: relative;
	top: -20px; left: 25px;
/*	position: absolute;
	top: 80px; left: 310px;*/
}

/* Cuadro de detalle */
/*******************************************************/
.detallebox {
	position: relative;
	width: 750px; height: auto;
	overflow: hidden;
}
.formdetalle {
	position: absolute;
	top: 50px; left: 326px;
	width: auto; height: auto;
}
.formdetalle table {
	border: 1px solid #EEEEEE;
}
.formdetalle th, .formdetalle td {
	font-weight: normal;
	padding: 4px 8px;
}
.formdetalle th {
	text-align: right;
}
#detalleboxcolor, #detalleboxcantidad {
	width: 30px;
	font-family: Arial; font-size: 9pt;
	text-align: center;
	border: 1px solid #000000;
}
.detallebox .precio {
	position: absolute;
	top: 0; left: 335px;
	font-family: Geneva; font-size: 12pt; color: #006666;
}
.detallebox #foto {
	float: left; clear: both;
	width: 300px; height: 260px;
	overflow: hidden;
	text-align: center;
}
.detallebox_cesta {
	position: absolute;
	top: 170px; left: 324px;
	width: 100px; height: auto;
	padding: 0;
}
.detallebox_cesta #ver {
	float: right; margin-bottom: 15px;
}
.detallebox_cesta #hacerpedido {
	float: right;
}
.detallebox .contenido {
	float: left; clear: both;
	margin-top: 10px;
	width: 100%; height: auto;
}
.detallebox_volver {
	float: left; clear: both; margin-top: 15px;
	width: 100%;
	font-family: Arial;	font-size: 10pt;
}
/*******************************************************/



/* Formularios */
/*******************************************************/
.formText {
	font-family: Arial; font-size: 11px;
	text-decoration: none; letter-spacing: 1px; color: #808080; text-align: left;
}
.formValue {
	height: 18px;
	font-family: Arial; font-size: 11px;
	background: #FFFFFF;
	border: 1px solid #000000;
	padding: 0px 5px;
}
/*******************************************************/


/* Miniaturas */
/*******************************************************/
.miniaturas {
	float: left;
	margin-top: 10px;
	width: 750px; height: 92px;
	font-size: 12px; 
	color: #808080;
	overflow: hidden;
	background: #F0F0F0;
	clear: both;
	position: relative;
}
.miniaturas .thumb {
	border: 1px solid #000000;
	margin-right: 5px;
	width: 60px;
}
#slide {
	position: relative;
	top: 10px; left: 0;
	width: auto; height: 80px;
}
#cslide {
	position: absolute;
	bottom: 0; left: 0;
}

/*******************************************************/


/* Tabla comparativa */
/*******************************************************/
.tablacomparativa {
}
.tablacomparativa tr {
	height: 50px;
}
.tablacomparativa th {
	border-right: 1px solid #999999;
	padding-left: 5px;
	width: 250px;
	padding: 5px;
}
.tablacomparativa td {
	border-right: 1px solid #999999;
	padding-left: 5px;
	width: 250px;
	padding: 5px;
}
.tablacomparativa .colnombres {
	font-weight: bold;
}
.filaimpar {
	background: #FFFFFF;
}
.filapar {
	background: #EEEEEE;
}
/*******************************************************/