@charset "utf-8";
/* CSS Document */

body { margin:0;
	font-size:12px;
	font-family:sans-serif;
	color:#3d3e3b;}

#top { width:100%;
	background-color:#b5e1e6;
	color:#fff;}
	
#top p { max-width:960px;
		margin:0 auto;
		text-align:right;
		font-size:0.7em;
		padding: 5px 10px}
		
header { margin:0 auto;
		max-width:960px;}
		
				
header ul 
	{ padding:0;}
		

header ul li {
    border-bottom: 1px solid #999;
    display: inline;
    font-size: 0.9em;
    list-style: none outside none;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 5px;
}

.logo { width:87px; margin:0 auto;}	

nav { width: 600px; margin:0 auto;}

main { max-width:960px;
	margin: 0 auto;
 }	
 
section {
    margin: 100px auto 0;
    width: 40%;
}
 
.primero { padding-left:60px;}
 
article {
    display: inline-block;
    height: 122px;
    line-height: 120px;
    width: 114px;
	text-align:center;
}

.hexag-borde { background:url(img/hexag-borde.png) no-repeat;}
.hexag-gris { background:url(img/hexag-gris.png) no-repeat; color:#FFF}
.hexag-img { background:url(img/hexag-img.png) no-repeat; text-indent:150px;}
.hexag-color { background:url(img/hexag-color.png) no-repeat;color:#FFF}
 
aside { width: 55%;
		text-align:center;
		margin:0 auto;
		color: #717175;
		margin-top:50px;}
		
aside h1 { font-size:1em}

aside p { font-size:0.8em; }
 
footer { background-color:#39395b;
		width:100%;
		bottom:0;
		position:absolute;} 	
		
footer p { max-width:960px;
			margin:0 auto;
			text-align:right;
			color:#FFF;
			padding:10px 0} 
			
.primero a { text-decoration:none; color:#333}
			
@media screen and (max-width: 600px) {

nav { width:300px;}

nav ul li { line-height:30px;}

section { margin-top:40px; margin-bottom:40px;}

.segundo { padding-left:60px;}

aside { display:none;}

.hexag-img { text-indent:0;}

footer { position:initial;}


}