@charset "utf-8";
/* CSS Document */
html {
	font-size: 16px;
}
.row {
	/*fijar el ancho del proyecto desde el principio
con una unidad absoluta y no porcentaje ya sea en px o em*/
	width: 60em;
	padding: 0;
	margin: 0 auto;
	overflow:hidden;
}
.grid1 {
	width: 8.33333%;
	float: left;
}
.grid2 {
	width: 16.66666%;
	float: left;
}
.grid3 {
	width: 25%;
	float: left;
}
.grid4 {
	width: 33.33333%;
	float: left;
}
.grid5 {
	width: 41.66666%;
	float: left;
}
.grid6 {
	width: 50%;
	float: left;
}
.grid7 {
	width: 58.33333%;
	float: left;
}
.grid8 {
	width: 66.66666%;
	float: left;
}
.grid9 {
	width: 75%;
	float: left;
}
.grid10 {
	width: 83.33333%;
	float: left;
}
.grid11 {
	width: 91.66666%;
	float: left;
}
.grid12 {
	width: 100%;
	float: left;
}
.contenedor {
	margin: auto;
	height: auto;
/*	min-height: 100%;*/
}
.contenedor:after {
	width: 100%;
	display: block;
	clear: both;
}
body .bloque-cookies {
	position: fixed;
	top: 0;
	z-index: 55;
}
/*=========     $$Media queries estructura     ========*/	
  @media only screen and (min-width: 1200px) {
}
 @media only screen and (max-width: 1200px) and (min-width: 980px) {
}
 @media only screen and (min-width: 768px) and (max-width: 979px) {
.row {
	width: 45em !important;
	margin: 0 auto;
}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.row {
	width: 30em !important;
	margin: 0 auto;
}
div[class*='grid'] {
	width: 100% !important;
}
div, section, article, header, footer, aside[class*='grid'] {
	width: 100% !important;
}
}
 @media only screen and (max-width: 500px) {
.row {
	width: 100% !important;
	margin: 0 auto;
	padding: 0 0.3em;
}
}
 @media only screen and (min-width: 80px) and (max-width: 480px) {
div[class*='grid'] {
	width: 100% !important;
}
div, section, article, header, footer, aside[class*='grid'] {
	width: 100% !important;
}
}