@import
url(http://fonts.googleapis.com/css?family=Exo:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

/*etiqueta*/

* {margin:0; padding:0;}

a:hover {color:#F36;}

header {width:100%; }

h1 {float:left; color:#98CB33; margin: 15px 20px 50px 15px; font-family: 'Exo', sans-serif; font-weight:400; }

body { background: #2C4261; font-family: 'Rosario' , sans-serif;}

footer {width:100%; background:#F36; display:table; min-height: 30px; height: 40px; float:left;}

header nav { float:left; width: 100%; margin: 5px 0 70px 0; }

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

section { background: #2C4261; width: 100%; display:table; float: left; margin: 0 0 30px 0;}

footer div {width: 540px; float:right;}

footer div p { color:#2C4261; font-size:10px; text-align: right; padding: 15px 30px 15px 15px;}




/*class*/

.link {color:#98CB33; text-decoration:none; font-family: 'Exo', sans-serif; font-weight:500; font-size: 13px; text-justify: distribute; }

.redes { padding: 0px 0px 0px 30px;}

.titulo { color:#98CB33; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 40px;}

.parrafo2 {color: #F36;  font-family: 'Rosario' , sans-serif; font-weight:400; font-size: 18px; text-align: center; margin:5px 0 0 0;}


/* ID */

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

#logo{
float:left;}

#header1{ display:block}

#header2 {float:right; margin: 15px 0px 50px 20px;}

#redes {float:left; width: 300px; padding: 15px 0 0 0;}

#divfoto { width: 340px; height:340px; float:left; margin: 0 20px 0 0;}

#anexo { width: 280px; padding:20px 30px 20px 30px;float:left; background:#2C4261; margin:360px 20px 0 0; position:absolute; height: 50px; border-bottom:#F36 2px solid; border-top: #F36 2px solid;}

#botonera {width:100%; height:30px; float:left; width: 100%; border-bottom:#98CB33 2px solid; border-top: #98CB33 2px solid ; margin: 0 0 70px 0; }

#columna1 {width:230px; height:394px; background:#F36; float:left; padding:30px;}

#columna1 p {color:#2C4261; font-size: 16px; font-family: 'Rosario', sans-serif; font-weight:400;}

#columna2 {  width: 250px; float:left; background:#F36; height:414px; margin:0 0 0 20px; padding: 20px;}

#columna2 h2 {color:#98CB33; font-family: 'Rosario', sans-serif; font-weight:700; font-size: 14px;}

#columna2 ul li {list-style-type: square; color:#2C4261; font-size:12px; font-family: 'Rosario', sans-serif; font-weight:400; margin:8px 0 0 10px;}

#abajo1 {width: 650px; height: 200px; background: #98CB33; float:left; margin: 20px 0 0 0;}

#abajo1 img {float:left;}

#textoalumnos {float:left; width: 270px; margin:20px 0 0 10px;}

#textoalumnos h2 {color:#F36; font-family: 'Exo', sans-serif; font-weight:800; font-size: 24px;  margin: 20px 0px 0 0;}

#textoalumnos p {color: #2C4261; font-family: 'Rosario' , sans-serif; font-weight:400; font-size: 16px;}

#abajo2 {width: 290px; height: 200px; background: #98CB33; float:left; margin: 20px 0 0 20px;} 

#abajo2 img {margin: 20px 0 0 25px;}
 
#paginaactiva {background: #98CB33; color: #2C4261;}