html{
	height: 100%;
	}

body {
	background:url(images/fondo2.jpg);
	background-position:center top;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aaaaaa;
	
	margin: 0px; 
	padding: 0px;
	text-align:center;	
	vertical-align:middle;
	height: 100%;
	width: 100%;
	
}

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

}
* html #container {
	height: 100%;
}

/* Estilos de la cabecera */
#cabecera {
	position:relative;
	height:127px;
	width:775px;
	margin:0px;
	background:url(images/cabecera.jpg);
}
	
#barra {
	display:none;
	}

/* Estilos del cuerpo */
#cuerpo {
	position: relative;
	padding:10px 0px 52px 0px;
	width:775px;
	background:url(images/pixel.jpg);
}

/* Estilos del contenido */
#contenido {
 	position:relative;
	margin: 20px 0px 0px 260px;
	width:450px;
	padding: 10px ;

}

#contenido a img {
	
	border:0px;

}

#logo {
	position:absolute;
	top:80;
	left:73px;
	background:url(images/logogran.gif);
	background-repeat:no-repeat;
	width:180px;
	height:120px;
	z-index:3;
	
}
#pie {
	position: absolute;
	width:775px;
	height:52px;
	bottom: -2px;
	text-align:center;
	background: url(images/pie.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
	clear: both;
	z-index: 1;
	

}
#txtPie{

	width:775px;
	margin-top:10px;

}
#dusnic a{
	text-align:center;
	color:ffffff;
	padding:2px;
	
}
#dusnic a:hover{
	color:ffffff;
	text-decoration:underline;
	padding:2px;
	border:1px solid #cccccc;
	font-weight:normal;
}


/* Estilos del menu */
		#menu {	
			margin: 130px 30px 0px 30px;
			width: 190px;
			float: left;
			text-align:right;
			border-right:2px solid #A8F504;
		}
		* html #menu {
			margin: 100px 10px 0px 10px;
		}
		

		.cuadroMenu{
			color:#CC0000;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			width:180px;
			cursor: finger;
			text-align:left;
			display: block;
			text-align:right;
			margin: 10px 10px 10px 5px;
			
			
			
			
		}		
		
		#menu img{
			border:0px;
			text-align:right;
			vertical-align:middle;
			
		}

		.cuadroMenu a{
			
		}
		
		.cuadroSubMenu{
			
			
			margin-top:8px;
			text-align:right;
			
		}
		.cuadroSubMenu .elementoMenu{
			padding: 0px 13px 0px 0px;
		}
		.cuadroSubMenu .elementoMenu a:hover{
			background-color:#A8F504;
			width:140;
			color:333333;
			
		}
		.cuadroSubMenu .elementoMenu a{
			color:#B6DD19;
			
		}
		.cuadroSubMenu .elementoMenuActual a{
			margin: 0px 0px 0px 0px;
			padding: 0px 13px 0px 0px;
			width:140px;
		}
			
		
		.elementoMenu {
			margin: 0px 0px 4px 10px;
			height: 27px;
			width:165px;
			vertical-align: middle;
			text-align:right;
		}
		
		.elementoMenu img{
			vertical-align: middle;
			text-align:right;
			
		}
		
		.elementoMenu a {
			text-decoration:none;
			color:#FFFFFF;
			
		}
		.elementoMenu a:hover{
			
			color:#A8F504;
		}
		
		.elementoMenuActual {
			margin: 0px 3px 4px 0px;
			padding:0px 0px 0px 3px;
			vertical-align: middle;
			height: 27px;
			
			width:165px;
		}
		
		.elementoMenuActual a {
			font-weight:bold;
			color:#A8F504;
		}
		
		.elementoMenuActual a:hover {
			color:#FFFFFF;
		}

/* Elementos del contenido*/
		.cabeceraListado{
			
			
			color: #333333;
			font-size:12px;
			padding: 0px 0px 0px 10px;
			margin-top: 0px;
			width: 430px;	
			
		}
		.cabeceraListado a{
			
			color: #dedede;
			
		}
		.cabeceraListado a:hover{
					
			color: #333333;
			font-weight:bold;
					
		}
	
	/* Estilos de los listados de productos*/
		.elementoListado{
			position:relative;
			background-color: #474747;
			border: 1px solid #bdbdbd;
			color:#666666;
			
			width:430px;
			text-align:left;
			padding-left: 5px;
			margin-top:3px;
			
			min-height: 68px;
		}
		.elementoListado img {
			border:0px;
		}
		
		.elementoImg{
			position: relative;
			padding:5px;
		}
		.elementoDescripcion{
			position:absolute;
			margin:2px 0px 0px 100px;
			top:0px;
		}
		.nombreProducto{
			color: #A8F504;
			
			font-size:14px;
			font-weight:bold;
			
			margin-bottom: 5px;
		}
		.precio{
			height: 25px;
		}
		.masInfo{
			margin-left:100px;
		}	
		.masInfo img{
			padding-right:3px;
			vertical-align:middle;
		}
		.masInfo a{
			color: #cccccc;
		}
		.masInfo a:hover{
			color: #A8F504;
		}
		
		#volver a{
			margin-top: 15px;
			color: #A8F504;
		}
		#volver a:hover{
			margin-top: 15px;
			color: #bbbbbb;
		}
		#volver img{
			vertical-align:middle;
		}
		#numeracion {
			color: #333333;
			
			vertical-align:middle;
		}
		.fotolistado{
		width: 90px;
		}
		
	/*Estilos descripcion producto*/
		#descripcionProducto{
			color:#cccccc;
			
			padding: 0px 0px 10px 10px;
			margin:20px 0px 30px 0px;
			
		}
		#descripcionProducto h1{
					}
		.leyendaImg {
		margin-bottom:10px;
		text-align:center;
		color:#eeeeee;
		}
					
	/* Estilos de registro de usuarios */
		#registeredUser {
			width:160px;
			text-align:center;
			padding: 5px 2px 5px 2px;
		}
		#registeredUser a{
			padding: 2px 2px 2px 2px;
			color:#AAAAAA;
		}
		#registeredUser a:hover{
			padding: 2px 2px 2px 2px;
		}

/* ----------------------------------------------------- */
h1{
	color: #A8F504;

	min-width:310px;
	background:url(images/h1.gif)  no-repeat;
	font-size:20px;
	height:40px;
	padding-left:10px;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #A8F504;
	font-size:18px;
}
td, th {
       
        font-size: 12px;
        line-height: 24px;
        color: #aaaaaa;
}
strong{
	color: #eeeeee;}

a {
        color: #eeeeee;
        text-decoration: none;
}

a:hover {
      	color:#A8F504;
		text-decoration:underline;
		font-weight:bold;	
}

.fondo_cabecera_prod {
	background-color:#990000;
}

.texto_cabecera_prod {     
        font-size: 1.15em;        
        color: #ffffff;
}

input{
	background-color: #474747;
	color: #ffffff;
	border: 1px solid #cccccc;
	}
textarea{
	background-color: #474747;
	color: #ffffff;
	border: 1px solid #cccccc;
	}