/* CSS Document */

*{margin:0;
padding:0;
}

a{ color: #AA2159;
text-decoration:none;
}

a:hover{ text-decoration:underline;
}

body{ font-family:"Courier New", Courier, monospace; background:#C60; background:url(img/kiwis.png) repeat;
}

div{ max-width:960px;
position:relative; 
margin:40px auto 0px auto;
}

header{ width:100%;
display:table;
margin:10px auto 10px
}

header img {float: left;
margin: 0 0 0 10px} 

section{ width:90%;
background:#FFF;
min-height: 657px;
color:#000;
padding:5%;
}

section article{ width: 70%;  float:left; 
}

section aside{ width:30%; float:right; 
}

footer{ width:95%; display:table; color:#FFF; font-size:10px; font-family:Verdana, Geneva, sans-serif; text-align:center; padding:2.5%; background:rgba(172,34,91,0.7);
}

header nav{ float:right; margin: 82px 0 0 0; display:block;
}


header nav ul li{float: left; color:#C90; list-style-type: none; margin:0 0 10px 10px;
}

header nav ul li a{text-decoration:none; color:#FFF; border: #FFF double 4px; padding:5px; margin: 10px; background:rgba(172,34,91,0.7); 
}

section aside h3 { margin: 5px;
}

.texto{ font-size:11px;
}

h2 {color: #AA2159;}

h1 {color: #AA2159;}

.tema { font-size: 16px; margin-bottom: -15px;
}

h3  {color: #AA2159;}

.secundario { margin-left:30px; margin-top:15px; color:#3C0;}

.principal { margin-top:15px; font-size:16px;}



@media screen and (max-width: 320px) {

section { background:#FFF; min-height:1000px; 
}

section article { width: 100%;
}

section aside { width:100%; 
}

header img { width:90%; position:relative; margin:0 10px 0 10px; 
}

header nav { width:100%; float:right; position:relative;}

header nav ul li a{ font-size:10px; color:#000; border:none; background:#FFF; padding:0 5px 0 5px; margin: 0 10px 0 10px;
}

footer p { display:none}

section article img {position:relative; margin:0 auto 0 auto;
	
}


}