* {margin: 0; padding: 0; border: none; list-style: none; text-decoration: none; font-weight: normal;}

body {font-family: 'Lato', sans-serif;}

.sitio {
	float: left;
	width: 100%;}
	
	header {
		float: left;
		width: 100%;
		height: 70px;
		background: #231f20;}
		
	section {
		float: left;
		width: 100%;}
		
		.contenido {
			margin: 0 auto;
			width: 960px;
			min-height: 570px;}
			
		.home {background: url(../imagenes/backHome.jpg) 0 0 no-repeat;}
		
	footer {
		float: left;
		width: 100%;
		height: 40px;
		background: #231f20;}
		
	footer p {
		float: left;
		padding: 5px 2% 0 2%;
		width: 96%;
		font-size: 10px;
		color:  #CCC;}
		
		
/* Header */

nav {float: right; width: auto;}
	
	nav ul {float: left; width: 100%;}

		nav ul li {
			float: left; 
			padding: 0 15px;
			width: auto; 
			height: 70px; 
			line-height: 70px;}
		
			nav ul li a {
				float: left; 
				width: auto;
				font-size: 12px;
				color: #98cb32;
				font-weight: 300;}
				
				nav ul li a:hover {color: #FFF;}
				
.redesSociales {
	float: right;
	width: auto;
	height: 70px;
	line-height: 70px;}
	
	.redesSociales a {
		margin-right: 15px;
		width: auto;}

/* Contenido */

.cuerpo {
	float: left;
	margin: 10px;
	width: 700px;
	min-height: 430px;}
	
.columna {
	float: right;
	margin: 10px;
	width: 220px;}
	
	.cajaColumnaHome {
		float: left;
		margin-bottom: 10px;
		padding: 10px;
		width: 200px;
		background: #231f20;}
		
		.cajaColumnaHome h3 {
			float: left;
			width: 100%;
			font-size: 22px;
			color: #98cb32;
			font-weight: 700;}
			
			.cajaColumnaHome h3 span {
				float: right;
				width: auto;
				font-size: 12px;
				color: #FFF;
				font-weight: 300;}
		
		.cajaColumnaHome p {
			float: left;
			margin-top: 5px;
			width: 100%;
			font-size: 11px;
			color: #c1c1c1;
			font-weight: 500;}
			
		.cajaColumnaHome a {
			float: left;
			margin-top: 5px;
			width: 100%;
			font-size: 12px;
			color: #98cb32;
			font-weight: 300;}
			
			.cajaColumnaHome a:hover {color: #FFF;}
	
.botonesHome {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	background: #231f20;}
	
	.bannerHome {
		float: left;
		margin: 0 10px;
		width: 220px;}
		
	.bannerNivel {
		float: left;
		margin: 0 10px;
		width: 100px;
		height: 83px;
		background: #98cb32;
		font-size: 43px;
		color: #FFF;
		font-weight: 700;
		text-align: center;
		line-height: 83px;}
		
		.bannerNivel:hover { background: #FFF; color: #98cb32;}
	
	.submenuHome {
		float: left;
		margin: 0 10px;
		padding-top: 10px;
		width: 220px;}
		
		.submenuHome a {
			float: left;
			width: 100%;
			font-size: 12px;
			color: #98cb32;
			font-weight: 300;}
			
			.submenuHome a:hover {color: #FFF;}
			
/* Pagina niveles */

.imagenNivel {
	float: left;
	width: 100%;
	height: 170px;}
	
	.nivel2 { background: url(../imagenes/nivel2.jpg) no-repeat;}
	
.columna .submenuHome {
	padding: 0;
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #666;}
	
	.columna .submenuHome a {color: #231f20;}
			
			.submenuHome a:hover {color: #98cb32;}
			
.bannerColumna {
	float: left;
	width: 100%;
	margin-bottom: 10px;}
	
article {
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	width: 680px;
	background: #FFF;
	box-shadow: #CCC 0 0 10px;}
	
	.articleColumnaIzquierda {
		float: left;
		width: 220px;}
		
	.articleColumnaDerecha {
		float: right;
		width: 445px;}
		
		.articleColumnaDerecha h1 {
			float: left;
			padding-bottom: 5px;
			margin-bottom: 10px;
			width: 100%;
			font-size: 22px;
			font-weight: 700;
			color: #231f20;
			border-bottom: 1px dotted #999999;}
			
		.articleColumnaDerecha p {
			float: left;
			margin-bottom: 10px;
			width: 100%;
			font-size: 12px;
			font-weight: 300;
			color: #4e4e4e;}
			
			.articleColumnaDerecha p a {
				float: left;
				width: 100%;;
				color: #84a931;}