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

body {
 		background-attachment: fixed;
	background-repeat: no-repeat;
  background-position: center;
background-size: cover;
    width:1333px;
	height:905px;
	position: center;
top: 90px;
padding: 0px;
font-family:"Bebas Neue": sans-serif;
margin:0px auto 0px auto;
	padding: 0px;
	background-position: center top;

    
}

div#pagina {
	width: 960px;
    background-color:#5d002e;
	margin:auto;
}

header {
	width:960px;
	position:relative;
	height:210px;
    background-repeat: norepeat;
    background-image: url(imagenes/fondopersonal.jpg)
}


header div#foto{
	margin-left:25px;
	margin-top:25px;
	position:absolute;
}


header h1 {
	font-size:40px;
	text-align:left;
	color:#000;
	margin-top:60px;
    margin-left:260px;
    font-family: 'Open Sans', sans-serif; font-weight: 700;
    
}

header nav {
	position:absolute;
	width:720px;
	height:40px;
	top:220px;
	margin-left:180px;
}

ul {
	list-style:none;
    margin-top: 8px;
 
}

header nav ul li {
	float:left;
	background-color:#0E3857;
	margin top:200px;
    margin-left: 22px;
	width:138px;
	height:30px;
     
}

header nav ul li a {
	color:#ff9595;
	text-decoration:none;
	display:block;
	background-color:#270216;
	text-align:center;
	padding: 5px;
    margin-left: 70x;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;   
    }

header nav ul li a:hover {
	color:#000;
	background-color:rgb(62, 226, 190);
}



article {
   
    height: 80px;
	    margin-top: 60px;
}


#columna1{
background-color:#2f0216;
    position: absolute;
    top: 280px;
    width: 740px;
    height: 480px;
    margin-left: 40px;
    font-size: 15px;
    
}

article h1{
    font-size: 19px;
    margin-left: 35px;
    margin-top: 10px;
    color: rgb(62, 226, 190);
    font-family: 'Open Sans', sans-serif; font-weight: 700;  
}

#columna1 h2{
    font-size: 15px;
    margin-left: 70px;
    color: rgb(152, 255, 233);
    font-family: 'Ubuntu', sans-serif; font-weight: 500;
}

#columna1 p {
	font-size:16px;
	color:#ffd8ea;
	margin-left:70px;
    margin-right: 70px;
	margin-top:10px;
	margin-bottom:10px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
}

/* portfolio.html */

article nav{
     background-color:#2f0216;
    position: absolute;
    top: 280px;
    width: 740px;
    height: 480px;
    margin-left: 40px;       
    
}

article nav ul li a :hover {
	color:#000;
	background-color:rgb(62, 226, 190);
    
}


article nav ul li a {
    float:left;
    display: block;    
    padding: block;
    width: 300px;
    height: 200px;
    margin-left: 10px;
    margin-right: 25px;
        
              }

  article nav ul h4{
      margin-left: 10px;
      margin-top:180px;
      color: #fff;
      font-size: 14px;
      position: absolute;
      font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
  }

article nav ul h5{
      margin-left:345px;
      margin-top:180px;
      color: #fff;
      font-size: 14px;
      position: absolute;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
  
  }

article nav ul h6{
      margin-left: 10px;
      margin-top:380px;
      color: #fff;
      font-size: 14px;
      position: absolute;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
  
  }

article nav ul h7{
      margin-left:-325px;
      margin-top:380px;
      color: #fff;
      font-size: 14px;
      position: absolute;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
  
  }



/* fin portfolio.html */

div#logodgpc{
    margin-left: 45px; 
    margin-top: 550px;
}

article h3 {
    font-size:11px;
	color:#ddcdcd;
	margin-left:230px;
	margin-top:-76px;
	margin-bottom:10px;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
}


#columna2{
    top: 280px;
    font-size: 12px;
    margin-left: 780px;
    margin-right: 20px;
    position: absolute
}

#columna2 div#logofadu{
    margin-top: -3px; 
    margin-left: 10px;
    position: absolute  
    
    
}

#columna2 p{
    color: #fff;
    margin-left: 19px;
    margin-bottom: 20px;
    width: 130px;
    top: 200px;
    font-family: 'Ubuntu', sans-serif; font-weight: 500;
  
      
}





footer {
	margin-top: 10px;
    width:960px;
	height:90px;
	background-color:#ff9595;
	clear:both;
}

footer p {
	margin-left:25px;
    margin-top:0px;
   font-family: 'Ubuntu', sans-serif; font-weight: 400;
  
	font-size:11px;
	color:#FFF;
	text-align:center;
        
        
}

/* mapa.html */

div#pagina30 {
    position: relative;
    width: 300px;
    height: 200px;
    top: -500px;
    left: 50px;
   
}

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

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

div#pagina30 nav ul li{
    position: relative;
    float: left;
     height: 40px;
     
}


div#pagina30 nav ul li a{
     display: block;
     margin-left: 70px;
    margin-right: 80px;
    text-decoration: none;
    color: #fff;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
      
}

div#pagina31 {
    position: relative;
    width: 300px;
    height: 200px;
    top: -710px;
    left: 300px;
    
}

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

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

div#pagina31 nav ul li{
    position: relative;
    float: left;
     height: 40px;
     
}


div#pagina31 nav ul li a{
     display: block;
    width: 130px;
     margin-left: 70px;
    margin-right: 80px;
    text-decoration: none;
    color: #fff;
    font-family: 'Ubuntu', sans-serif; font-weight: 400;
      
}