body {

	/*background-color: #DCDCDC;*/

	font-family: Helvetica, Arial, sans-serif;

	font-size: 10px;

	/*line-height: 24px;*/

	color: #336699;

	text-align:center; 



}



#main {

	position: relative;

	margin:0 auto 0 auto;

	width:800px;

	text-align:left;

	align: center;

	clear: both;

}



#headerDiv {

	margin:0 auto;

	position:relative;

	text-align:left;

	width:800px;

	font-size: 14px;

	color: #CCCCCC;

	font-weight:bold;

	text-decoration: none;



}



a {

	color: #B1B1B1;

	text-decoration: none;

}



.title {

	font-family: Arial, Helvetica, sans-serif;

  font-size: 24px;

	line-height: 30px;

  background-color: #006666;

	color: #DCDCDC;

}



.subtitle {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 22px;

	font-weight: bold;

  color: #006666;

}





.header {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	background-color: #006666;

  color: #DCDCDC;

}



.nav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

  font-weight: bold;

	background-color: #CCCCCC;

}



.navLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	background-color: #DEDECA;

}



.sidebar {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	padding: 3px;

	background-color: #FFFFFF;

}



.sidebarHeader {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	line-height: 24px;

	color: #FFFFFF;

	background-color: #339999;

}



.sidebarFooter {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 18px;

	background-color: #CCCCCC;

}



.footer {

  font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 22px;

	color: #333333;

	background-color: #CCCCCC;

}



.legal {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #333333;

}



.box1 {

	border-color: #CCCCCC #333333 #333333 #CCCCCC;

	border-width: medium;

  border-style: ridge;

}



.promo {

	font-family: "Times New Roman", Times, serif;

	color: #000033;

}



.titlebar {

	font-family: "Times New Roman", Times, serif;

	font-size: 9px;

	color: #FFFFFF;

  background-color: #336699;

}



.dingbat {

	font-family: Arial, Helvetica, sans-serif;

	background-color: #99CC99;

  color: #006666; 

	font-weight: bolder;

	font-size: medium;

}



a:hover {

	text-decoration: none;

}



input.big {

	width: 100px;

}



input.small {

	width: 50px;

}



/* frontEnd */

.frontEndTitulo {

	margin: 0px;

	padding: 0px;

	position: relative;

	float: left;

}



div.frontEndTitulo img {

	position: relative;

	float: right;

}



.leftDiv {

	clear: left;

	position: relative;

	width:185px;

	float:left;

	

}



.centralDiv {

	clear: right;

	width:355px;

	position: relative;

	float:left;

	margin-left: 20px;

}



.rightDiv {

	clear: right;

	width:180px;

	position: relative;

	float:left;

	margin-left: 20px;

}

/* Productos */.

div .productosTitulo .frontEndTitulo {

	width: 350px;

}



div .listaProductos {

	clear: left;

	overflow: auto;

	position: relative;

	float: left;

	overflow-y: scroll;

	height: 480px;

	width:350px;

	top: -10px;

}



div .producto {

	position: relative;

	float: left;

	clear: left;

	padding: 5px;

	background: #e3e3e3 url(Images/rectangulo_gris.jpg) no-repeat scroll ;

	margin-bottom: 10px;

	margin-left: 3px;

	text-align: left;

	width: 320px;

	

}



.producto img{

	float: left;

	position: relative;

	/*padding: 3px;*/	

	/*width: 50px;

	height: 50px;*/

}



.producto .descripcion {



	top: 25px;

}



.producto td {

	padding: 5px;

	font-size: 10px;

}



.producto label {

	vertical-align: middle;

	

}



div .productosTitulo div {

	position: relative;

	float: left;

	top: -25px;

	left: 25px;

	font-size: 13px;

	font-style: italic;

	font-weight: bold;

	color: #FFFFFF;

}





/* Categorias */

div .categoriasTitulo .frontEndTitulo {

	width: 180px;	

}





div .categoriasTitulo div {

	position: relative;

	float: left;

	top: -25px;

	left: 25px;

	font-size: 13px;

	font-style: italic;

	font-weight: bold;

	color: #FFFFFF;

}



ul {

	clear: left;

	position: relative;

	float:left;

	list-style-position: inside;

	font-size: 10px;

	font-style: normal;

	color: #B1B1B1;

	list-style-type: square;

	font-weight: bold;

	width: 140px;

	left: -30px;

	top: -10px;

}
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}




li {

	width:100%;

	padding-top: 5px;

	vertical-align: middle;

}



.barraVertical {

	position: relative;

	float: left;

	width: 1px;

	heigth: 100%;

}
h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.copete {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 20px;
}
.content {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 17px;
}
.footer {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	padding-left: 10px;
	padding-top: 2px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #FFF;
}