<style type="text/css">* {text-indent:0px;margin:0px;padding:0px;border:0px}body {	text-align: center;	background-color: #efefef;    font-family: normal Verdana;	color: #FFFFFF;}div.spacer {	clear: both;}.texto {	font-family: Verdana;	font-size: 0.8em;	color: #FFFFFF;	padding: 20px 20px 20px 20px;}/* #pie {	clear : both;	font: 0.8em Tahoma, Arial, Helvetica, sans-serif;	color: #ffffff;	width: 100%;}*/#global {	width:950px;	margin: 2px auto;}#navegacion {	background-color: gray}#contenidoPRO {	background-color: ;	width: 900px;	float:left;	padding: 20px 20px 20px 20px;background:transparent url(imagenes/fondo-productos.jpg) no-repeat bottom right;}#contenido {	background-color: ;	width: 900px;	float:left;	padding: 20px 20px 20px 20px;}#contenido p {	padding: 5px 5px 5px 5px;	text-indent: 8px}a {	color:#FFF8A4;	font-weight:bold; 	text-decoration:none;}a:link { font-weight:bold; }a:visited {}a:hover { font-weight:bold; text-decoration:underline; }a:active { }p { text-align: justify; }h1 { position: absolute; left: -5000px; }h2old { font-size: 1.1em; font-weight: bold; text-align:left; }
h2 { /* Para crear los titulos dela página ...Para subtítulos crearíamos un h3 y así sucesivamente */ margin: 5px 0px 10px 10px; padding: 0px 0px 0px 10px; font: normal 18px Verdana; float: left; }html>body h2{ margin-left: 20px;}h3 { 										/* Para crear los titulos dela página ...Para subtítulos crearíamos un h3 y así sucesivamente */	font: normal 14px Verdana;	float: left;	text-align:left;	}h4 { 										/* Para crear los titulos dela página ...Para subtítulos crearíamos un h3 y así sucesivamente */	font: normal 13px Verdana;	float: left;	text-align:left;	}	/* caja roja */.rbroundbox {	background: url(imagenes/nt.gif) repeat;}.rbtop div {	background: url(imagenes/tl.gif) no-repeat top left;}.rbtop {	background: url(imagenes/tr.gif) no-repeat top right;}.rbbot div {	background: url(imagenes/bl.gif) no-repeat bottom left;}.rbbot {	background: url(imagenes/br.gif) no-repeat bottom right;}/* height and width stuff, width not really nessisary. */.rbtop div, .rbtop, .rbbot div, .rbbot {	width: 100%;	height: 7px;	font-size: 1px;}.rbcontent {	margin: 0 7px;	height: auto;}.rbroundbox {	width: 100%;	margin: 1em auto;}	/* -------------- Menu  ----------------- */	#menu {		margin: 9px 0px 0px 0px;		padding: 0px;		width: 600px;		min-height: 23px;		height: auto;		}	#menu ul {		margin: 0px;		padding: 0px;		float: left;		}	#menu ul li {		list-style-type: none;		margin: 0px 15px 0px 0px;		padding: 0px 0px 0px 0px;		width: 105px;		height: 23px;	color: #000;		font: normal 12px Verdana;		background: #efefef;		text-align: center;		float: left;	}	#menu ul li a {		margin: 0px;		padding: 10px 0px 0px 0px;		font: normal 12px Verdana;		width: 105px;		height: 23px;		color: #fff;		background: #922124;		float: left;		}	#menu ul li a:hover {		color: #fff;		background: #bc3019;		}	#menu ul li a.selec {	color: #fff;		background: #000;		}/*  cajas cabecera   */#cabecera {	padding: 0px 0px 0px 0px;	border-bottom: 1px dotted #ffffff;	width: 935px;	height: 120px;}#columnaLOGO {	width:270px;	margin: 0px;	padding: 20px 20px 0px 15px;	float: left;}html>body #columnaLOGO {	width:270px;}#columnaSLOGAN {	width:400px;	margin: 0px;	padding: 5px;float: right;	text-align : right;	font: normal 16px Verdana;	color: #FFF8A4;	height:49px;}html>body #columnaSLOGAN {	width:400px;}#columnaMENU {	margin: 0px;	padding: 0px;	float: right;}html>body #columna1MENU {width:600px;}div.columnaFORM {	width:400px;	float: left;	text-align:left;	font-family: Verdana;	font-size:  0.8em;}html>body div.columnaFORM {	width:400px;}/* cajas 2 columnas de txto */div.coltxtiz {	width:500px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 0px;	text-align:left;}div.coltxtiz p {	text-align: left;}div.coltxtde {	width:425px;	height:auto;	float:right;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 0px;	text-align:left;}div.coltxtde p {	text-align: left;}/* caja distribuidor */div.colDER {	width:440px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 20px;}div.colIZQ {	width:440px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 0px;	text-align: left;}/* cajas categorias-productos */div.colCAT {	width:300px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 20px;	text-align: left;}div.colCAT a {		color: #FFFFFF;		text-decoration: underline;		}div.colCAT a:hover {		color: #FFF8A4;		text-decoration: underline;		}div.colCAT a:link {		color: #FFF8A4;		text-decoration: underline;		}div.colPRO {	width:500px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 0px;	text-align: left;}div.colIZQfoto {	width:420px;	height:auto;	float:left;	margin: 0px 0px 0px 20px;}div.colDER1 p {	text-align: center;}div.colDER2 {	width:140px;	height:auto;	float:right;	padding:2px;	font-family: Verdana;	font-size:  0.8em;	font-weight: bold;	margin: 0px 0px 0px 20px;}div.colDERimg {	width:100px;	height:auto;	float:right;	padding:2px;	margin: 0px 10px 0px 10px;}div.colIZQimg {	width:100px;	height:auto;	float:left;	padding:2px;	margin: 0px 100px 0px 10px;}div.colCEN {	width:480px;	height:auto;	float:left;	font-family: Verdana;	font-size:  0.8em;	margin: 0px 0px 0px 40px;	text-align: left;}div.colDER2 p {	text-align: center;}/* caja tabla */table {	float:left;	vertical-align: top;	width:700px;	height:auto;	border-collapse: collapse;	border: 2px solid #C5BA85;	font: normal 12px Verdana;	color: #333333;	background: #BFE756;}caption {	padding: 0 .4em .4em;	text-align: left;	font-size: 1.2em;	font-weight: bold;	text-transform: uppercase;	color: #333333;	background: transparent;}.listadoVendido{	text-align: left;	font-size: 0.9em;	font-weight: bold;	text-transform: uppercase;	color: #F48605;}.paginar{	text-align: right;	font-size: 0.9em;	font-weight: bold;	text-transform: uppercase;	color: #F48605;}td, th {	color: #636363;	border: 1px solid #cc9;	padding: .3em;}thead th, tfoot th {	font: normal 13px Verdana;	border: transparent;	text-align: left;	font-size: 1em;	font-weight: bold;	color: #333333;	background: #C5BA85;}tbody td a {	background: transparent;	color: #72724c;	text-decoration: none;}tbody td a:hover {	background: transparent;	color: #636363;}tbody th a {	font: normal 11px Verdana;	background: transparent;	color: #333333;	text-decoration: none;	font-weight:normal;}tbody th a:hover {	background: transparent;	color: #333333;}tbody th, tbody td {	vertical-align: top;	text-align: left;}tfoot td {	border: 1px solid #C5BA85;	background: #C5BA85;}.odd {
	background: #91AB59;
}
tbody tr:hover {
	color: #333444;
	background: #DDCFAE;
}tbody tr:hover th, tbody tr.odd:hover th {	background: #C5BA85;}.tabla {	width:100%;	text-align:left;	margin: 0em 2em 0em 5em;	border-spacing: 10px;	border-collapse: separate;	table-layout: fixed;	speak-headers: always;	float: left;	font-family: Verdana;	font-size:  0.8em;	color: #000000;	text-decoration:none;	clear: both;}listado {	float: left;	margin: 0em 2em 0em 5em;	font-family: Verdana;	font-size:  0.8em;	text-align:left;	color: #000000;	text-decoration:none;}.tabla>listadoTITULOS {	font-size:  1em;	color: #000000;	text-decoration:none;}.tabla>listadoVendido {	font-size:  0.8em;	color: #cccccc;	text-decoration:none;}.tabla>listadoVendido2 {	ont-size: 0.9em;	color: #cccccc;	text-decoration:none;}.tabla>listadoconsultar {	font-size: 0.7em;	color: #9cb406;	text-decoration:none;}.thumbnail {	position: relative;	z-index: 0;}.thumbnail:hover {	background-color: transparent;	z-index: 50;}.thumbnail span { /*CSS for enlarged image*/	position: absolute;	background-color: #FFFFFF;	padding: 5px;	left: -1000px;	border: 1px dashed gray;	visibility: hidden;	color: black;	text-decoration: none;}.thumbnail span img { /*CSS for enlarged image*/	border-width: 0;	padding: 2px;}.thumbnail:hover span { /*CSS for enlarged image on hover*/	visibility: visible;	top: 0;	left: 60px; /*position where enlarged image should offset horizontally */}/* form */.cssform p {	width: 260px;	clear: left;	margin: 0;	padding: 5px 0 8px 0;	padding-left: 155px; /*width of left column containing the label elements*/	border-top: 1px dashed gray;	height: 1%;}.cssform label {	font-weight: bold;	float: left;	margin-left: -155px; /*width of left column*/	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/}.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/	width: 180px;}.cssform textarea {	width: 250px;	height: 150px;}/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/* html .threepxfix {	margin-left: 3px;}<!--/* cajas rotador distrib */#cajaROTADORhome {		background:transparent url(imagenes/caja-rotador-home.gif) no-repeat right 0px;		margin:0 auto 0 auto; width:886px;		height: 66px;		float: center;}#disIZQ {	width:120px;	height: 60px;	float:left;	font: normal 14px Verdana;	color: #922124;	text-align:left;	overflow: auto;	padding: 5px 0px 0px 10px;}#disIZQ p {	text-align: left;}#carousel1{	width: 715px;	margin: 0px 10px 0px 0px;	overflow: auto;	height: 65px;	float:right;}#carousel1 img{width: 185px;	border: 0 none;}#carousel1_Controles img{	width: 15px;	height: 15px;}-->/*caja distribuidores*/.distrib {background:transparent url(imagenes/fondo-distribuciones.gif) no-repeat right 0px;top: 0px;font: normal 12px Verdana;color: #922124;height:92;text-align: left;margin:0 auto 0 auto; width:430px;padding: 0px 0px 10px 0px; }.distrib a {	text-decoration: underline;	color: #922124;		}.distrib a:link {	text-decoration: underline;	color: #922124;	}.distrib a:hover {	text-decoration: underline;	color: #922124;	}#marco { margin: 0 auto; width: 430px; }.fila { margin-bottom: 1.5em; height: 1%; overflow:hidden; }.columna { float:left; margin-right: 15px; text aling: left;}.uno { width: 185px; }.dos { width: 200px; text aling: left; }.tres { width: 0px; }.cuatro { width: 0px; }.cinco { width: 0px; }.seis { width: 0px; }.siete { width: 0px; }.ocho { width: 0px; }.nueve { width: 0px; }.ultima { margin-right: 0; }/* -------------- CATEGORIAS ----------------- */#categorias {	float:center;	text-align: center;	margin:0 auto 0 auto; width:880px;	font-family: Verdana;	font-size:  0.8em;	padding: 0px 0px 10px 0px;}#categorias a {
	color: #FFFFFF;
	text-decoration: none;
		}
#categorias a:link {
	color: #FFF8A4;
	text-decoration: underline;
		}
#categorias a:hover {
	color: #FFF8A4;
	text-decoration: underline;
		}
/* -------------- PIE ----------------- */

	#pie {
		margin: 10px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
		width: 930px;
		height: 75px;
		font: normal 10px Verdana;
		color: #FFFFFF;
		line-height: 14px;
		border-top: 1px dotted #ffffff;
		float: center;
		}
	#pie a {
		color: #FFF8A4;
		}
	#pie p.izquierda {
		float: left;
		}
	#pie p.derecha {
		width: 200px;
		text-align: right;
		float:right;
		}
	#pie p.derecha a {
		text-decoration: underline;
		}
	#pie a:link {
		color: #FFF8A4;
		text-decoration: none;
		}
	#pie a:hover {
		color: #FFF8A4;
		text-decoration: underline;
		}
/* Common style for sideboxes */
div.sidebox *
{
    font-size: 11px;
}

div.sidebox h2
{
    font-size: 130%;
    margin-bottom: 5px;
    margin-top: 10px;
}

div.sidebox h2.graytitle
{
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    color: #808080;
    font-size: 14px;
}

div.sidebox h3
{
    font-size: 120%;
    color: #333333;
    margin-bottom: 5px;
    margin-left: 3px;
}

div.sidebox h4
{
    font-size: 110%;
}

div.sidebox p
{
    padding: 5px 3px 0px 3px;
}
