* CSS Document */



@font-face {
    font-family: Arial, Arial Narrow, Arial Black, Helvetica, sans serif;
    font-weight: normal;100,200,300,400,500,600,700,800,900
    font-style: normal;

}

body {

	background-attachment: fixed;
	background-repeat: repeat;
    background-position: center;
    background-size:auto;
    width:960px;
	height:960px;
	position: center;
    top: 90px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px auto 0px auto;
	padding: 0px;
	background-position: center top;
    background-color: #fff;
}


header {
	position:absolute;
	height:300px;
    width: 960px; 
    background-image: url(../Imagenes/cabeceradoberti.jpg);
	background-position: left;
    background-size: cover;
    background-position:top;
    margin-top: 0px;
    
}


header div#enlaces ul li {
    float:right;
    margin-top: 150px;
    padding: 2px;
    margin-right: 1;
    list-style: none;
}

header div#logofadu ul li {
    float:right;
    margin-top: 11px;
    margin-right: -208px;
    list-style: none;
    
}


header nav ul li {
	float:right;
    padding: 1%;
	background-color:none;
	margin-top:25%;
    margin-left: ;
    margin-right: ;
	width:143px;
	height:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:300pt;
    color: #fff;
    display: block;
    list-style: none;
    text-decoration-line:none;
    text-decoration-style: none;




}
header nav ul li a {
	color:#fff;
	list-style: none;
    text-decoration: none;
    padding: 9%;
	background-color:#DC901A;
	margin-top:-13%;
    margin-left: 136%;
    margin-right: 30%;
	width:134px;
	height:30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:600pt;
    color: #fff;
    text-align:center;
    text-align-last: center;
    display: block;
    list-style: none;
    text-decoration-line:none;
    text-decoration-style: none;    
}


header nav ul li a:hover {
	color: #fff;
	background-color:#CA4F23;
}

header div#logodoberti{
    margin-left:0px;
	margin-top: 0px;
	position:absolute;
    height: 300px;
    width: 300px;
}

header div#logodoberti ul li {
    margin-left:-30px;
	margin-top: -50px;
	position:absolute;
    height: 200px;
    width: 300px;
}
header div#logodoberti ul li a {
    margin-left:0px;
	margin-top: 10;
	position:absolute;
    height: 200px;
    width: 300px;
}






article {
    height: 1000px;
	background-color:rgb(0, 0, 0);
    color: rgb(0,0,0);
    margin-top: 21;
    font-family: Arial, Helverica, sans-serif
}
   





/* index doberti */

article #columnaizqindex {
    height: 660px;
    width: 600px;
    background-color: #2a2a2a ;
    margin-top: 320px;
    position:absolute;
    margin-left: 20px ;
    float: left;
    color: #fff
}

article #fotogiordano {
    margin-top: 20px;
    margin-left: 20px;
    float:left;
    
}

article h1 {
    margin-top: -250px;
    float:right;
    width: 330px;
    margin-left: 170px;
    margin-right: 16px;
    font-size: 22px
}

article #fotogiordano p {
    width: 330px;
    float: right;
    margin-top: -230px; 
    padding:8px;
    margin-left: 210px;
    margin-right: 10px;
}



article #fotodoberti {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}

article h2 {
    margin-top: -250px;
    float:right;
    width: 330px;
    margin-left: 170px;
    margin-right: 10px
}

article #fotodoberti p {
    width: 330px;
    float: right;
    margin-top: -230px; 
    padding:8px;
    margin-left: 210px;
    
}

article #columnaderindex {
    width: 290px;
    height: 659px;
    float: right;
    margin-top:320px;
    margin-right: 20px;
    border-bottom-color:#DC901A;
    border-left:2px solid #DC901A;
    border-right:2px solid #DC901A;
    border-bottom: 2px solid #DC901A;
    border-top: 2px solid #DC901A;
}

article #docentes {
    color: #DC901A;
    width: 260px;
    float:right;
    margin-right: 15px;
}

article #docentes p{
    font-size: 8pt;    
}



/* morfología 1 */

#opcionesmorfologia1 nav ul{
    margin-top: 300px;
    float: left;
    
}
/* MORFOLOGIA 1 *//* MORFOLOGIA URBANA */

#opcionesmorfologia1 nav ul li{
    margin-top: 10px;
    float: left;
    padding: 1rem;
    color: #000;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    
}

#opcionesmorfologia1 nav ul li a{
    float:left;
    margin-left: px;
    color: #fff;
}

#opcionesmorfologia1 nav ul li a:hover{
    float:left;
    color: #CA4F23;
    background-color: #2a2a2a;
    
}

#morfologiaurbana {
    width: 300px;
    height: 316px;
    float: left;
    background-color: #2a2a2a; 
    margin-top: 358px;
    margin-left: -380px;
}

#morfologiaurbana p {
    width: 260px;
    color: #fff;
    font-size: 10pt;
    margin-left: 20px;
    font-weight: normal;
    font-family: Arial Narrow, Arial, Helvetica;
    
}

#titulomorfourbana {
    font-size: 12pt;
    background-color: #2a2a2a;
    float: left;
    margin-top: 310px;
    margin-left: -380px;
    font-family: Arial, Helvetica, sans-serif;
    width: 170px;
    height: 50px;
}

#titulomorfourbana p {
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px;
    color: #fff
}

#fechasmorfo1{
    float:right;
    margin-top: 356px;
    color: #EBBE78;
    margin-right: 20px;
    list-style: none;
        

}

#fechasmorfo1 nav ul{
    list-style: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-top: 1px solid #DC901A;
    text-decoration: none;
    width: ;
    height: 20px;
    
}

#fechasmorfo1 nav ul li a{
    color:#EBBE78; 
    text-decoration: none;
    
}

#morfologiarquitectonica {
    width: 300px;
    height: 300px;
    float: left;
    background-color: #2a2a2a; 
    margin-top: 358px;
    margin-left: -300px;
}

#morfologiarquitectonica p {
    width: 260px;
    color: #fff;
    font-size: 10pt;
    margin-left: 20px;
    font-weight: normal;
    font-family: Arial Narrow, Arial, Helvetica;
}

#titulomorfoarquitectonica {
    font-size: 12pt;
    background-color: #2a2a2a;
    float: left;
    margin-top: 310px;
    margin-left: -220px;
    font-family: Arial, Helvetica, sans-serif;
    width: 220px;
    height: 50px;
}

#titulomorfoarquitectonica p {
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 20px;
    margin-left:22px;
    color: #fff;
    width:200px
}

#trabajosarquitectonica h4 {
    float: left;
    color: #EBBE78;
    margin-top: 324px;
    margin-left: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;    
}

#columna4 {
    width: 100px;
    height: 500px;
    float:left;
    margin-top:370px;
    margin-left: -103px
}

#Foto1 {
    margin-bottom: 20px;
}

#Foto2 {
    margin-bottom: 20px;
}

#Foto3 {
    margin-bottom: 20px;
}

#Foto4 {
    margin-bottom: 20px;
}

#columna5 {
    float:left;
    margin-top:370px;
    margin-left: 23px;
    margin-bottom: 2px
}

#Foto5 {
    margin-bottom: 20px;
}

#Foto6 {
    margin-bottom: 20px;
}

#Foto7 {
    margin-bottom: 20px;
}

#Foto8 {
    margin-bottom: 20px;
}

#columna6{
    float:left;
    margin-top:370px;
    margin-left: 23px;
}

#Foto9 {
    margin-bottom: 20px;
}

#Foto10 {
    margin-bottom: 20px;
}

#Foto11 {
    margin-bottom: 20px;
}

#Foto12 {
    margin-bottom: 20px;
}

#trabajosurbana h5 {
    float: left;
    color: #EBBE78;
    margin-top: 324px;
    margin-left: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;    
}

#columna7 {
    width: 100px;
    height: 500px;
    float:left;
    margin-top:370px;
    margin-left: -103px
}

#Foto13 {
    margin-bottom: 20px;
}
#Foto14 {
    margin-bottom: 20px;
}
#Foto15 {
    margin-bottom: 20px;
}
#Foto16 {
    margin-bottom: 20px;
}
#Foto17 {
    margin-bottom: 20px;
}
        
#columna8 {
    float:left;
    margin-top:370px;
    margin-left: 23px;
    margin-bottom: 2px
}

#Foto18 {
    margin-bottom: 20px;
}
#Foto19 {
    margin-bottom: 20px;
}
#Foto20 {
    margin-bottom: 20px;
}
#Foto21 {
    margin-bottom: 20px;
}
#Foto22 {
    margin-bottom: 20px;
}

#columna9{
    float:left;
    margin-top:370px;
    margin-left: 23px;
}

#Foto23 {
    margin-bottom: 20px;
}
#Foto24 {
    margin-bottom: 20px;
}
#Foto25 {
    margin-bottom: 20px;
}
#Foto26 {
    margin-bottom: 20px;
}
#Foto27 {
    margin-bottom: 20px;
}



#columnaizqnoticias {
    margin-top: 330px ;
    margin-left: 20px;
    float:left;
    color:#fff;
    width: 700px;
    height: 650px; 
    background-color: #6d6d6d;
}

#columnaizqnoticias h7{
    margin-left: 20px;
    margin-top: -30px;
    float:left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    padding:20pt;
    background-color: #EBBE78;
    
    
    
    
}

#columnaizqnoticias h8{
    margin-left: -150px;
    margin-top: 70px;
    float:left;
    font-size: 14pt;
}

#columnaizqnoticias p{
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    float:left;
    font-size: 10pt;
    
}

#entrevista h9{
    margin-left: 20px;
    margin-top: 20px;
    float:left;
    font-size: 11pt;
}

#nota{
    float: left;
    margin-top: 50px;
    margin-left: -190px;
    
    
}


div #ultimasnoticias{
    float:right;
    width: 200px ;
    height: 390px;
    margin-right: -215px;
    margin-top: -290px ;
    border-left: 1px solid #EBBE78;
}

#ultimasnoticias{
    float:right;
    width: 200px ;
    height: 600px;
    margin-right: -110px;
    margin-top: -110px ;
    border-left: 1px solid #EBBE78;
    border-top: 1px solid #EBBE78;
}
#ultimasnoticias h9{
  float:right;
    width: 200px ;
    height: 40px;
    text-align: center;
    color:#EBBE78;
}


#ultimasnoticias nav ul{
    list-style:circle solid #EBBE78;
    
}

#ultimasnoticias nav ul li a{
    color:#EBBE78;
    text-decoration: none;
    font-size: 10pt;
}

#registro1{
    float:right;
    width: 200px ;
    height: 260px;
    margin-right: ;
    margin-top: px ;
    border-left: 1px solid #EBBE78;
    border-top: 1px solid #EBBE78;
}

#fotocatedra {
    margin-top: 310px;
    float:left;
    margin-left: px;
    }

#fotonoticias {
    float:left;
    margin-top: 310px;
    margin-left: 20px;
}

#fotomorfo1 {
    float:left;
    margin-top: -12px;
    margin-left:19px
}

#fotomorfo2{
    float: left;
    margin-top: -12px;
    
}


#columna10 {
    width: 100px;
    height: 500px;
    float:left;
    margin-top:370px;
    margin-left: -103px
}

#Foto28 {
    margin-bottom: 20px;
}
#Foto29 {
    margin-bottom: 20px;
}
#Foto30 {
    margin-bottom: 20px;
}
#Foto31 {
    margin-bottom: 20px;
}
#Foto32 {
    margin-bottom: 20px;
}
        
#columna11 {
    float:left;
    margin-top:370px;
    margin-left: 23px;
    margin-bottom: 2px
}

#Foto33 {
    margin-bottom: 20px;
}
#Foto34 {
    margin-bottom: 20px;
}
#Foto35 {
    margin-bottom: 20px;
}
#Foto36 {
    margin-bottom: 20px;
}
#Foto37 {
    margin-bottom: 20px;
}

#columna12{
    float:left;
    margin-top:370px;
    margin-left: 23px;
}

#Foto38 {
    margin-bottom: 20px;
}
#Foto39 {
    margin-bottom: 20px;
}
#Foto40 {
    margin-bottom: 20px;
}
#Foto41 {
    margin-bottom: 20px;
}
#Foto42 {
    margin-bottom: 20px;
}






footer {
    margin-bottom: 0px;
	width:960px;
	height:100px;
	background-color:#DB9600;
	clear:both;
    text-decoration: none;
}


footer nav ul li {
    text-decoration:none;
	text-decoration-style: none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
    color: #fff;
    float:left;
    margin-top: 1px;
    margin-left: 60px;
    list-style: none;
    
}


footer nav ul li a{
    text-decoration:none;
	text-decoration-style: none;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
    padding: 1rem;
    color: #fff;
    float:left;
    margin-top: 0px;
    font-size: 10pt;
    list-style: none;

}




footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
    margin-top: 25px;
    margin-left: 50px;
    margin-right: 50px;



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


@media all and (min-width:641px;)
and (max-width:840px;)
{
div#redes{
width: 10rem;
position: absolute;
top: 8rem:
right:0,2rem;
right: 0,2rem;}
section # html_imgpixelear{
float: right;
width: 47%;
}
section # html.svg {
float:left;
width: 47%;
}