@charset."utf_8"
/*hoja de estilo del tp de dgpc - CATEDRA GIORDANO DE DOBERTI*/
/*Equipo vm18*/
    
    
/*index_tpindividual*/
/* CSS Document */


body {
 	background-repeat: no-repeat;
    background-position: bottom;
    background-size:cover;
    width:990px;
	height:1000px;
	position: center;
    top: 60px;
    padding: 0px;
    margin:0px auto 0px auto;
	background-position: center top;
    background-image: url(fondo.svg);
   
}



header {
	position:relative;
    width:960px;
	height:240px;
    background-repeat: repeat;
    background-image: url(imagenes/fondo.svg);
    background-color: #fff;
    margin: auto;
    
}

header div#foto {
    position: relative;
    width: 277px;
    top: 40px;
}

header div#facebook {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 170px;
}


header div#twitter {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 120px;
}

header div#youtube {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 70px;
}


header div#busqueda {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 5px;
}

div#pagina {
    
    width: 960px;
    height: 660px;
    background-color:#1B2321;
	margin:auto;
    
}

div#menu {
   width: 960px;
   background-color:#95E7B7;
   margin:auto;
}


div#menu nav{
   position: relative;
   height: 35px;
    
}

div#menu nav ul{
   height: 35px;
   list-style: none;
   margin-top: 2px;  
}


div#menu nav ul li{
    float: left;
    width: 170px;
    height: 30px;
    margin-top: 3px;
    margin-right: 5px;
    font-size: 18px;
    background-color: #95E7B7;
    
}

div#menu nav ul li a{
    height: 35;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 6px;
    font-family: 'Ubuntu', sans-serif; font-weight: 600;
}

div#menu nav ul li a:hover {
	color:#FCFF9E;
	background-color:#1B2321;
    
}

div#pagina div#clase {
    position: relative;
    width: 300px;
    left: 15px;
    top: 30px;
    
}

div#pagina div#trabajos {
    position: relative;
    width: 300px;
    left: 330px;
    top: -575px;
}

div#pagina div#calendario {
    position: relative;
    width: 300px;
    left: 645px;
    top: -1180px;
}

div#pagina div#botones {
    position: relative;
    height: 160px;
    width: 990px;
    left: -20px;
    top:-1500px;
           
}

div#pagina div#botones nav {
    position: relative;
    height: 160px;
    
     
}

div#pagina div#botones nav ul{
    list-style: none;   
    height: 160px;
    
}

div#pagina div#botones nav ul li{
    position: relative;
    float: left;
     
     
}


div#pagina div#botones nav ul li a{
     display: block;
     margin-left: 70px;
    margin-right: 80px;
      
}


div#pagina div#botones nav ul li a:hover {
	color:#FCFF9E;
	background-color:#FCFF9E;
    
}    



footer {
    background-color:#FCFF9E;
    position: relative;
    height: 130px;
    width: 960px;
    margin: auto;
	
}

footer div#redessociales{
    position: relative;
    height: 40px;

}

footer div#redessociales nav{
    position: relative;
     height: 40px;
    
       
}

footer div#redessociales nav ul{
    list-style: none;
    position: relative;
     height: 40px;
}

footer div#redessociales nav ul li{
    position: relative;
    float: left;
    top: -1280px;
     
  }

footer div#redessociales nav ul li a{
    display: block;
    text-decoration: none;
    font-size: 13px;
    margin-right: 30px;
    color: #9aa3a0;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    
}

footer img{
    position: relative;
    left: 775px;
    top: -30px;
}


footer p {
    width: 500px;
	margin-left:34px;
    margin-top: -80px;
    font-size:11px;
	color:#7a8380;
	text-align:left;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}


/*imagenes.css*/

div#pagina2 {
    position: relative;
    width: 960px;
    height: 830px;
    top: -30px;
    background-color:#F5FFF9;
	margin:auto;
}

div#pagina2 h5{
    color: #95E7B7;
    width: 240px;
    height: 20px;
    left: 25px;
    top: 40px;
    position: relative;
    font-size: 18px;
    background-color: #1B2321;
    text-align: center;
     font-family: 'Ubuntu', sans-serif; font-weight: 700;   
   }

div#pagina2 h6{
    color: #95E7B7;
    width: 100px;
    left: 25px;
    top: -110px;
    bottom: 10px;
    position: relative;
    font-size: 50px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    
}

div#pagina2 h7{
    color: #95E7B7;
    width: 100px;
    left: 65px;
    top: -230px;
    bottom: 10px;
    position: relative;
    font-size: 30px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    
}



div#pagina2 p{
    color: #1B2321;
    width: 200px;
    top: -7px;
    left: 280px;
    position: relative;
    font-size: 13PX;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}

div#pagina2 div#columna4 {
    width: 250px;
    left: 140px;
    top: -340px;
    position: relative;
        
}

div#pagina2 div#columna4 div#imagen_1 {
    height: 250px;
    
}


div#pagina2 div#columna4 div#imagen_2 {
    height: 250px;
    
}

div#pagina2 div#columna4 div#imagen_3 {
    height: 250px;
    
}


div#pagina2 div#columna5 {
   
    width: 250px;
    left: 410px;
    top: -1090px;
    position: relative;
        
} 

div#pagina2 div#columna5 div#imagen_4 {
     height: 250px;   
}

div#pagina2 div#columna5 div#imagen_5 {
     height: 250px;   
}


div#pagina2 div#columna5 div#imagen_6 {
     height: 250px;   
}

div#pagina2 div#columna6 {
   
    width: 250px;
    left: 680px;
    top: -1840px;
    position: relative;
        
}

div#pagina2 div#columna6 div#imagen_7 {
    height: 250px;  
     
}

div#pagina2 div#columna6 div#imagen_8 {
    height: 250px;  
     
}

div#pagina2 div#columna6 div#imagen_9 {
    height: 250px;  
     
}



footer div#redessociales3{
    position: relative;
    height: 40px;

}

footer div#redessociales3 nav{
    position: relative;
     height: 40px;
    
       
}

footer div#redessociales3 nav ul{
    list-style: none;
    position: relative;
     height: 40px;
}

footer div#redessociales3 nav ul li{
    position: relative;
    float: left;
    top: 30px;
     
  }

footer div#redessociales3 nav ul li a{
    display: block;
    text-decoration: none;
    font-size: 13px;
    margin-right: 30px;
    color: #9aa3a0;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}




/*lacatedra.css*/

div#pagina3 {
    
    width: 960px;
    height: 530px;
    background-color:#1B2321;
	margin:auto;
}

div#pagina3 h8{
    color: #1B2321;
    width: 240px;
    height: 20px;
    left: 25px;
    top: 40px;
    position: relative;
    font-size: 18px;
    background-color: #95E7B7;
    text-align: center;
    font-family: 'Ubuntu', sans-serif; font-weight: 700;
        
   }

div#pagina3 div#columna6 {
    position: relative;
    width: 560px;
    height: 460px;
    top: 60px;
    left: 30px;
    
}

div#pagina3 div#columna6 p5{
    font-size: 16px;
    color: #95E7B7;
    position: relative;
    top: 10px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;

}

div#pagina3 div#columna7{
     position: relative;
    width: 250px;
    height: 460px;
    top: -410px;
    left: 650px;

}

div#pagina3 div#columna7 img{
    position: relative;
    left: 15px;

}

div#pagina3 div#columna7 h9 {
   position: relative;
    color: #95E7B7;
    width: 323px;
    height: 120px;
    left: 10px;
    top: 10px;
    font-size: 17px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
 }

div#pagina3 div#columna7 p6 {
   position: absolute;
    font-size: 16px;
    color: #9aa3a0;
    height: 100px;
    left: 10px;
     top: 240px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}

div#pagina3 div#columna7 p7 {
   position: absolute;
    left: 10px;
    top: 270px;
    color:  #fff;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;


}

footer div#redessociales2{
    position: relative;
    height: 40px;
    top: 1080px;

}

footer div#redessociales2 nav{
    position: relative;
     height: 40px;
       
}

footer div#redessociale2s nav ul{
    list-style: none;
    position: relative;
     height: 40px;
}

footer div#redessociales2 nav ul li{
    position: relative;
    float: left;
    top: -1050px;
     
  }

footer div#redessociales2 nav ul li a{
    display: block;
    text-decoration: none;
    font-size: 13px;
    margin-right: 30px;
    color: #9aa3a0;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    
}
    
 /*comunidad.css*/  
    
div#pagina4 {
    width: 960px;
    height: 530px;
    background-color:#85DAA1;
	margin:auto;
}


div#pagina4 h10{
    color: #95E7B7;
    width: 250px;
    height: 20px;
    left: 30px;
    top: 40px;
    position: relative;
    font-size: 22px;
    background-color: #1B2321;
    text-align: center;
    font-family: 'Ubuntu', sans-serif; font-weight: 700;
}


div#pagina4 div#columna8{
    width: 558px;
    height: 400px;
    top: 50px;
    position: relative;

}

div#pagina4 div#columna8 img{
    position: relative;
    left: 65px;
    top: 10px;
}

div#pagina4 div#columna8 h11{
    color: #1B2321;
    position: relative;
    left: 70px;
    top: 10px;
    font-size: 19px;
    font-family: 'Ubuntu', sans-serif; font-weight: 700;
}



div#pagina4 div#columna8 h12{
    color: #fff;
    position: relative;
    left: 545px;
    top: 15px;
    font-size: 18px;
    background-color: #9aa3a0;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}
div#pagina4 div#columna8 div#foro {
    position: relative;
    width: 550px;
    height: 200px;
    left: 70px;
    top: 10px;
    background-color: #fff;    

}


div#pagina4 div#columna9{
    width: 350px;
    height: 400px;
    left: 650px;
    top: -340px;
    position: relative;

}

div#pagina4 div#columna9 img{
    position: relative;
    top: 10px;
    margin-bottom: 40px;

}


footer div#redessociales4 {
    position: relative;
    height: 40px;
    top: 1080px;

}

footer div#redessociales4 nav{
    position: relative;
     height: 40px;
       
}

footer div#redessociales4 nav ul{
    list-style: none;
    position: relative;
     height: 40px;
}

footer div#redessociales4 nav ul li{
    position: relative;
    float: left;
    top: -1050px;
     
  }

footer div#redessociales4 nav ul li a{
    display: block;
    text-decoration: none;
    font-size: 13px;
    margin-right: 30px;
    color: #9aa3a0;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
    
}