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: auto; /* height: 281px;*/
	position: relative;
	padding: 0;
	margin-bottom: 10px;
	background: #FFFFFF;
}
.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 {
	width: 100%; height: 115px;
	background: url(http://www.triangulodelamoda.com/img/header.jpg);
}
#headerAsociado {
	width: 100%; height: 125px;
/*	position: absolute;
	top: 157px; left: 0;*/
}
#menuAsociado {
	width: 100%; height: 20px;
/*	position: absolute;
	top: 281px; left: 0;*/
}
/*******************************************************/


/* Columna izquierda */
/*******************************************************/
#left {
	width: 196px;
	min-height: 900px; height: auto !important; height: 900px;
	float: left;
	padding: 0;
	margin-right: 10px;
}
/*******************************************************/



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



/* Parte Central */
/*******************************************************/
#main, #main1 {
	float: left;
	padding: 0;
	margin-bottom: 15px;
	width: 774px; height: auto;
}
#main h1, #main1 h1 {
	font-family: Arial; font-size: 10pt; font-weight: bold; text-transform: uppercase; color: #000000;
	margin: 0; padding: 0;
}
#main {
	padding: 0;
	margin-bottom: 15px;
}
.titulo {
	position: relative;
	height: 23px;
	padding-top: 10px; padding-left: 15px;
	margin-bottom: 10px;
	background: #A6D3FF;
}
.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: #CCCCCC;
	color: #FFFFFF;
	height: 20px; padding-top: 5px;
}
#footer ul {
	width: 480px; margin: auto !important; margin-left: 210px;
	list-style-type: none;
	margin: 0; padding: 0;
}
#footer ul li{
	width: 120px;
	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 ul, .menubox li {
	margin: 5px; padding: 0;
}
.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: #A6D3FF;
}
.menuboxheaderleft, .menuboxheaderright {
	position: absolute; top: 0;
	width: 7px; height: 33px;
}
.menuboxc {
	border: 1px solid #A6D3FF;
	padding: 10px 5px 10px 5px;
}
.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;
	text-decoration: none;

	display: block;
	height: 22px; padding-top: 5px; padding-left: 15px;
	border-bottom: 1px dotted #000000;
}
.menuboxc ul li a {
	background: url(http://www.triangulodelamoda.com/img/p2.gif) no-repeat 4px 10px;
}
.menuboxc ul li li a {
	background: url(http://www.triangulodelamoda.com/img/p1.gif) no-repeat 4px 10px;
}
.menuboxc ul li li li a {
	background: none;
}
.menuboxc a:hover {
	text-decoration: underline;
}
/*******************************************************/


/* 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;
}
#formbuscarportal {
	position: absolute;
	top: 70px; left: 620px;
}
#inbuscarportal {
	font-family: Verdana; font-size: 8pt; color: #000000;
	width: 185px; height: 30px; padding: 5px;
	border: 0;
}
#botonbuscarportal {
	font-family: Verdana; font-size: 8pt; color: #000000;
	padding-top: 4px; height: 30px;
	border: 0;
	background: none;
}
#formbuscar {
	position: absolute;
	top: 35px; right: 0;
	z-index: 100;
}
#inbuscar {
	font-family: Verdana; font-size: 8pt; color: #000000;
	width: 110px; height: 30px; padding: 5px;
	border: 1px solid #999999;
}
#botonbuscar {
	font-family: Verdana; font-size: 8pt; color: #000000;
	padding-top: 2px; height: 24px;
	border: 0;
	background: #FFFFFF;
}
#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;
}
#volverportal {
	position: absolute; top: 90px; right: 5px;;
}
#volverportal a {
	font-family: Verdana; font-size: 8pt; color: #999999;
	text-transform: capitalize; text-decoration: none;
}
/*******************************************************/


/*******************************************************/
#menuportal {
	position: absolute;
	top: 90px; left: 10px;
}
#menuportal ul {
	margin: 0; padding: 0;
	list-style: none;
}
#menuportal li, #menuportal a {
	font-family: Verdana; font-size: 7pt; font-weight: normal; color:#333333;
	text-decoration: none; text-transform: uppercase;
}
#menuportal li {
	float: left;
}
#menuportal a {
	margin: 0 8px;
}
#menuportal a:hover {
	text-decoration: underline;
}
/*******************************************************/


/* Menu horizontal */
/*******************************************************/
#menuh {
/*	position: absolute;
	top: 115px; left: 0;*/
	background: #ccc;
}
.menuh1, .menuh2, .menuh3, .menuh4, .menuh5 {
	width: 196px; height: 26px; padding-top: 16px;
	text-align: center; text-transform: uppercase;
	color: #000000;
}
.menuh1sub, .menuh2sub, .menuh3sub, .menuh4sub, .menuh5sub {
	width: 196px; height: 16px; padding-top: 4px;
	text-align: center; text-transform: uppercase;
}
.menuh1sub1, .menuh2sub1, .menuh3sub1, .menuh4sub1, .menuh5sub1 {
	width: 196px; height: 16px; padding-top: 4px;
	text-align: center; text-transform: uppercase;
	background: url(../img/arrow_r.gif) no-repeat right;
}

.menuh1 {background-color: #6699CC;}
.menuh1:hover {background-color: #73ACE5;}
.menuh1sub, .menuh1sub1 {background-color: #6699CC;}
.menuh1sub:hover, .menuh1sub1:hover {background-color: #73ACE5;}

.menuh2 {background-color: #FFFF99;}
.menuh2:hover {background-color: #FFFF80;}
.menuh2sub, .menuh2sub1 {background-color: #FFFF99;}
.menuh2sub:hover, .menuh2sub1:hover {background-color: #FFFF80;}

.menuh3 {background-color: #FF99FF;}
.menuh3:hover {background-color: #CC7ACC;}
.menuh3sub, .menuh3sub1 {background-color: #FF99FF;}
.menuh3sub:hover, .menuh3sub1:hover {background-color: #CC7ACC;}

.menuh4 {background-color: #FFCC66;}
.menuh4:hover {background-color: #E5B85C;}
.menuh4sub, .menuh4sub1 {background-color: #FFCC66;}
.menuh4sub:hover, .menuh4sub1:hover {background-color: #E5B85C;}

.menuh5 {background-color: #99CC99;}
.menuh5:hover {background-color: #ACE5AC;}
.menuh5sub, .menuh5sub1 {background-color: #99CC99;}
.menuh5sub:hover, .menuh5sub1:hover {background-color: #ACE5AC;}
/*******************************************************/


/* Menu del Asociado */
/*******************************************************/
#menuAsociado {
/*	position: absolute;
	top: 125px; left: 0;*/
	background-color: #A6D3FF;
}
#menuAsociado ul {
	margin: 0; padding: 0;
	list-style: none;
	width: 100%; height: 20px;
}
#menuAsociado li {
	float: left;
}
#menuAsociado a {
	display: block; float: left;
	width: 114px; height: 18px; padding-top: 2px;
	text-align: center; text-decoration: none;
}
/*******************************************************/




/* 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 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: 772px; 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 #CCCCCC;
}
.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 {
	position: absolute;
	top: 10px; left: 130px;
}
.productobox .titulop a {
	font-family: Arial; font-size: 10pt; color: #000000;
	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: 11pt; color: #000000;
}
.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: 11pt; color: #000000;
}
.detallebox #foto {
	float: left; clear: both;
	width: 300px; height: 300px;
	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;
	height: 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;
}
/*******************************************************/
#visiteweb {
	position:absolute;
	top:282px; right:10px;
	z-index: 100;
}