@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;}
header nav { float:left; width: 100%; margin: 20px 0 70px 0; }
header nav ul li {list-style-type:none; text-align:center; display: table-cell; display:block; float:left;}
nav ul li a img {display:block;}
section { background:#2C4261; width: 100%; display:table; float: left; margin: 0 0 30px 0;}
section article h2 { color:#98CB33; font-family: 'Rosario', sans-serif; font-weight:400; font-size: 42px;}
section article { width: 280px; padding: 30px; float:left; background:#F36; margin: 0 20px 0 0;}
section article p {color: #2C4261; font-family: 'Rosario' , sans-serif; font-weight:400; font-size: 16px; text-align:justify; margin: 30px 0 0 0;}
section aside { width: 540px; padding: 30px; float:left; background:#98CB33;}
section aside img {width: 540px;}
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;}
.parrafo2 {color: #98CB33;  font-family: 'Rosario' , sans-serif; font-weight:400; font-size: 10px; text-align: center; margin:5px 0 0 0; float:left;}


/* 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;}

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

#anexotexto {float:left; width:220px; margin: 0 0 0 20px;}

#mapa {float:left; margin:10px 0 0 0; }