@charset "utf-8"
    /* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900,400italic);



html {
font-family: 'Roboto';
width: 960px;
margin: auto;
background-color: black;    

}


body { 
    position: absolute;
    width: 960px;
    height: auto;
    background-color: white;
}


}

header {
width: 960px;
background-color: white;
height: 80px;

 }

.imgbannergrupal{
margin-top: -12px;
}


#barramenu h3{
position: absolute;
color: white;
margin-left: 741px;
margin-top: -58px;    
background-color: darkcyan;
padding: 3px;
}

#barramenu h3:hover{
color: darkcyan;
background-color: white;
}

#barramenu2 h3{
position: absolute;
color: white;
margin-left: 834px;
margin-top: -58px;    
background-color: darkcyan;
padding: 3px;
}

#barramenu2 h3:hover{
color: darkcyan;
background-color: white;
}





.bloquegrupo{
   float: left;   
   width: 220px;
   height: 220px;
   margin-top: 10px;
   background-color: darkcyan;    
}

.bloquegrupo h1{
 color: white; 
 margin-left: 35px;   
 font-size: 60px; 
 margin-top: 60px;    
}

.bloquegrupo p{
 color: white;
 margin-left: 42px;
 margin-top: -45px;
 font-size: 14px;    
}

.integrante1 img{
   float: left;   
   width: 220px;
   height: 220px;
   margin-top: 10px;
   margin-left: 26px;      
}

.integrante1 h4{
    position: absolute;
    background-color: darkcyan;
    padding: 5px;
    color: white;
    margin-left: 246px;
    margin-top: 199px;
}

.integrante2 img{
   float: left;   
   width: 220px;
   height: 220px;
   margin-top: 10px; 
   margin-left: 27px;     
}

.integrante2 h4{
    position: absolute;
    background-color: darkcyan;
    padding: 5px;
    color: white;
    margin-left: 493px;
    margin-top: 199px;
}


.integrante3 img{
   float: left;  
   width: 220px;
   height: 220px;
   margin-top: 10px; 
   margin-left: 27px; 
   padding-bottom: 14px;    
}

.integrante3 h4{
    position: absolute;
    background-color: darkcyan;
    padding: 5px;
    color: white;
    margin-left: 740px;
    margin-top: 199px;
}


.bloqueuba{
float: left;    
width: 462px;
height: 220px;    
margin-top: -220px;    
}

.bloqueuba h3{
color: darkcyan;
margin-left: 10px;
    
}

.bloqueuba p{
color: darkcyan;
margin-left: 10px;
font-size: 12px;    
}

.bloqueuba h4{
color: darkcyan;
margin-left: 10px;
padding-top: 8px;    
    
}

.bloquedgpc{
float: left;    
width: 469px;
height: 220px;    
margin-top: -230px; 
margin-left: 489px;    
}

.lineasdivisora{
float: left;
width: 300px;
height: 4px;
margin-left: 6px; 
margin-top: -10px;    
background-color: darkcyan;   
}


.lineasdivisora2{
float: left;
width: 300px;
height: 4px;
margin-left: 0px; 
margin-top: -12px;    
background-color: darkcyan;   
}

.bloquedgpc p{
color: darkcyan;
margin-left: 0px;
margin-top: 2px;    
font-size: 12px;    
}

.bloquedgpc h4{
color: darkcyan;
margin-left: 0px;
padding-top: 8px; 
}


.contenedordedatos{
float: left;    
width: 960px;
height: 220px;    
margin-top: 8px;  
background-color: gainsboro;    
}


/* --------------Footer----------------*/



footer {
    float: left;
    margin: 0 auto;
    width: 960px;
    height: 50px;
    padding-top: 10px;
    background-color: gainsboro;
}  

h6 {
    margin: 0 auto;
	color: gray;
	text-decoration: none;
    font-size: 8pt;
    font-weight: 100;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
}