/* CSS Document */

* {margin:0; padding:0;}

body {font-family: 'Rosario', Arial, Helvetica, sans-serif; background:#FFF; background-image:url(img/bgnoise_lg.png);}
div {max-width:960px; position:relative; margin: 0px auto 0px auto;background-image:url(img/bgnoise_lg.png);}
header { width:100%; background:#333333; margin-bottom: 15px;}
header img { width: 15%; height: auto; margin: 5px 0px 5px 5px;}
header nav { float:right; margin:35px 0 0 0;}
header nav ul li{ float: left; list-style-type:none; background:none;}
header nav ul li a {font-size:10px; text-decoration:none; margin:10px; padding:5px; background:#513897; color:#FFF;}
section { width:100%; height: auto;  color:#FFF; background-color: #FFF;}
section article { width:69%; float:left; height:auto; padding: 3%; background:#666666;margin-bottom: 15px;margin-right:1%;}
section aside { width:22%; background:#761F87; float:right; height:130px;padding: 1%;padding-top:8px;list-style-type:none; text-decoration:none;}
footer { width:100%; background:#CCC; display:table;}

div nav ul li a {font-size:10px; text-decoration:none; margin:10px; padding:5px; background:#513897; color:#FFF;}
p { font-size:12px;}
footer p {text-align: center;}
h1 { font-size: 20px;}
h2 { font-size: 15px;}
section article p { margin-top: 20px; max-width: 80%;}
section article a { text-decoration:none;}
a {text-decoration:none;color:#FFF;text-align:center; background-color:#7EB61F; margin:10px; width:100%; height:50px;}

.scarbol{ width:100%; height: auto;  color:#FFF; background-color: none; background:none;}

/*   páginas individuales*/

section article ul li { float: left; list-style-type:none; background:none;width: 100%;}
h3 { font-size: 12px;}




@media screen and (max-width: 320px) {
	
	section article { width:100%;}
	section aside { display:none;}
	h1 { color:#333;}
	header img { width: 30%; margin: 2px 35% 2px 35%;}
	header nav { float:right; margin:35px 0 0 0; display:none;}
	h2 { font-size: 12px;}
}

@media screen and (min-width: 321px) and (max-width: 720px) {
	
	section article { width:100%;}
	section aside { width:100%;}
	h1 { color:#CCC;}
	h2 { font-size: 20px;}
	header nav { float:right; margin:35px 0 0 0; display:none;}
}