/* CSS Document */
*{ margin: 3px; border: none; padding:0px;}
body{font-family: Rosario; font-family:; background:#37BC9B; background- repeat: no-repeat; margin: 0px; padding:13px;}
div{ max-width:960px; position:relative; margin: 0px auto 0px auto;}
header{ width:960px; height:50px; margin:30px 0 0 0;}
header p{font-weight:bold; margin:20 20 20 20; color: #FF0; font-size:30px;}

header nav{ width: 960px; list-style-type:none; height:50px;}
header nav ul li{ float: left; list-style-type:none;}
header nav ul li a{ padding:10px; margin:20px 20px 20px 20px; background: #FF0; color:#F0F; font-size:15px;}

.columna-d-2 {width: 4%; height: -39px; margin:60px 0px 21px 28px; padding: 27%; position: relative; float: right; background: #37BC9B; }
section { width:100%; height:500px; padding:5%; margin:50px 10px 10px 10px; position: relative; float: left; background: #37BC9B; }

.columna-d-2 article { width: 45%; height:300px; margin: -582%; padding: 1%; position: none; float: left;  }
aside{ width:209px; height:482px; margin: 611px 13px 1155px 682px; padding: 1%; position: relative; float: none; background: #FF0 }


footer p{ font-size:12px; color: #FF0; text-align:justify; }

footer { width:100%;display: table; padding:40px 0px 40px 0px; background:#3C69B4; border-bottom-color: #CCC ; margin: 10px 0 10px 0; border-bottom-style:dashed}

div#redes {float:right}
 
 
















@media screen and (max-width:320px) {
	header{ width:50%; height:100px;}
	section article{ width:100%;} 
	section aside{ width:100%; font-size:10px; display:none;}
	header nav{ float:right; margin:25px; width:40%}
	header nav ul li a{color:#CCF; text-decoration: underline; padding:7px; margin:7px; background:#309; border-bottom:outset; border-bottom-style:dotted; border-width: thick; cursor: crosshair; color:#F0F; font-size:10px: }

}
/* CSS Document */