/* CSS Document */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    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: #000;

 
}

div#pagina {
	width: 960px;
    height: 20px;
	background-color:#ff50c8;
	margin bottom: 200px;
}



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

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


header h1 {
	font-family:"bebas-neue-fontfacekit", Arial, Helvetica, sans-serif;
	font-size:30px;
	text-align:center;
	color:#fa488f;
	margin-top: 15%;
    margin-left: -20%;
}

header h2 {
	font-family:"bebas-neue-fontfacekit", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#ff50c8;
	margin-top: -2%;
    margin-left: 29%;
}

header nav {
	position:absolute;
	width:150px;
	height:34px;
	top:220px;
	margin-left:180px;
    float: right;
    width: 70%;

}

ul {
	list-style:none;
    margin-top: 20;
    margin-left: -190px;
    width: 960px;
    margin-left: 7%;
}

header nav ul li {
	float:left;
	margin top:200px;
    padding: 8px;
	width:150px;
	height:35px;
    border-left:2px; 
    border-right:2px; 
    border-bottom: 3px; 
    border-top: 3px; 

}


header nav ul li a {
	color:#000;
	text-decoration:blink;
	display:block;
	background-color:#fa488f;
	text-align:center;
	font-family:"bebas-neue-fontfacekit" Arial, Helvetica, sans-serif;
    padding: 8px;
	
}

header nav ul li a:hover {
	color:#fa488f;
	background-color:#000;
}



article {
    height: 900px;
	background-color:rgb(0, 0, 0);
    color: rgb(0,0,0);
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
    
}

article h1 {
    font-size:30px;
	color:#fff;
	margin-left:34px;
	margin-top:px;
	margin-bottom:20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    float:left
	
}

article h3 {
    font-size:10px;
	color:#fff;
	margin-left:10px;
	margin-top:px;
	margin-bottom:20px;
    font-family: Arial, Helvetica, sans-serif;
    float:left
	
}
article p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#fff;
	margin-left:34px;
	margin-top:20px;
	margin-bottom:20px;

}

article nav ul  {
   
    top:380px; 
    width:920px; 
    height: 800px;
    margin-left: 0px;
}

article nav ul li a  {
    float:right;
    padding: 2rem;
    
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    }

article div#diseñologotipo nav ul li a{
    float:left;
    display: block;    
    padding: block;
}

article div#columna1 {
    float:left;
    margin-top: 300px;
    margin-left:40px;
    height: 565px;
    width: 200px;
    background-color: #242424;
    
}

article div#columna1 p{
    float:left;
    margin-top: 8px;
    margin-left:10px;
    width: 180px;
    font-size: 8pt;
}

article div#logofadu {
    float:left;
    margin-left:25px;
    margin-top: 20px;
}

#columna2 {
    float:left;
    margin-top: -380px;
    margin-left:250px;
    margin-right: 20px;
    height: 380px;
    width: 643px;
    background-color: #242424;
    
}

article div#columna2 p{
    float:left;
    margin-top: 8px;
    margin-left:33px;
    width: 500px;
    font-size: 9pt;
    color: #fffcfc
}

article h7 {
    float:left;
    color: #fff;
    margin-left:13px;
    font-size: 18px;
    margin-top: 20px
}

#logodgpc {
    float: left;
    margin-left: 10px;
}

#columna4{
    float:left;
    margin-left: 250px;
    margin-top: -590px;
    width: 630px;
    height: 560px;
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
    background-color: #242424;
}



article div#columna4 p{
    float:left;
    width: 550px;
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
    background-color: #242424;
    font-size: 14px;
    margin-top: 50px;
    margin-left: -72px;
}


#columna6{
    float:left;
    margin-left: 250px;
    margin-top: -430px;
    width: 630px;
    height: 500px;
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
}   
h8 {
    float:left;
    color: #fff;
    margin-left:13px;
    font-size: 18px;
    
}

article div#columna6 p{
    float: left;
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
    font-size: 14px;
    width: 300px;
    margin-top: 35px;
    margin-left: -250px
}

#columna7{
    float:left;
    margin-top: 350px;
    margin-left: -125px
}

#portfolio1 {
    margin-bottom: 20px;
}

#portfolio2 {
    margin-bottom: 20px;
}

#portfolio3 {
    margin-bottom: 20px;
}

#portfolio4 {
    margin-bottom: 20px;
}

#columna8{
    float: left;
    margin-top: 350px;
    margin-left: 5px
}

#portfolio5 {
    margin-bottom: 20px;
}

#portfolio6 {
    margin-bottom: 20px;
}

#portfolio7 {
    margin-bottom: 20px;
}
#columna9{
    float: left;
    margin-top: 350px;
    margin-left: 5px;
}

#portfolio8 {
    margin-bottom: 20px;
}

#portfolio9 {
    margin-bottom: 20px;
}

#portfolio10 {
    margin-bottom: 20px;
}

h10{
    float:left;
    margin-top: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    color:#fff;
    margin-left: 40px;
} 

h11{
    float: left;
    color:#fff;
    font-family: Arial, Helvetica,sans-serif;
    margin-left: 452px;
    font-size: 8pt;
    margin-top: -40px;
}


#mapasitio{
    float:left;
    margin-top: 356px;
    color: #EBBE78;
    text-align: left;
    list-style: none;
    width: 200px;

}

#mapasitio nav ul{
    list-style: none;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    text-decoration: none;
    width: 200px;
    height: 10px;
    text-align: left;
    
}

#mapasitio nav ul li a{
    color:#EBBE78; 
    text-decoration: none;
    text-align: left;
    float: left;
    margin-bottom: -50px;
}

#rotuloindividual{
    margin-left: -50px;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif
    color:
}

#iniciodoberti{
        margin-left: 60px;
}

#catedra{
        margin-left: 60px;
}

#Morfologia1dob{
        margin-left: 60px;
}

#Morfologia2dob{
        margin-left: 60px;
}

#noticias{
        margin-left: 60px;
}


footer {
    margin-bottom: 0px;
	width:960px;
	height:100px;
	background-color:#2a2a2a;
	clear:both;
    margin-top: 20px;
}

footer h1{
    
}
footer p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	text-align:center;
}


@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%;
}
}