BODY, TD, P, DIV, INPUT, TEXTAREA, SUBMIT { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
BODY { padding: 0px; background-color: #CCCCCC; margin: 0; }
A { color: #336699; }
A:HOVER { color: #6699cc; }

#cabecera { width: 965px; border-left: 1px solid #666; border-right: 1px solid #666; }
#enlaceCabecera { width: 965px; background-image:url(images/fondoenlacescabecera.png); height: 30px; text-align:center; border-left: 1px solid #666; border-right: 1px solid #666; background-repeat: repeat-x; overflow: hidden; }
#pie { width: 965px; background-image:url(images/fondopie.png); background-repeat: repeat-x;  height: 30px; padding: 3px 0 0 0; border-left: 1px solid #666; border-right: 1px solid #666; background-color: #FFF; border-bottom: 1px solid #999; color: #000; font-size: 11pt; }
h1.titulos_h1 { background-image:url(images/h1_titulos.png); background-repeat: repeat-x; padding-left: 20px; font-size: 14px; height: 18px; font-family: Arial, Helvetica, sans-serif; color: #354555; border-bottom: 1px solid #999; border-top: 1px solid #999; }
.enlacePie { color: #666; font-weight: bold; font-size: 11pt; margin-top: 6px; text-decoration: none; }

.contentBig { width: 965px; background-color: #FFF; text-align: left; border-left: 1px solid #666; border-right: 1px solid #666; }
.content { 	width: 914; background-color: #FFFFFF; text-align: left; }
.left {  }

.tituloPagina { text-align: center; background-color: #6EABE9; font-weight: bold; color: #FFFFFF; padding: 2px 0 2px 0; margin: 0 6px 0 6px; font-size: 14px; }
.subTituloPagina { text-align: center; background-color: #EFEFEF; font-weight: bold; color: #666666; padding: 2px 0 2px 0; margin: 0 6px 0 6px; font-size: 14px; border-bottom: 1px solid #999999; margin-bottom: 10px; }
.tituloTabla { text-align: center; background-color: #6EABE9; font-weight: bold; color: #FFFFFF; padding: 2px 0 2px 0; margin: 0 6px 0 6px; font-size: 11pt; }

.categoriaCatalogo { border-bottom: 1px solid #CCC; color: #4477AA; font-weight: bold; padding-left: 20px; margin-top: 10px; font-size: 12px; background: #F5F5F5; }

.parrafoNormal { padding: 12px; }
.pieImagen  { font-size: 10px; }
.cursiva { font-style: italic; }
.negrita { font-weight: bold; }
.centrado { text-align: center; }
.quicklink { font-size: 10px; }

.cabeceraCesta { border: 1px solid #999999; background-color: #CCCCCC; color: #333333; text-align: center; }

.subrayadoSuave { border-bottom: 1px solid #CCCCCC; }
.subrayadoSuavePuntos { border-bottom: 1px dotted #CCCCCC; }

.subCatalogo { padding: 0 0 3px 6px; border-bottom: 1px dotted #DDD; text-decoration: none; font-size: 12px; background: #F5F8FC; }
.subCatalogo:HOVER { padding: 0 0 3px 6px; background-color: #F5F5F5; color: #000;}

.subCatalogoOn { padding: 0 0 3px 6px; border-bottom: 1px dotted #DDD; text-decoration: none; font-size: 12px; background-color: #FFF0CC; }
.subCatalogoOn:HOVER { padding: 0 0 3px 6px; background-color: #FFF5AA; color: #000;}

.enlaceCatalogo { color: #444; margin-top: 3px; }
.enlaceCatalogo:HOVER { color: #333; }

.litForm { font-size: 11pt; text-align: right; padding: 0 3px 0 0; font-weight: bold; color: #333; }
.dataForm { border: 1px solid #336699; background-color: #F5FAFF; color: #4477AA; font-size: 11pt; }
.dataForm:HOVER { border-left: 1px solid #99DDFF; border-top: 1px solid #99DDFF; background-color: #FFFFFF; }
.button { cursor: pointer; }
.button:HOVER { color: #FFFFFF; background-color: #4878AA; border: 2px solid #336699; cursor: pointer; }

.litCatalogo { background-color: #EEEEEE; font-size: 10px; padding-left: 3px; }
.cabGris { background-color: #DDD; border-top: 1px solid #999999; border-bottom: 1px solid #999999; font-size: 11pt; font-weight: bold; color: #666; border-right: 1px solid #EEE; }

/* visor de imágenes del producto */
input.verImagenes {
	background-color:#4184c8;
	color:white;
	font-weight:bold;
	padding:1px;
	width:110px;
	margin-left:20px;
}
div#darkener {
	position:fixed;
	top:0; left:0;
	background-color:#000;
	display:none;
	width:100%;
	height:100%;
}

div#imageBrowserDialog { /* contenedor de imageBrowser que se muestra al pulsar en más imagenes */
	display:none;
	position:fixed;
	top:1%;
	left:20%;
	width:508px;
	height:540px;
	background-color:#fff;
	border:2px solid #833;
	text-align:center;
	overflow:auto;
	background-image:url(images/imagenes_producto_vstrip.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:4px;
	padding-left:46px;
}

#mainViewer { /* div que contiene la imagen grande en el visor de imágenes */
	width:500px;
	margin-top:2px;
	border:2px solid #6eabe9;
	height:500px;
	background-repeat:no-repeat;
	background-position:center;
}
#photoStrip { /* tira de imágenes junto a la imagen principal */
	float:right;
	width:54px;
	margin-right:4px;
	background-color:#f9f9f9;
}
#photoStrip img {
	border:1px solid #E6E6E6;
	padding:2px;
	margin:2px;
	cursor:pointer;
}
#imageBrowserDialog input.close {
	background-color:#2D35A0;
	color:white;
	font-weight:bold;
	padding:2px;
	width:300px;
}