* {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 8pt;
}
/*body {
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #000000; 
	COLOR: #ffffff; 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-BASE-COLOR: #ffffff;
	}
*/
select, input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  font-size: 8pt;
  background-color: #99cc99;
	}
input {  background-color: #ffffff; border-color: #333366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
textarea {  background-color: #ffffff; border-color: #333366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.selectform { background-color: #333366; border-color: #333366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px ; color: #000000; font-weight: normal}
-->
 
<!--A:link {text-decoration: none;}-->
<!--A:hover {text-decoration: none; color: #ff0000;}-->

			
#colum  {
	width:172px;
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:top;
	color: #cccccc;
	font-weight: none;
	}
	
#mainhead {
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #f88c04;
	font-weight: bold;
	vertical-align:top;
		}
		
#mainhead a {
	font-size:12px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: default;
	color: #ff6600;
	font-weight: none;
 } 
	
#mainhead a:active {
 	color: #ff6600;
	text-decoration: none;
 }
 
#mainhead a:hover {
	color: #ffffff;
	font-weight: none;
 }
	
#main {
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #142059;
	vertical-align:top;
		}
	
#nav  {
	width:172px;
	padding-left:5px;
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: default;
	color: #003366;
	font-weight: none;
			}
			
#navbar  {
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: default;
	color: #cccccc;
	font-weight: none;
			}
		
#header {
			background-color: #333333;
			color: #cccccc;
			}
		
#headerproduct {
			padding-left: 35px;
			}
			
#footer {
			border-color: #000000;
			border-top-width: 1px;
			color: #cccccc;
			background-image: url(csst_bg.gif);
			}
			
td, p, ul {
			color: #333333;
			font-size:10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
h1:first-child {margin-top: 0;}/*starts first h1 in TD flush top*/
h2:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/

h1 { font-size: 140%; }
h2 { font-size: 140%; }
h3 { font-size: 300%; }
h5 { font-size: 220%; }
h6 { font-size: 160%; color: #990000;}

#nav a {
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: default;
	color: #003366;
	font-weight: none;
 } 
	
#nav a:active {
 	color: #ff6600;
	text-decoration: none;
 }
 
#nav a:hover {
	color: #ff3333;
	font-weight: none;
 }

#navbar a {
	font-size:10px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: default;
	color: #cccccc;
	font-weight: none;
 } 
	
#navbar a:active {
 	color: #ff6600;
	text-decoration: none;
 }
 
#navbar a:hover {
	color: #ffffff;
	font-weight: none;
 }
/*********** lista de productos ***********/ 
#listaproductos td {
	color:#333;
	font-weight: bold;
}
#listaproductos .tituloproducto{
font-size:12px;
display:block;
line-height:21px;
background:#333;
color:#fff;
}
#listaproductos .precioproducto{
font-size:14px;
color:#090;
}
/******************* carrito y botones over **************************/
span.spanEstadoCarro{ position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 0px;
margin-top: 0px;
z-index: 101;
overflow: visible;
display: none;
}
.botLink{
	margin:0px;
	padding:0px;
	text-decoration:none;
	display:block;
	background-position: left top;
}
.linkHome{
 	line-height: 28px;
	width:66px;
	height:28px;
	background-image:url(/images/linkHome.gif);
}
.linkHome:hover{
background-image:url(/images/linkHome_over.gif);
}

.linkCarrito{
	line-height: 28px;
	width:66px;
	height:28px;
	display:block;
	background-image:url(/images/carrito.gif);
}
.linkCarrito:hover{
background-image:url(/images/carrito_over.gif);
}

.linkComprar{
 	text-align: left;
	line-height: 20px;
	width:120px;
	height:20px;
	display:block;
	padding-left: 10px;
	background-image:url(/imagenes/adtocarro.gif);
	color:#333;
	font-weight: bold;	

}
.linkComprar:hover{
background-image:url(/imagenes/adtocarro_over.gif);
}

.linkVerFicha{
	text-align: center;
	line-height: 25px;
	width:95px;
	height:25px;
	display:block;
	background-image:url(/images/productbox_10.gif);
}
.linkVerFicha:hover{
background-image:url(/images/productbox_10.gif);
}

.lineaArtic{
clear:both;
}
.celda{
font-weight:bold;
}
.celdilla{
	padding:0px;
	width:100px;
	height: 1em;
	line-height: 1em;
	text-decoration:none;
	display:block;
	background-position: left top;
	margin: 0px 2px;
	background-color: #33CCFF;
	text-align: left;
	float: left;
}
.par{
	background-color:#33FFFF;
}
.trCabCarro{
background-color: #333;
}
.trCabCarro td{
color:#fff;
font-weight:bold;
}
.trPieCarro{
background-color: #333;
}
.trPieCarro td{
color:#fff;
font-weight:bold;
}
.boton{
	margin:0px;
	padding:0px;
	text-decoration:none;
	text-align:center;
	line-height: 14px;
	width:14px;
	display:block;
	color:#333;
	background:#c9cee1;
	font-weight: bold;
	overflow:visible;
}
.boton:hover{
background:#6c78a4;
color:#FFFFFF;
}

.numero{
text-align:right;
}
#posicionEstadoCarro{
}

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #142059;
}

.linkPagSiguiente{
 	line-height: 22px;
	width:22px;
	height:22px;
	display:block;
	background-image:url(/imagenes/button_fw.gif);
}
.linkPagSiguiente:hover{
background-image:url(/imagenes/button_fw_over.gif);
}

.linkPagAnterior{
 	line-height: 22px;
	width:22px;
	height:22px;
	display:block;
	background-image:url(/imagenes/button_back.gif);
}
.linkPagAnterior:hover{
background-image:url(/imagenes/button_back_over.gif);
}
 
