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

/* CSS Document */
*{padding: 0;}
a:link{color: #000; text-decoration: none}
li a:hover{ color: #98cb32; background:#000; font-weight:700;}
body{font-family: Rosario; background:url(fondo.jpg)}
div{ max-width:960px; position:relative;margin: 0px auto 0px auto;}
header{ width:100%;}
#redes {position:absolute; top:9%; margin: 0 0 0 87%;}
header nav{ float:none; margin:15px 0 0 10px;}
header nav ul li{ float:left; list-style-type:none;}
header nav ul li a{ color:#000; text-decoration:none; padding:0px 25px 0px 25px;}
section {}
.portada {background:url(portada1.jpg); min-height:400px; padding:5%; margin:60px 0 0 0}
section article{width:75%;float:left; position:relative; top:300px;}
section aside{ width:25%;float:center;}
footer{ width:100%; display:table; padding:50px 0 0 0; position:relative;}
footer p{ font-size:10px; color:#000; text-align:center;}


.titulobloque {font-family:Rosario; font-size:16px; font-weight:700; text-align:left; color:#90C}
.bloque {font-family:Rosario; font-size:13px;font-weight:100;text-align:left;color:#000}

.logocolumna {position:absolute;margin:-18% 14% 3% 28%}
#logocolumna3 {position:absolute;margin:-19% 14% 3% 45%}

.trescolumnas {weight:960px; height:135px; margin: -49% -16% 29% -1%; }
.trescolumnas article {width:25%; background:#98cb32; min-height:20px; float:left; margin:0 1% 0 1%; padding:1%}
.link1 {color:4c0a6a; text-decoration:underline; Font-family:Rosario; font-style:italic; font-size:14px}

header h1 {position:absolute; top:1.5%; margin: 0px 0px 0px 90px;}
header h2 {position:absolute; top:9%; margin: 0 0 0 9.7%;}

.bold {font-size:40px; color:#000; font-weight:700}
.regular {font-size:18px; color:#90C; font-weight:400}
#barra {font-size:21px; color:#000; font-weight:400}
.lineafina {width:960px;height:1px; background-color:#000;color:#000;position:absolute; top:60px;margin: 38px 0px 0px 0px; }
.lineabold {width:960px;height:4px; background-color:#000;color:#000;position:absolute; top:60px;margin: 77px 0px 0px 0px; }













/* Solo para celulares */
@media screen and (max-width:320px) {
	header{ width:100%; height:150px;}
	section article{ width:100%;}
	section aside{ width:100%; font-size:10px; display:none;}
	header nav{ float:none; width:100%; background:#096;}
	header nav ul li a{ color:#FFF; text-decoration:none; padding:10px; margin:0px; font-size:10px;}

}