@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

/* CSS Document */
* {margin:0; padding:0;}
body {font-family: 'Roboto Condensed', sans-serif; font-size:16px; text-transform:none;} 
/*300 light / 700 bold*/
a {text-decoration:none;}


#container {
	margin:0 auto;
	box-sizing:border-box;
	max-width:1100px;
	}

.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}

header {
	padding:28px 0;
	width:100%;
	float:left;
	box-sizing:border-box;
	}

.redes-sociales { width:13%; float:left; padding-top:30px;}

nav {
	width:100%;
	float:left;
	background:#37bdbf;
	border-bottom:none;
	border-top:none;
	box-sizing:border-box;
	margin-bottom:10px;
	font-family: 'Roboto Condensed', sans-serif; font-size:16px;}
	
nav ul {
	list-style-type:none;
}
nav ul li {
	float:left;
	color:#ffffff;
	font-size:1rem;
	text-transform:uppercase;
	text-decoration:none;
    text-align:center;
	}
	
nav .menu  {
	float:left;
	color:#ffffff;
	font-size:1rem;
	padding:10px 40px 15px 40px;
	text-transform:uppercase;
	text-decoration:none;
    text-align: center;
	box-sizing:border-box;
	}

nav a.menu:hover  {
	float:left;
	color:#fff;
	font-size:1rem;
	text-transform:uppercase;
	text-decoration:none;
    text-align: center;
	background:#fcb129;
	}

nav .menu-final {
	float:left;
	color:#ffffff;
	font-size:1rem;
	padding:10px 40px 15px 40px;
	text-transform:uppercase;
	text-decoration:none;
    text-align: center;
	box-sizing:border-box;
	}

nav a.menu-final:hover  {
	float:left;
	color:#fff;
	font-size:1rem;
	text-transform:uppercase;
	text-decoration:none;
    text-align: center;
	background:#fcb129;
	}

p { width:100%;}
	
section { 
	width:100%;
	margin-bottom:5px;
	float:left;
	max-width:1100px;
	}
	
section article {
	width:100%;
	float:left;
	min-width:1100px;
	min-height:400px;}

.icons { width:100%; float:left; margin:30px 0;}
.individual { width:25%; float:left; text-align:center;}


.contenedor_recuadros { width:100%; float:left;}
.cuadro-grande {
	width:38%; 
	margin:1%; 
	margin-left:0px; 
	margin-right:0px; 
	min-height:205px; 
	float:left; 
	background:#f7b137;
	padding-top:;
	}
.cuadro-icono { 
	width:19%; 
	margin:1%;  
	min-height:205px; 
	float:left; 
	background:#b0daea;
	}
.cuadro-foto { 
	width:19%; 
	margin:1%; 
	margin-right:0px; 
	min-height:205px; 
	float:left; 
	}
.cuadro-chico { 
	width:19%; 
	margin:1%;
	margin-left:0px; 
	margin-right:0px; 
	min-height:205px; 
	float:left; 
	background:#119cd8;
	}
.section-recuadros {
	width:100%;
	float:left;
	box-sizing:border-box;
	}
a.cuadro-icono:hover {
	width:19px;
	float:left;
	box-sizing: border-box;
	background: #f7b137;
	opacity:10%;
}

footer {
    width: 100%;
    background:#37bdbf; 
    margin-top:10px; 
    padding:10px 10px 5px 10px; 
    box-sizing:border-box;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif, 400;
    font-size: 0.8rem;
	text-align:center;
}



/*Estilos de Texto*/
h1 {padding:0; margin:0; float:left; width:87%;}
h2 {padding-top:80px; margin:0; float:left; color:#fff; font-size:2.5rem; width:100%; font-weight:400; text-transform:uppercase; text-align:center; }
h3 {padding-top:80px; margin:0; float:left; color:#fff; font-size:0.8rem; width:100%; font-weight:300; text-transform:lowercase; text-align:center; }