@import url(http://fonts.googleapis.com/css?family=Raleway);

* {
margin: 0;
padding: 0
}

body {
font-size: 12pt;
background-color: #9ebC37;
font-family: "raleway";
}

#pagina {
width: 960px;
margin: 0 auto;
background-color: white;
overflow:auto
}

header {
background-image: url(imagenes/header.png);
background-repeat: repeat-x;
height: 150px
}

#logocatedra {
width: auto;
margin: 10px;
float: left
}

#logofadu {
width: auto;
margin: 10px;
float: right
}

/*estilos de links*/


nav ul {
list-style: none;
margin: 0px;
padding: 0px;
font-family: "raleway";
}

nav ul li {
float: left;
height: 60px;
width: 184px;
margin-right: 10px;
}

/*para sacarle el margen molesto al ultimo boton*/
nav ul li.lisinmargen { margin-right: 0 }

nav ul li a {
text-decoration: none;
color: white;
display: block;
background-color: #891c7d;
text-align: center;
line-height: 60px;
padding-left: 0.3rem;
padding-right: 0.3rem;
}

/* para cambiar color del link al pasar el mouse */
nav ul li a:hover {
color:#FFFFFF;
background-color: #d37C1C;
}

nav {
overflow: auto;
position: relative;
width: 100%;
}

/* estilos de main  */


#foto-central { 
background-color: rgba(255,255,255,0.3);
height: 250px;
padding-left: 50px;
padding-top: 30px;
}

#links-morfologia-general {
float: right;
margin-left: 64px;
margin-right: 25px;
margin-top: -17px;
width: 186px;
height: 215px;
background-repeat: no-repeat;
background-image: url(imagenes/mg.png);
}

#links-morfologia-general:hover { background-image: url(imagenes/mg_naranja.png) }

#links-morfologia-urbana {
float: right;
margin-left: 64px;
margin-right: -42px;
margin-top: -17px;
width: 186px;
height: 186px;
background-image: url(imagenes/mu.png)
}

#links-morfologia-urbana:hover { background-image: url(imagenes/mu_naranja.png) }

#links-morfologia-arquitectonica {
float: right;
margin-left: 100px:;
margin-right: -45px;
margin-top: -17px;
width: 186px;
height: 186px;
background-image: url(imagenes/ma.png)
}

#links-morfologia-arquitectonica:hover { background-image: url(imagenes/ma_naranja.png) }

#inscripcion2015 {
font-family: raleway;
text-align: left;
text-decoration: none;
color: #891c7d;
width: 292px;
margin-top: -8px;
margin-left: 32px;
margin-bottom: 39px;
height: 160px;
}


#inscripcion2015 h1 { }

#inscripcion2015 h2 {
margin: 5px 0;
font-size: 15px
}

#inscripcion2015 { font-size: 12px }

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*estilos del footer */


footer{clear:both}

#dato-final {
font-family: 'raleway';
font-size: 10px;
top: 20px;
padding-left: 10px;
left: 480px;
margin: 0px;
color: #ffffff;
position: absolute;
border-left: 2px solid #999;
top: 5px;
}

div#pie {
background-color: #FFFFFF;
background-image: url(imagenes/footer.png);
padding: 12px;
font-size: 11px;
color: white;
}

div#pie #legal {
font-family: 'Raleway';
font-size: 12px; /* width: 920px; */
margin: 10px auto;
line-height: 15px; /* left: 24px; */
text-align: center;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*nosotros.html*/
	
#a {
width: 232px;
float: left;
background-color: white;
margin-left: 78px;
height: 174px;
font-size: 11pt;
}

#b {
width: 209px;
float: left;
background-color: white;
margin-right: 14px;
margin-left: 10px;
height: 174px;
font-size: 11pt;
}

#c {
width: 199px;
float: left;
background-color: white;
margin-left: 38;
height: 174px;
font-size: 11pt;
}

#d {
width: 190px;
float: left;
background-color: white;
margin: 4px;
height: 174px;
font-size: 11pt;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*alumnos*/

h6 {color: #9ebC37;
    font-size: 15px;}

#a-alumnos, #b-alumnos {
width: 472px;
float: left;
background-color: white;
margin: 4px;
height: 215px;
font-family: raleway;
font-size: 11pt;
padding-left: 54px;
width: 396px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*niveles*/

#a-niveles, #b-niveles {
width: 425px;
float: left;
background-color: white;
font-family: raleway;
font-size: 11pt;
margin: 4px;
height: 439px;
padding-left: 33px;
margin-top: 30px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
/*contacto*/

#escribinos {
left: 411px;
margin-top: 30px;
margin-left: 205px;
margin-bottom: 40px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
#foto-central2 {
width: auto;
margin: 10px;
float: left;
margin-left: 290px;
margin-top: 30px;
height: 248px;
}