div#logo{
	position: relative;
	margin: 5px auto;
	left: -20px;
	float: right;
        width: 175px;
        height: 160px;
        background: url("images/logopag.gif") no-repeat;
        background-size: 100%;
}

div#contenedorPrincipal{
    //border: 2px solid #DDD;
	width: 1024px;
	height: 800px;
	margin: auto auto;
	//background-color:white;
}

div#encabezado{
	width:	1022px;
	height: 150px;
	//border: 2px solid #ddd;
	background: url(images/fondoCabeza.png);
	
}

div#menuCabeza{
	width: 1020px;
	height: 30px;
	//border: 2px solid #ddd;
	position: absolute;
	top: 129px;
	background: url("images/transparencia.png");
     //   background-color: white;
      //  opacity: 0.5;
}

div#sombra{
    float:none;
    width: 1020px;
	height: 30px;
        position: absolute;
	top: 159px;
        background: url("images/transparenciaSombra.png");
}
div#cuerpo{
//	border: 2px solid red;
	width: 1000px;
	background-repeat: repeat-x;
	padding: 10px;
}

div#cuerpo_productos{
	//border: 2px solid red;
        overflow-y: scroll;
	width: 1000px;
	height: 600px;
	background-repeat: repeat-x;
	padding: 10px;
}




div#producto{
	text-align: justify;
//	border: 2px solid orange;
	width:444px;
	height: 300px;
        float:left;
        padding:10px;
        overflow: auto;
        vertical-align:middle;
}


div#texto_index{
//	border: 2px solid blue;
	width:444px;
        float:left;
        padding:10px;
        vertical-align:middle;
        overflow: auto;
}


div#imagen_index{
//	border: 2px solid blue;
	width:444px;
        float:left;
        padding:10px;
        vertical-align:middle;
        margin-top:150px;
        margin-left:50px;
        overflow: auto;
}

div#pie{
	background: url("images/pie.png");
//border: 2px solid blue;
	width: auto;
	height: 80px;
        float:none; 
	position: relative, -100, 0;
	top:120px;
}

h2 {
    margin-bottom:-10px;
    margin-top:30px;
}

/* The CSS Code for the menu starts here */
#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	list-style-type: none;
	//background: url(images/transparencia.png	);
        background-color: rgba(255, 255, 255, 0.4);
       // background-color:white;
	font-size: 13px;
	height: 30px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #ccc;
	position: relative;
	top: -15px;
}
#menu li {
	float: left;
	margin: 0;				
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #555;
}
#menu li a:hover{
//	background: url(images/transparencia.png);	
        background-color: rgba(255, 255, 255, 0.6);			
	border-bottom: 2px solid #DDD;
	color: #555;
}
#menu li.active a {
	//background-color: #f5f5f5;
        background-color: rgba(255, 255, 255, 0.8);	
	border-bottom: 2px solid #DDD;
	color: #555;
}