/*
WARPPER:
Nombre de una capa principal para centrar el contenedor llamado CONTAINER.
*/
.warpper{
        width: 100%;
        text-align: center;
        margin-top: 10px;
        }
/*
CONTAINER:
Es la capa q se encuentra dentro de la capa WARPPER q tiene un atributo
clave que es "position:relative;" para poder centrar los contenidos que tienen
el atributo "position:absolute"; 
*/
        .container{
            position: relative;
            width:1170px;
            margin-left: auto;
            margin-right: auto;
        }
/*
HEADER:
Es el encabezado que contiene una pagina web para ordenar los contenidos

*/        
        .header{
            
            width: 100%;
            height: 60px;
         
		 background-color:#eeeeee; /*  
        background-image:url('../img/textura1.jpg');*/
		  margin-bottom: 10px;
            text-align: center;
         
			opacity:0.8;
			   /**/
        }
/*
CONTENT:
Al igual q el Anterior se utileza para agregar todo los contenidos de una pagina web
en forma ordenada.
*/
        .content {
            width: 100%;
			
            background-color: #ffffff;
           /* */
			height: 480px;
            opacity: 2.0;
        }
		

		
		.foot {
		width:100%;
		background-color:#eeeeee;
		height:50px;
		margin-top:10px;
		opacity:0.6;

		}
	
		
		.logo{
		position:absolute;
		top:0px;
		left:5px;
		width:240px;

		}
		
		.logo1 img{
		position: absolute;
		right:30px;
		width:150px;

		}
		
		.logo2{
		position:absolute;
		top:1px;
		left:400px;
		z-index:0;
		width:130px;
		}