/*ESTILOS*/

	html{
		height:100%;
		min-height:100%;
		}
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color:#747C91;
		background:url(images/fondo.jpg);
		color:#6E5D53;
		height: 100%;
		width: 100%;
		margin: 0px; 
		padding: 0px;
		text-align:center;	
		vertical-align:middle;
	}
	
	* html #container{
                height: 100%;
        }

	/* Estilos del container */
		#container {
			position:relative;
			width:739px;
			min-height:100%;
			height:auto;
			padding : 0px;
			text-align:left;
			margin:auto;
			background: url(images/fondoCuerpo.gif);
		}

	/* Estilos de la cabecera */
		#cabecera {
			position:relative;
			width:739px;
			height:261px;
			background:url(images/cabecera.jpg);
		}	
	/* Estilos del cuerpo */
		#cuerpo {
		position:relative;
		width:739px;
		border:0px;

		}
	/* Estilos del contenido */
		#contenido {
			position:relative;
			margin-left:250px;
			margin-bottom:0px;
			width: 450px;
			padding-top:20px;
			padding-bottom:30px;
			top:-50px;
		}
		
		#flash{
		  position:absolute;
		  top:40px;
		  left:29px;
		}
		
		.lupa {
		background:url(images/buscar.gif) center;
		width:20px;
		height:20px;
		}
		
		.formbusc {
		width:120px;
		  
		}
		

		
	/* Estilos del pie */
		#pie {
			position:absolute;
			width:739px;
			bottom:0px;
			height:14px;
			background:url(images/fondoPie.gif)
		}
		#pie div { 
			vertical-align:bottom;
			height:20px; 
			position:absolute;
			bottom:8px;
			right: 12px;
		}
		#pie a {
			text-decoration:none;
			color: #666666;
			padding:4px 4px 4px 4px;
		}
		#pie a:hover{
			text-decoration:underline;
			/*border: 1px dotted #cc0000;*/
			color: #000000:
			/*background: #E7E1E4;*/}
		
	/* Estilos del menu */
		#menu{
			position:relative;
			float:left;
			left:18px;
			width:230px;
			padding:11px 0px 11px 0px;
			/*background-image:url(images/fondoMenu.gif);*/
		}
		
		#arribamenu{
			width:205px;
			position:absolute;
			height:11px;
			top:0px;
			left:0px;
			background-image:url(images/arribaMenu.gif);
		}
		
		#abajomenu{
			width:205px;
			position:absolute;
			height:11px;
			bottom:-1px;
			left:0px;
			background-image:url(images/abajoMenu.gif);
		}
		
		#menu img{
		  /*display:none;*/
		}
		
		.cuadromenu{
		position:relative;
		  margin-left:15px;
		  padding-right:18px;
		}
		
		.cuadroSubMenu {
			position:relative;
		  	margin-left:10px;
		}
		
		.elementoMenu {
		position:relative;
			position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			padding: 5px 0px 3px 0px;
			margin:3px 0px 3px 0px;
			border-bottom:1px dashed #999999;
			height:18px;
		}

		.elementoMenuActual {
		position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding: 5px 0px 2px 0px;
			margin:3px 0px 3px 0px;
			/*border-bottom:1px dashed #999999;*/
			background-color:#6E5D53;
			font-weight:bold;
			height:18px;
		}
		
		#menu a{
			color:#666666;
			padding:5px 5px 5px 5px;
			margin:5px 0px 5px 0px;
		}
		
		#menu a:hover {
			border:1px dashed #999999;
			padding:4px 4px 4px 4px;
		}
		
		#menu .elementoMenuActual a {
			color:#FFFFFF;
		}


	/* Estilos de registro de usuarios */
		#registeredUser {
			width:200px;
			text-align:center;
			padding: 5px 2px 5px 2px;
		}
		#registeredUser a{
			padding: 2px 2px 2px 2px;
			
		}
		#registeredUser a:hover{
			padding: 2px 2px 2px 2px;
		}
	
/*Estilos del Buscador*/
#buscadorBox{
position:relative;
margin: 20px 18px 20px 20px;
padding: 5px 5px 5px 5px;
}


	/* Elementos del cuerpo */
		
		.cabeceraListado{
			border-top: 1px solid #888FD1;
			border-bottom: 1px solid #888FD1;
			color: #666666;
			text-align:center;
			padding-left: 10px;
			font-size:12px;
			width: 450px;
			margin-top:30px;
		}
		

/* Estilos de los listados */

.elementoListado{
	border: 1px solid #888FD1;
	position:relative;
	width:140px;
	height:145px;
	float:left;
	text-align:center;
	background:url(images/pixDescrip.gif);
	margin-left:5px;
}
.elementoListado img {
	border:1px solid #888FD1;
	padding:4px;
}
.elementoImg{
	position: relative;
	padding:5px;
	display:table-cell;
	vertical-align:middle;
	
}
.elementoDescripcion{
	position:relative;
	margin:2px 0px 0px 4px;
	top:0px;
	
}
.nombreProducto{
	font-weight:bold;
}
.precio{
	height: 30px;
	
}



.masInfo img{
	margin-right:3px;
	border:0px;
	vertical-align:middle
}
.masInfo a{
	color: #003BFF;
}


/* ----------------------------------------------------- */
h1{
	margin:0px;
	font-size:18px;
}


h2{
	color: #CC3241;
	margin:5px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;

}

td, th {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 24px;
        color: #333333;
        
}

a {
        font-family: Arial, Helvetica, sans-serif;
        color: #003BFF;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
        
        color: #003BFF;
        font-weigh:bold;
}
form {
margin:0px;
}