body {	
	font-family:Arial,Tahoma,Helvetica,Sans-Serif;
	font-size:9pt;
	margin:0;
	padding:0;	
	background: url(../img/fondo.jpg) 50% 0 no-repeat;
	background-color:#0c6fd0; 
}

SELECT,input[type=text],input[type=password],textarea {
	background-image: url('../img/sombra_input.png');
	background-repeat:repeat-x;	
}

select,textarea,input[type=text],input[type=password] {	
	background-color:#ADC4F8;
}

input,select {
	font-size:9pt;	
}

label {
	font-size:10pt;
}

a:link, a:visited, a:hover {
	text-decoration:none;	
}

a img {
	border: 0px;
}

h1 {
	margin: 5px 0;
	font-size:19pt;
}

h3 {	
	font-size:12pt;
	color:#555555;
}

.Titulo {
	color:#77F;
	margin:0 0 0 5px;
	text-shadow:-1px 1px 5px #333, -1px 1px 1px #22F;
	text-decoration:underline;
}
.TituloAzul {
	color:#77F;
	margin:0;
	text-shadow:0px 1px 5px #333, -1px 1px 1px #22f;
	text-decoration:underline;
}
.TituloNaranja {
	color:#FF8A00;
	margin:0;
	text-shadow:0 1px 7px #555555, -1px 1px 1px #ff8a00;
	text-decoration:underline;
}

.FondoDegradado {
	position:absolute;
}
.FondoImgDegradado {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.FondoImagenes {
	left:50%;
	width:1px;
	position:absolute;
}



.Hoja {
	margin: 0 auto;
	width:978px;
	position:relative;
	padding:12px;
}

.HojaFondo {
	background: url('../img/metal.png');
	padding-top:15px;
	padding-bottom:15px;
}

.HojaBorde {
	position:relative;
	margin-left:-12px;
	margin-right:-12px;
}

.HojaBordeSupIzq {
	background: url('../img/border_metal_sup_izq.png') no-repeat left;
	padding-left:179px;
	width:823px;
	position:absolute;
	margin-top:-27px;
}

.HojaBordeSupDer {
	background: url('../img/border_metal_sup_der.png') no-repeat right;
	padding-right:222px;
}
.HojaBordeSupCen {
	background: url('../img/border_metal_sup_cen.png') repeat-x center;
	height:27px;
}

.HojaBordeCenIzq {
	position:relative;
	padding-left:21px;
}
 
.HojaBordeCenIzqSup {
	background: url('../img/border_metal_cen_izq_sup.png') no-repeat;
	top:0px;
	left:0;
	position:absolute;
	height:72px;
	width:27px;
}

.HojaBordeCenIzqInf {
	background: url('../img/border_metal_cen_izq_inf.png') no-repeat;
	bottom:0px;
	left:0;
	position:absolute;
	height:133px;
	width:27px;
}

.HojaBordeCenIzqCen {
	background: url('../img/border_metal_cen_izq_cen.png') repeat-y;
	top:72px;
	bottom:133px;
	left:0;
	width:27px;
	position:absolute;
}

.HojaBordeCenDer {
	position:relative;
	padding-right:20px;
}

.HojaBordeCenDerSup {
	background: url('../img/border_metal_cen_der_sup.png') no-repeat;
	top:0px;
	right:2px;
	position:absolute;
	height:72px;
	width:27px;
}


.HojaBordeCenDerInf {
	background: url('../img/border_metal_cen_der_inf.png') no-repeat;
	bottom:0px;
	right:2px;
	position:absolute;
	height:133px;
	width:27px;
}

.HojaBordeCenDerCen {
	background: url('../img/border_metal_cen_der_cen.png') repeat-y;
	top:72px;
	bottom:133px;
	right:2px;
	width:27px;
	position:absolute;
}

.HojaBordeInfIzq {
	background: url('../img/border_metal_inf_izq.png') no-repeat left;
	padding-left:179px;
	clear:both;
	position:absolute;
	width:823px;
}

.HojaBordeInfDer {
	background: url('../img/border_metal_inf_der.png') no-repeat right;
	padding-right:222px;
}

.HojaBordeInfCen {
	background: url('../img/border_metal_inf_cen.png') repeat-x center;
	height:28px;
}

.HojaContenido {
	min-height:206px;
	overflow:hidden;
}


/* MiniBorde */
.BordeMini {
	
}

.BordeMiniSupIzq {
	background: url('../img/metalmini_borde_sup_izq.png') no-repeat left;
	padding-left:34px;
}

.BordeMiniSupDer {
	background: url('../img/metalmini_borde_sup_der.png') no-repeat right;
	padding-right:34px;
}
.BordeMiniSupCen {
	background: url('../img/metalmini_borde_sup_cen.png') repeat-x center;
	height:32px;
}

.BordeMiniInfIzq {
	background: url('../img/metalmini_borde_inf_izq.png') no-repeat left;
	padding-left:34px;
	clear:both;
}

.BordeMiniInfDer {
	background: url('../img/metalmini_borde_inf_der.png') no-repeat right;
	padding-right:34px;
}

.BordeMiniInfCen {
	background: url('../img/metalmini_borde_inf_cen.png') repeat-x center;
	height:35px;
}


.BordeMiniCenIzq {
	background: url('../img/metalmini_borde_cen_izq.png') repeat-y left;
	padding-left:34px;
}

.BordeMiniCenDer {
	background: url('../img/metalmini_borde_cen_der.png') repeat-y right;
	padding-right:34px;
}
.BordeMiniContenido {
	background-color:white;	
	overflow:hidden;
}

/* BordePunteado */
.BordePunto {
	background-color:white;
	padding:2px;	
	margin: 5px 5px 5px 0px;
}
.BordePuntoBorde {	
	border:3px dotted black;
	margin:0;
	padding:5px;
}
.BordePuntoContenido {
	background-color:white;
	overflow:hidden;
}



/* BordeAzul */
.BordeAzul {
	background-color:white;
	margin: 0px 1px 5px 0px;
}
.BordeAzulSupIzq {
	background: url(../img/bordeazul.jpg) no-repeat left top;
	padding-left:13px;
}
.BordeAzulSupDer {
	background: url(../img/bordeazul.jpg) no-repeat right top;
	padding-right:13px;
}
.BordeAzulSupCen {
	background: url(../img/bordeazul_ver.png) repeat-x center top;
	height:13px;
}
.BordeAzulCenIzq {
	background: url(../img/bordeazul_hor.png) repeat-y left center;
	padding-left:13px;
}
.BordeAzulCenDer {
	background: url(../img/bordeazul_hor.png) repeat-y right center;
	padding-right:13px;
	background-color:white;
}
.BordeAzulCenCen {
	background-color:white;
	padding:1px 0;
	overflow:hidden;
}
.BordeAzulInfIzq {
	background: url(../img/bordeazul.jpg) no-repeat left bottom;
	padding-left:13px;	
}
.BordeAzulInfDer {
	background: url(../img/bordeazul.jpg) no-repeat right bottom;
	padding-right:13px;
}
.BordeAzulInfCen {
	background: url(../img/bordeazul_ver.png) repeat-x center bottom;
	height:13px;
}





.Cabecera {
	position:relative;
	height:192px;
}

.Cuerpo {
	position:relative;	
}

.Pie {
	position:relative;
	clear:both;
}

.Logo {
	position:absolute;
}


.ColumnaIzq {
	width:192px;
	float:left;
	overflow-x:hidden;
	min-height:1px;
}

.ColumnaDer {
	width:192px;
	float:left;
	overflow-x:hidden;
	min-height:1px;
}

.ColumnaCen {
	float:left;
	overflow-x:hidden;
	min-height:1px;
	width:576px;
	margin-top:18px;
}
.CapaPop {
	position:absolute;
	top:0;
	left:0;
}




/* Módulos */
.ModuloNaranja,.ModuloAzul {	
	margin-bottom:10px;
	position:relative;	
}
.ModuloNaranjaSup {
	background: url('../img/cuero_naranja_sup.png');
	width:194px;
	height:12px;
}
.ModuloNaranjaInf {
	background: url('../img/cuero_naranja_inf.png');
	width:194px;
	height:18px;
}
.ModuloNaranjaCen {
	background: url('../img/cuero_naranja_cen.png') repeat-y;
	padding:1px 11px 1px 4px;
}

.ModuloAzulSup {
	background: url('../img/cuero_azul_sup.png');
	width:194px;
	height:12px;
}
.ModuloAzulInf {
	background: url('../img/cuero_azul_inf.png');
	width:194px;
	height:18px;
}
.ModuloAzulCen {
	background: url('../img/cuero_azul_cen.png') repeat-y;
	padding:1px 11px 1px 4px;
}

.ModuloNaranjaTitulo,.ModuloAzulTitulo {
	font-size:13pt;
	font-weight:bold;
	text-align:center;	
	margin-bottom:0px;
	font-variant:small-caps;
}

.ModuloNaranja hr {	
	margin:1px 3px 3px 3px;	
	border-top: 1px solid #ae6505;
	border-left: 1px solid #ae6505;
	border-bottom: 1px solid #FDE0BD;
	border-right: 1px solid #ae6505;
}

.ModuloAzul hr {
	margin:1px 3px 3px 3px;
	border-top: 1px solid #00F;
	border-left: 1px solid #00F;
	border-bottom: 1px solid #BBE;
	border-right: 1px solid #00F;
}

.ModuloNaranjaTitulo {
	color:#fff5e8;
	text-shadow:0px -1px 1px #333, 0px 0px 3px #FDE0BD;			
 	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color='#777777', Positive='true');
}
.ModuloAzulTitulo {
	color:#DDDDFF;	
	text-shadow:0px -1px 1px #555, 0px 0px 3px #DDDDFF;
}



/* Ficha */

.Ficha {
	background: url('../img/ficha_fondo.png') 0 0 no-repeat;
	width:192px;
	height:314px;
	float:left;
	position:relative;
	cursor:pointer;	
}

.Ficha:hover {
	background-position: -193px 0;


}

.FichaImagen {
	margin-top:15px;
	margin-left:17px;
	display:block;
}

.FichaTitulo a {
	color:#454545;
}
.FichaTitulo {
	color:#454545;
	font-size:11pt;
	font-weight:900;
	margin: 1px 20px 2px 15px;	
	text-shadow:-1px 0 0.1em white, 0 1px 0.1em white, 1px 0 0.1em white, 0 -1px 0.1em white, 0 0 0.7em #555;	
	height:55px;
	width:157px;
	overflow:hidden;
	text-align:center;
	display:block;
}

.FichaDescripcion {	
	margin: 1px 20px 2px 15px;	
	height:71px;
	width:157px;
	overflow:hidden;	
	display:block;	
	font-size:8pt;
	color:#333;	
	font-weight:bold;	
	text-shadow:-1px 0 0.1em white, 0 1px 0.1em white, 1px 0 0.1em white, 0 -1px 0.1em white, 0 0 0.7em #555555;
	text-align:left;
}

.FichaDescripcion div {
	background:url('../img/fondo_trans_5.png');
	height:71px; 
}

.FichaDescripcion h2 {
	margin:0;
	font-size:8pt;
	color:#333;	
	font-weight:bold;	
	text-shadow:-1px 0 0.1em white, 0 1px 0.1em white, 1px 0 0.1em white, 0 -1px 0.1em white, 0 0 0.7em #555555;
	text-align:left;
}

.FichaPrecio {
	margin: 6px 20px 2px 15px;	
	height:33px;
	width:157px;
	overflow:hidden;
	position:relative;	
}

.FichaPrecioBase {
	text-shadow:-2px 0 0 white, 0 2px 0.1em white, 2px 0 0.1em white, 0 -2px 0.1em white, -2px -2px 0 white, 2px 2px 0.1em white, 2px -2px 0.1em white, -2px 2px 0.1em white;
	font-family:Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight:900;
	text-decoration:line-through;
	font-size:10pt;
	position:absolute;	
	left:4px;
	top:5px;	
}

.FichaPrecioDescuento {
	text-shadow:-2px 0 0 white, 0 2px 0.1em white, 2px 0 0.1em white, 0 -2px 0.1em white, -2px -2px 0 white, 2px 2px 0.1em white, 2px -2px 0.1em white, -2px 2px 0.1em white;
	font-family:Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight:900;
	color:#103be8;
	font-size:18pt;
	position:absolute;
	left:35px;
	top:2px;
	text-align:right;
	width:120px;	
}


/* Menu */
.Menu {
	background: url(../img/menu_izq.png) left no-repeat; 
	padding-left:19px;
}
.MenuDer {
	background: url(../img/menu_der.png) right no-repeat;
	padding-right:23px;
}
.MenuCen {
	background: url(../img/menu_cen.png) center repeat-x; 	
	height:41px;
}
.MenuSeparador {
	background: url(../img/menu_sep.jpg) center no-repeat; 	
	float:left;
	height:23px;
	margin:6px 5px 0;
	width:2px;
}
.MenuEnlace {
	color:#E90;
	float:left;
	font-size:12pt;
	font-weight:bold;
	line-height:34px;
	text-shadow:0 0 7px #BBB;
}


.MensajeError {		
	background: url(../img/globo_error.png) no-repeat left center;
	height:17px;
	width:4px;
	position:absolute;
	z-index:1;
}

.MensajeErrorContenido {
	background-color:#FF3F3F;
	font-size:9pt;
	padding:1px 2px;	
	position:absolute;	
	color:white;
	font-weight:bold;
	left:4px;
	top:0;
	white-space:nowrap;
}

.CuadroError {		
	background-color:#FF3F3F;
	text-align:center;	
	font-weight:bold;
	color:white;
	padding:1px 4px;
}

.CuadroInfo {		
	background-color:#8DA4F8;
	text-align:center;	
	font-weight:bold;
	color:white;
	padding:1px 4px;
}


.TablaFormulario td {
	text-align: left;
}


/* Cesta */
.TablaCesta {
	width:99%;
	border-collapse:collapse;	
}

.TablaCesta hr{
	margin:0;
}

.TablaCesta th {
	font-size:11pt;
	padding-top:3px;
	padding-bottom:3px;
}
.TablaCesta thead tr {
	background-color:#8AE;
	border:2px solid #99AADD;
	color:#F4F4F4;
	text-shadow:-1px 1px 8px #111, -2px 1px 1px #BBB;	
}

.TablaCesta tbody {
	border:1px dotted #AAA;
}

.TablaCesta tbody td span {
	border:1px solid #C8C8C8;
}

.TablaCesta tbody td{
	padding-left:5px;
}

.TablaCesta tbody tr:hover {
	background-color:#EEE;
}

.TablaCesta tr.ProductoCesta {
	border-top:1px dotted #AAA;
	white-space:nowrap;
}

.TablaCesta tfoot {
	border:1px solid #777777;
	background-color:#f2f2f2;
}

.TablaCesta td {
	font-size:11pt;	
}

.TablaCesta th:nth-child(n+2) {
	border-left:1px solid #88d;
}
.TablaCesta tfoot td:nth-child(n+2){
	border-left:1px solid black;
}
.TablaCesta td:nth-child(n+4) {
	border-left:1px solid black;
}

.TablaCesta tbody td:nth-child(1) {
	border-right:1px solid black;
	background-color:#F2F2F2;
}

.AtributoCesta {
	font-size:9pt;
	color:#555;
	text-align:center;
}

.BotonesProducto {	
	float:left;
}

.BotonAumentar {
	background: url(../img/botones_cesta.png) 0 -20px;
	width:20px;
	height:20px;
	display:block;	
}

.BotonReducir {
	background: url(../img/botones_cesta.png);
	width:20px;
	height:20px;	
	top:20px;
	display:block;	
}

.BotonEliminar {
	background: url(../img/botones_cesta.png) 0 -40px;
	width:20px;
	height:20px;	
	display:block;
}


/* Botones */
button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

.BotonNaranja,
.BotonRojo,
.BotonAzul,
.BotonAmarillo {
	padding:0;	
	width:auto;
	overflow:visible;	
	border-width:0;
	height:27px;
	cursor:pointer;	
	background-color:transparent;
	white-space:nowrap;
	text-indent:0;	
}

.BotonNaranja > div,
.BotonRojo > div,
.BotonAzul > div,
.BotonAmarillo > div {
	padding: 0 0 0 12px;			
	height:27px;
	cursor:pointer;
	margin:0;	
}

.BotonNaranja > div > div,
.BotonRojo > div > div,
.BotonAzul > div > div,
.BotonAmarillo > div > div {
	padding-right:14px;	
	margin:0;
}

.BotonNaranja > div > div > div,
.BotonRojo > div > div > div,
.BotonAzul > div > div > div,
.BotonAmarillo > div > div > div {
	height:27px;
	font-family:tahoma;
	color:white;
	font-size:8pt;
	line-height:21px;
	font-weight:bold;	
	padding:0;
	margin:0;
}

.BotonNaranja > div {
	background:transparent url(../img/botones.png) no-repeat 0px 0px;
}

.BotonNaranja > div > div {
	background:transparent url(../img/botones.png) no-repeat right -27px;
}

.BotonNaranja > div > div > div {
	background:transparent url(../img/botones.png) repeat-x 0 -54px;
}

.BotonAzul:hover > div,
.BotonRojo:hover > div,
.BotonAmarillo:hover > div {
	background:transparent url(../img/botones.png) no-repeat 0px 0px;
}

.BotonAzul:hover > div > div,
.BotonRojo:hover > div > div,
.BotonAmarillo:hover > div > div {
	background:transparent url(../img/botones.png) no-repeat right -27px;
}

.BotonAzul:hover > div > div > div,
.BotonRojo:hover > div > div > div,
.BotonAmarillo:hover > div > div > div {
	background:transparent url(../img/botones.png) repeat-x 0 -54px;
}

.BotonRojo > div {
	background:transparent url(../img/botones.png) no-repeat 0px -81px;
}

.BotonRojo > div > div {
	background:transparent url(../img/botones.png) no-repeat right -108px;
}

.BotonRojo > div > div > div {
	background:transparent url(../img/botones.png) repeat-x 0 -135px;
}

.BotonAmarillo > div {
	background:transparent url(../img/botones.png) no-repeat 0px -162px;
}

.BotonAmarillo > div > div {
	background:transparent url(../img/botones.png) no-repeat right -189px;
}

.BotonAmarillo > div > div > div {
	background:transparent url(../img/botones.png) repeat-x 0 -216px;
}

.BotonAzul > div {
	background:transparent url(../img/botones.png) no-repeat 0px -243px;
}

.BotonAzul > div > div {
	background:transparent url(../img/botones.png) no-repeat right -270px;
}

.BotonAzul > div > div > div {
	background:transparent url(../img/botones.png) repeat-x 0 -297px;
}


/* Botones Mini */
.MiniBotonNaranja,
.MiniBotonRojo,
.MiniBotonAzul,
.MiniBotonAmarillo {
	padding:0;	
	width:auto;
	overflow:visible;	
	border-width:0;
	height:22px;
	cursor:pointer;	
	background-color:transparent;
	white-space:nowrap;
	text-indent:0;	
}

.MiniBotonNaranja > div,
.MiniBotonRojo > div,
.MiniBotonAzul > div,
.MiniBotonAmarillo > div {
	padding: 0 0 0 11px;			
	height:22px;
	cursor:pointer;
	margin:0;	
}

.MiniBotonNaranja > div > div,
.MiniBotonRojo > div > div,
.MiniBotonAzul > div > div,
.MiniBotonAmarillo > div > div {
	padding-right:12px;	
	margin:0;
}

.MiniBotonNaranja > div > div > div,
.MiniBotonRojo > div > div > div,
.MiniBotonAzul > div > div > div,
.MiniBotonAmarillo > div > div > div {
	height:22px;
	font-family:tahoma;
	color:white;
	font-size:8pt;
	line-height:20px;
	font-weight:bold;	
	padding:0;
	margin:0;
}

.MiniBotonNaranja > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px 0px;
}

.MiniBotonNaranja > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -22px;
}

.MiniBotonNaranja > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -44px;
}

.MiniBotonAzul:hover > div,
.MiniBotonRojo:hover > div,
.MiniBotonAmarillo:hover > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px 0px;
}

.MiniBotonAzul:hover > div > div,
.MiniBotonRojo:hover > div > div,
.MiniBotonAmarillo:hover > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -22px;
}

.MiniBotonAzul:hover > div > div > div,
.MiniBotonRojo:hover > div > div > div,
.MiniBotonAmarillo:hover > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -44px;
}

.MiniBotonNaranja:hover > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px -198px;
}

.MiniBotonNaranja:hover > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -220px;
}

.MiniBotonNaranja:hover > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -242px;
}


.MiniBotonRojo > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px -66px;
}

.MiniBotonRojo > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -88px;
}

.MiniBotonRojo > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -110px;
}

.MiniBotonAmarillo > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px -132px;
}

.MiniBotonAmarillo > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -154px;
}

.MiniBotonAmarillo > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -176px;
}

.MiniBotonAzul > div {
	background:transparent url(../img/botones_mini.png) no-repeat 0px -198px;
}

.MiniBotonAzul > div > div {
	background:transparent url(../img/botones_mini.png) no-repeat right -220px;
}

.MiniBotonAzul > div > div > div {
	background:transparent url(../img/botones_mini.png) repeat-x 0 -242px;
}



/* Barra */

.Barra {
	background: url(../img/nav_izq.png) left no-repeat; 
	padding-left:14px;	
}
.BarraDer {
	background: url(../img/nav_der.png) right no-repeat;
	padding-right:18px;
}
.BarraCen {
	background: url(../img/nav_cen.png) center repeat-x; 	
	height:31px;
}
.BarraSeparador {
	background: url(../img/nav_separador.png) center no-repeat; 	
	float:left;
	height:23px;
	margin:0px 5px;
	width:22px;
}
.BarraEnlace {
	color:#f28d00;
	float:left;
	font-size:9pt;
	font-weight:bold;
	line-height:24px;	
}
.BarraTexto {
	color:#555;
	font-size:9pt;
	font-weight:bold;
	line-height:24px;	
}

/* Tabs */
.Tabs {
	background: url(../img/tabs_izq.png) left no-repeat; 
	padding-left:13px;
}
.TabsDer {
	background: url(../img/tabs_der.png) right no-repeat;
	padding-right:18px;
}
.TabsCen {
	background: url(../img/tabs_cen.png) center top repeat-x; 	
	height:29px;
}
.TabsSeparador {
	background: url(../img/tabs_separador.png) center no-repeat; 	
	float:left;
	height:23px;
	margin:0px 5px;
	width:22px;
}
.TabsEnlace {
	color:#555;
	float:left;
	font-size:11pt;
	font-weight:bold;
	line-height:23px;
	padding:0 3px;
}
a.TabsEnlace:hover {
	color: #f28d00;
	text-decoration:underline;
}
.TabsEnlaceSel
{	
	color: #f28d00;	
}


/* Botones cabecera */
.BotonCabecera {
	position:absolute;
	top:0;
	border:1px solid transparent;
}

.BotonCabecera:hover {
	border:1px solid white;
}

.BotonCabecera img {
	display:block;
}

.BotonCabecera span {
	padding:2px;
	color:white;
	font-size:9pt;
	font-weight:bold;
	background:url(../img/fondo_trans_1.png);
}

/* Tabs ficha producto */
.TabProduct.Detail {
	position: relative; 
	z-index: 0;
	margin:auto;
	padding:auto;
}