body {
	width:100%;
	margin:0 auto;
	background-color:#e3e1b3;
	font-family: 'Ubuntu', sans-serif; /* KM30 */
	/*-webkit-text-size-adjust: none;*/
	font-size:16px; /*PALMS*/
	font-weight:400; /*PALMS*/
	color:#3d220f; /*PALMS*/
}
html {
	margin:0 auto;
	overflow-x:hidden;
}
.animate { /* Makes columns animate when @media css changes */
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}

/*img,
img a {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	display:block; /* TOONAILS - evita que se genere un margin-bottom no deseado debajo de las fotos
}*/

/* Aplicar como clase dentro del tag "img" */
.imgAjustable,
.imgAjustable a {
	width:100%;
	height:auto;
	border:0px;
	margin:0px;
	padding:0px;
	display:block; /* evita que se genere un margin-bottom no deseado debajo de las fotos*/
}

/* This is used for the welcome text. It's not required for the CSS Grid */
/*.welcome {
	padding-top:0px;
	text-align:left;
	font-family:'avenir_lt_45_bookregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:23px;
}
.welcome span {
	color:#f1844d;
}
.welcome strong {
	font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.welcome a {
	color:#f1844d;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.welcome a:hover {
	color:#111;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111;
}*/

/*
	Footer Styles
*/

/*.footer {
	margin-top:30px;
	margin-bottom:50px;
	margin:0 auto;
	font-family:Helvetica, Arial, sans-serif;
	font-family: 'Oxygen', sans-serif;
	z-index:1;
	text-align:center;
	position:relative;
	padding-top:10px;
	margin-bottom:30px;
}*/
/*.f1 .footer p {
	font-family: 'Oxygen', sans-serif;
	font-size:11px;
	color:#888;
	line-height:16px;
	margin-bottom:10px;
	line-height:18px;
}*/

/*.f1 .footer p a {
	font-family: 'Oxygen', sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}*/
/*
.f1 .footer p a:hover {
	color:#000;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}*/


/*
	Warning Sign for Internet Explorer 7 users (This website does not support IE7)
*/

#warning {
	background-color:#333;
	padding:20px;
	color:#999;
	margin-bottom:10px;
	line-height:21px;
	font-size:16px;
}
#warning strong {
	color:#fff;
}
#warning a {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#warning a:hover {
	color:#fff;
	font-weight:normal;
	padding-bottom:0px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: fff;
}


/*
	(f) Columns Fixed
*/

.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8
{
	/*font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;*/
	font-family: 'Oxygen', sans-serif; /* ANA */
	margin:0 auto;
	text-align:left; /* ANA */
	/*line-height:60px;*/ /* TOONAILS */ /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
	clear:both;
}


/*
	Make all divs have a grey background, so they are visible.
*/

.f1 .one {
	/*background-color:#999;*/
}

.f2 .one,
.f2 .two {
	/*background-color:#999;*/
}

.f3 .one,
.f3 .one-two,
.f3 .two,
.f3 .two-three,
.f3 .three {
	/*background-color:#999;*/
}

.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
	/*background-color:#999;*/
}

.f5 .one,
.f5 .one-two,
.f5 .one-three,
.f5 .one-four,
.f5 .two,
.f5 .two-three,
.f5 .two-four,
.f5 .two-five,
.f5 .three,
.f5 .three-four,
.f5 .three-five,
.f5 .four,
.f5 .four-five,
.f5 .five {
	/*background-color:#999;*/
}

.f6 .one,
.f6 .one-two,
.f6 .one-three,
.f6 .one-four,
.f6 .one-five,
.f6 .two,
.f6 .two-three,
.f6 .two-four,
.f6 .two-five,
.f6 .two-six,
.f6 .three,
.f6 .three-four,
.f6 .three-five,
.f6 .three-six,
.f6 .four,
.f6 .four-five,
.f6 .four-six,
.f6 .five,
.f6 .five-six,
.f6 .six {
	/*background-color:#999;*/
}

.f7 .one,
.f7 .one-two,
.f7 .one-three,
.f7 .one-four,
.f7 .one-five,
.f7 .one-six,
.f7 .two,
.f7 .two-three,
.f7 .two-four,
.f7 .two-five,
.f7 .two-six,
.f7 .two-seven,
.f7 .three,
.f7 .three-four,
.f7 .three-five,
.f7 .three-six,
.f7 .three-seven,
.f7 .four,
.f7 .four-five,
.f7 .four-six,
.f7 .four-seven,
.f7 .five,
.f7 .five-six,
.f7 .five-seven,
.f7 .six,
.f7 .six-seven,
.f7 .seven {
	/*background-color:#999;*/
}
.f8 .one,
.f8 .one-two,
.f8 .one-three,
.f8 .one-four,
.f8 .one-five,
.f8 .one-six,
.f8 .one-seven,
.f8 .two,
.f8 .two-three,
.f8 .two-four,
.f8 .two-five,
.f8 .two-six,
.f8 .two-seven,
.f8 .two-eight,
.f8 .three,
.f8 .three-four,
.f8 .three-five,
.f8 .three-six,
.f8 .three-seven,
.f8 .three-eight,
.f8 .four,
.f8 .four-five,
.f8 .four-six,
.f8 .four-seven,
.f8 .four-eight,
.f8 .five,
.f8 .five-six,
.f8 .five-seven,
.f8 .five-eight,
.f8 .six,
.f8 .six-seven,
.f8 .six-eight,
.f8 .seven,
.f8 .seven-eight,
.f8 .eight {
	/*background-color:#999;*/
}


/*
	(p) Columns Percentage
*/

.p1,
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	/*font-family:'avenir_lt_55_romanbold', Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif; /* MEXARREND */
	font-weight:normal;
	margin:0 auto;
	text-align:center;
	background-color:#fff;
	line-height:60px; /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
	clear:both;
}


/*
	Make all divs have a grey background, so they are visible.
*/

.p1 .one {
	/*background-color:#999;*/
	margin:0 auto;
}

.p2 .one,
.p2 .two {
	/*background-color:#999;*/
	margin:0 auto;
}

.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three {
	/*background-color:#999;*/
}

.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four {
	/*background-color:#999;*/
}

.p5 .one,
.p5 .one-two,
.p5 .one-three,
.p5 .one-four,
.p5 .two,
.p5 .two-three,
.p5 .two-four,
.p5 .two-five,
.p5 .three,
.p5 .three-four,
.p5 .three-five,
.p5 .four,
.p5 .four-five,
.p5 .five {
	/*background-color:#999;*/
}

.p6 .one,
.p6 .one-two,
.p6 .one-three,
.p6 .one-four,
.p6 .one-five,
.p6 .two,
.p6 .two-three,
.p6 .two-four,
.p6 .two-five,
.p6 .two-six,
.p6 .three,
.p6 .three-four,
.p6 .three-five,
.p6 .three-six,
.p6 .four,
.p6 .four-five,
.p6 .four-six,
.p6 .five,
.p6 .five-six,
.p6 .six {
	/*background-color:#999;*/
}

.p7 .one,
.p7 .one-two,
.p7 .one-three,
.p7 .one-four,
.p7 .one-five,
.p7 .one-six,
.p7 .two,
.p7 .two-three,
.p7 .two-four,
.p7 .two-five,
.p7 .two-six,
.p7 .two-seven,
.p7 .three,
.p7 .three-four,
.p7 .three-five,
.p7 .three-six,
.p7 .three-seven,
.p7 .four,
.p7 .four-five,
.p7 .four-six,
.p7 .four-seven,
.p7 .five,
.p7 .five-six,
.p7 .five-seven,
.p7 .six,
.p7 .six-seven,
.p7 .seven {
	/*background-color:#999;*/
}
.p8 .one,
.p8 .one-two,
.p8 .one-three,
.p8 .one-four,
.p8 .one-five,
.p8 .one-six,
.p8 .one-seven,
.p8 .two,
.p8 .two-three,
.p8 .two-four,
.p8 .two-five,
.p8 .two-six,
.p8 .two-seven,
.p8 .two-eight,
.p8 .three,
.p8 .three-four,
.p8 .three-five,
.p8 .three-six,
.p8 .three-seven,
.p8 .three-eight,
.p8 .four,
.p8 .four-five,
.p8 .four-six,
.p8 .four-seven,
.p8 .four-eight,
.p8 .five,
.p8 .five-six,
.p8 .five-seven,
.p8 .five-eight,
.p8 .six,
.p8 .six-seven,
.p8 .six-eight,
.p8 .seven,
.p8 .seven-eight,
.p8 .eight {
	/*background-color:#999;*/
}

/* CASOS PARTICULARES DE MEXARREND - BORRAR SI NO SE USAN */
/* CARACTERÍSTICAS DE LOS ELEMENTOS PARA RESOLUCIONES <767px */
/* TERCER COMPORTAMIENTO - Smartphones Landscape */
/*-------------------------------------------------------------------------------*/
/*@media screen and (min-width: 479px) and (max-width: 767px) {
	h2 {
		font-size:34px;
		line-height:36px;
	}
	
	h3 {
		font-size:25px;
	  	line-height:27px;
	}
	
}*/

/* CASOS PARTICULARES DE MEXARREND */
/* CARACTERÍSTICAS DE LOS ELEMENTOS PARA RESOLUCIONES <478px */
/* CUARTO y ÚLTIMO COMPORTAMIENTO - Smartphones Portrait */
/*-------------------------------------------------------------------------------*/

/*@media screen and (min-width: 0px) and (max-width: 478px) {
	
	h1 {
		font-size:0.4em;
	}
	
}*/