@import url(http://fonts.googleapis.com/css?family=Varela+Round);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

/* etiquetas */

*{ padding:0;
margin:0;
}

a:link{ color:#3670BA;
}

a:visited{color:#3670BA;
}

a:hover{color:#E8345E; 
}

a:active{color:#E8345E;
} 


aside p{font-size:13px;
}

body{ background: #E8345E;
font-family: 'Rosario', sans-serif;
color:#28256D;
}

footer{ background:#28256D;
min-height: 50px;
width:100%;
display:table;
float: left;
margin:30px 0 0 0;
position:relative;
}

footer p{ font-size:10px;
color:#E8345E;
text-align:center;
}

footer div{ width:48%;
padding:1%;
float:left;
}

footer div img{ float:left;
margin: 5px;
}

h1{font-family: 'Varela Round', sans-serif;
font-weight:normal;
font-size:25px;
float:left;
color:#98CB33;
}

header nav{ float:left;
width:100%;
margin: 25px 0 50px 0;
}


header nav ul li{float: left;
list-style-type: none;
margin:0 1% 0 0;
width: 19%;
text-align:center;
display: table-cell;
display:block;
}

nav ul li a img { display:block;
margin:auto;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}

nav ul li a img:hover{
    margin-top: -3px;
}

section{width:100%;
min-height:325px;
display:table;
float:left;
}

section article{
width: 75%;
min-height:100px;
float:left;
}

section aside {background:#F0E21A;
width: 20%;
float:left;
min-height:150px;
padding:2.5%;
}

/*class*/


.enlaces{ color:#F0E21A; font-family: 'Rosario', sans-serif; 
font-weight:normal; 
font-size:12px; 
text-decoration:none;
margin:auto;
}

.enlaces:link{color:#F0E21A;
}

.enlaces:hover{color:#98CB33;
}

.enlaces:visited{color:#F0E21A;
}

.enlaces:active{color:#98CB33;
} 

.hlateral{ color:#98CB33;
font-weight:700;
text-align:center;
}

.iconos { list-style-type: none;
float: right;
margin: 1%;
}

.iconos2{ float:left;
margin:10px;
}

.img{width:100%;
}

.lateral{ width:24%;
margin:0 1% 0 0;
min-height: 1245px;
float:left;
background: url(img/fondocuadro.png) repeat-y;
border-bottom: #F0E21A solid 5px;
}


.lateral h3{ font-weight:normal;
font-size:16px;
text-align:center;
color: #28256D;
background:#F0E21A;
}

.lateral img { margin: 15px 78px;
}

.mide25{ width:24%;
margin:0 1% 0 0;
min-height: 20px;
float:left;
}

.mide25 img{ margin-top:15px;
}

.mide50{ width:50%;
min-height: 20px;
float:left;
}

.mide50 hr { background:#F0E21A;
height:5px;
border:none;
margin-bottom: 15px;
}

.mide50 img { float:right;
}

.mide70{ width:65%;
float:left;
margin: 0 2.5% 0 2.5%;
position:relative;
}

.mide75{ width:75%;
float:left;
min-height:100px;
}

.parrafo{ font-size:10px;
text-align:justify;
}

.titulo{font-family: 'Varela Round', sans-serif;
font-weight:normal;
font-size:24px;
color:#28256D;
}


/*ID*/

#bienvenidos{ width:26%;
padding:2%;
background:#98CB33;
float:left;
position:relative;
}

#contenedorprincipal{ 
max-width:960px;
position: relative;
margin: 20px auto 0 auto;
}

#header1{ display: block;
}
/*

#lateraliconos{width:26%;
padding:2%;
float:left;
background:#333;
}

*/

#arriba{ width:100%;
min-height:100px;
margin-bottom: 20px;
}

#lateraliconos{width:180px;
padding:2%;
float:left;
position: absolute;
top:810px;
}
 
#logo{float: left;
margin: 0px 1% 0px 0px;
}

#textobienvenidos{ font-family: 'Varela Round', sans-serif;
font-size:80px;
color: #98CB33;
margin-bottom: 20px;
}

#uba{ float:right;
width:40px;
}





/* PAGINA DE EQUIPO */

.nav{float: right;
margin: 25px 0 25px 0;
}

.nav ul li{float: right;
list-style-type: none;
margin:0 1% 0 0;
width: 10%;
text-align:center;
}

.nav hr { background:#F0E21A;
height:5px;
border:none;
width:100%; 
margin-bottom: 10px;
}

#aula{ margin: 762px 5% 7px 5%;
width:90%;
}

#paginaactiva{ border-bottom: #F0E21A 2px solid;
min-height:28px;
}

.titulares{ margin: 5% 0 0 15%;
width:85%;
height:161px;
float:left;
}

.titulares img { float:left;
margin:5px;
}


.lis {list-style-type:none; 
display: table-cell; 
display:block; 
float:left;
}


.lis img {display:block;
 margin: 5px;
 }

.doc{ font-size:12px;
margin: 0 0 0 7px;
background:#98CB33;
}


.docentes{width: 47%;
margin: 1%;
border:  dashed #98CB33;
min-height: 80px;
float: left;
}

.docentes h4{ text-align:center;
margin-top: 15px;
}

.docentes p { text-align:center;
font-size:12px;
margin-top: 10px;
}

.contenedor_docente{ min-height: 100px;
float:left;
 margin: 10% 0 0 0;
width:100%;
}

.contenedor_docente h3{ color: #F0E21A;
text-align:center;
margin-bottom:34px;
}