@charset."utf_8"

@media all.and(min-width:1px)
    and (max-width:320px)
{
    header nav #menu ul li
    { float:none; margin-bottom: o,15 rem;}}


/*hoja de estilo del tp de dgpc - CATEDRA GIORDANO DE DOBERTI*/
/*Equipo vm18*/
    
    
/*index_tpindividual*/
/* CSS Document */


body {
display:block;
    width:990px;
	height:1250px;
	position: auto;
    top: auto;
    padding: auto;
margin-bottom: 20px;
    margin:0px auto 0px auto;
	background-position: auto;
    background-color: rgb(66,120,127);  
}


header {
	position:relative;
    width:1000px;
	height:240px;
    background-repeat: repeat;
    background-image: url(../imagenes/cabeza.jpg);
    margin: auto;
    
}

header div#foto {
    position: relative;
    width: 277px;
    top: 40px;
}
header div#facebook {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 170px;
}
header div#flicker {
    position: absolute;
    width: 40px;
    top: 180px;
    right: 120px;
}

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

div#menu {

   width:1000px;
   background-color:rgb(66,120,127);
   margin:auto;
 
}


div#menu nav{
   position:relative;
margin-top: -30px;
margin-left: -20px;
   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;
font-family: 'Oswald', sans-serif;
    background-color: rgb(99, 168, 159);
    
}

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: 'Roboto', sans-serif; 
    font-weight: 600;
}

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

div#pagina div#clase {
    position: static;
    width: 300px;
    left: 15px;
    top: 30px;
margin: 0 auto;
    
}
article5{
    background-color: #fff; }

/* la catedra*/

article{
background-color: #fff;
height: 1050px;
padding: 4%;
}
div#columna5 {
float: left;
width: 400px;
height: 500px;
font-family: font-family: 'Roboto', sans-serif;
padding-right: 5%

}



section5 h5{
font-size: 20px;
font-family: 'Roboto', sans-serif;
}



div#columna6 {
float: left;
width: 400px;
height: 500px;
font-family: 'Roboto', sans-serif;

}
div#columna5 p77 {
float: left;
width:300px;
}

section4 p77{
    
}

p6{
float: left;
margin-right: 20px;
width: 400px;
height: 500px;
font-family: 'Roboto', sans-serif;}



/*profesores*/
div#columna17 {
float: left}

div#columna18{
width: 900px;}

#linea{
float: left;
margin-top: -80px;
margin-bottom: 0px;
margin-left: -20px;}



/* profesores*/
#columna17{
float: left;
margin-top: 30px;
text-decoration: none;
text-decoration-style: none;
list-style: none;
padding: 0%;
}


h30{
font-family:'Oswald', sans-serif;
font-weight:900;
font-size: 40px;
margin-left: 35px;
float: left;
margin-top: -50px;
margin-bottom: 30px;
color: #1B2321;
    
}

#columna18{ 
margin-top: 53px;
background-color: #fff;
height: 550px;
}

p18{
    float: left;
    margin-left: 500px;
margin-top: -520px;
margin-right: 50px;
font-family: 'Roboto', sans-serif;
font-size: 15px;}


h6{ 
color: #000;
font-family:'Oswald', sans-serif;
font-size: 30px;
margin-top: 9px;
margin-left: 40px;

}

div#mascosas {
width: 900px;
    height: 199px;
margin-top: -200px;
    position:absolute;

}

div#mascosas nav ul li  {
float:left;
margin-left: 5px;
text-decoration: none;
text-decoration-style: none;
margin-top: 150px;
margin-bottom: 8px;
list-style-type: none;
}

h600{ 
color: #000;
font-family:'Oswald', sans-serif;
font-size: 30px;}


div#profesores {
width: 900px;
    height: 399px;
margin-top: -200px;
    position:absolute;

}

div#profesores nav ul li  {
float:left;
margin-left: 5px;
text-decoration: none;
text-decoration-style: none;
margin-top: 750px;
margin-bottom: 8px;
list-style-type: none;
}

div#profesores nav ul li a  {
float:left;
margin-left: -1px;
text-decoration: none;
text-decoration-style: none;
margin-bottom: 2px;
margin-top: 150px;
list-style-type: none;

}

/* morfologia*/
article{
height: 930px;
}

h300{
font-family: 'Roboto', sans-serif;
font-size: 30px;
font-weight: 700; }

div#columna8{
float: left;
width: 400px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
margin-top: 40px;
margin-left: 40px;
margin-bottom: 90px;}

h8{
font-family:'Oswald', sans-serif;
font-size: 18px;
font-weight: 600;
}

div#columna9{
float: right;
margin-top: 40px;
margin-right: 40px;
margin-bottom: 60px;
width: 400px;
font-family:'Roboto', sans-serif;
font-size: 15px;}


h9{
font-size: 20px;}

imagenesmorfologia{
float:left;
}

h9{
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 600;}


div#imagenesmorfologia{
float: left;
margin-left: -448px;
text-decoration: none;
text-decoration-style: none;
list-style: none;
width: 100px;
margin-top: 650px; 
margin-bottom: -52px;
list-style-type: none;
}

div#tipologias{
width: 900px;
    height: 199px;
margin-top: -180px;
    position:absolute;

}

div#tipologias nav ul li  {
float:left;
margin-left: 5px;
text-decoration: none;
text-decoration-style: none;
margin-top: 150px;
margin-bottom: 8px;
list-style-type: none;
}
}

/* chatroom*/

h1{
color: #fff;
position: relative;
margin-left: 0px;
background-color: #1B2321;
padding: 40px;
padding-left: 50px; 
font-size: 20px;
font-family:'Oswald', sans-serif
}

div#columna100{
float: left;
margin-top: -28px;
margin-bottom: 60px;
width: 600px;
height: 750px;
font-family:'Roboto', sans-serif;
font-size: 15px;}


div#columna200{
float: right;
margin-top: -810px;
margin-right: -4%;
margin-bottom: 60px;
width: 400px;
font-family:'Roboto', sans-serif;
font-size: 15px;
}



h23
{font-family: 'Oswald', sans-serif;
font-weight: 700;
    font-size: 30px;
margin-left: 10%;
}


article p1{
color: #fff;
padding left:10px;
margin-left: 30px;
font-family: 'Roboto', sans-serif;}

p1{
margin-left: 20px;
padding: 5px;
}



h21{
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 30px;
margin-left: 14%;
    
}
p21{
padding: 30px;
display:block;
margin-left: 60px;
margin-right: 100px;
margin-bottom: -40px;
font-family:'Roboto', sans-serif; }


article section2 div a #chatroom{
position: relative;
background-color:#988f8f;
margin-top: 20px; 
margin-bottom: 20px;}

#chatroom{
margin-bottom:1000px;
margin-left: 90px;
margin-top: 29px;
}




/* imagenes*/



 #columna1 {
    width: 300px;
    height: 100px;
    left: 20px;
    position: static;
margin-top: 0px;


}



#columna1 nav {
    height: 991px;
margin-top: -49px;
    
    
}

#columna1 nav ul {
    list-style: none;
    margin-top: 20px;
margin-left: -40px;
width: 495px;

}



#columna1 nav ul li {
    height:300px;
    width: 450px;
    margin-bottom: 30px;  

}

#columna1 nav ul li a {
    height:300px;
    width: 450px;
    margin-bottom: 30px;  

}



#columna2
{
float: right;
	width:400px;
	height:100px;
margin-top:-212%;
margin-left: 95px;
margin-right:-360px;

}




/*fin imagenes*/

footer{
    position:relative;
	width:990px;
	height:200px;
	background-color:#000;
    margin-top:31px;
    clear:both;
    border-bottom: 1px;
}



div nav ul li  #piepagina{
float:left;
width: 200px;
height: 100px;
margin-left: -90px;
}



div#piepagina nav{
margin-top: -55px;
   position: relative;
   height: 50px;
    
}

div#piepagina nav ul{
   height: 35px;
   list-style: none;
   margin-top: 5px;  
width: 950px;
background-color: #000;
}


div#piepagina nav ul li{
    float: left;
    width: 130px;
    height: 30px;
    margin-top: 17px;
    margin-right: 10px;
    display: block;
    border-left:2px solid #fff;
    font-size: 14px;
text-decoration: none;
text-decoration-style: none;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
    color: #fff;
    border-bottom: 1px;
    padding-left: 40px;
    
}

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

}


div#contenido p{ color: #fff;
font-family: sans-serif;
padding: 10px;
font-size: 10px;
margin-left: 20px;
margin-right: 20px;
margin-top: 40px;
text-align: center;}