/*


#666666
#ababab
#888888



*/


/*FUENTES PERSONALIZADAS BEGIN ---------------------------------------------------------------------- */
/*	http://www.fontsquirrel.com/tools/webfont-generator
	http://www.web-font-generator.com/
	http://convertfonts.com/

*/

@font-face {
    font-family: 'custom';
    src: url('fonts/ethos-regular-webfont.eot');
    src: url('fonts/ethos-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/ethos-regular-webfont.woff2') format('woff2'),
         url('fonts/ethos-regular-webfont.woff') format('woff'),
         url('fonts/ethos-regular-webfont.ttf') format('truetype'),
         url('fonts/ethos-regular-webfont.svg#ethos_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*


@font-face {
    font-family: 'fontawesomeregular';
    src: url('fonts/fontawesome-webfont-webfont.eot');
    src: url('fonts/fontawesome-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontawesome-webfont-webfont.woff2') format('woff2'),
         url('fonts/fontawesome-webfont-webfont.woff') format('woff'),
         url('fonts/fontawesome-webfont-webfont.ttf') format('truetype'),
         url('fonts/fontawesome-webfont-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/



/*FUENTES PERSONALIZADAS END ------------------------------------------------------------------------ */


.wysiwyg,
.wysiwyg td,
.wysiwyg div {
	font-family: 'custom', Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	-text-align:justify;
	-line-height:190%;
	vertical-align:top;
 }



.wysiwyg a {
	-text-decoration:underline;
	color:#000 !important;
}
.wysiwyg a:hover {
	-text-decoration:underline;
	-color:#000;

}

.wysiwyg table td  {
	vertical-align:top;
}

.wysiwyg img {
	max-width: none;
}



main 		.title,
.wysiwyg 	.title {
	font-family: 'custom';
	font-size:21px;
	color:#888;
	line-height:100%;
	font-weight:bold;
}


/*
.style-guide-section-header {
	border-bottom:1px solid #beb9b1;
	padding-bottom:3px;
	margin-top:20px;
	margin-bottom:10px;

}


 .fa {
	vertical-align: middle;
 }
.style-guide-section-header a {
	color:#99a49c;
	text-transform: uppercase;

	
}

.style-guide-section-header > div {
	display:inline-block;
}
.style-guide-section-header .style-guide-section-header-right {
	float:right;
	text-align:right;
	color:#99a49c;
	padding-left:20px;
	margin-top:5px;
}

.style-guide-section-header .style-guide-section-header-right .fa {
	padding-left:5px;
	vertical-align: middle;
	margin-top:-3px;
}
.style-guide-section-title {
	font-family:'custom2';
	text-align:left;
	font-size:28px;
	text-transform: uppercase;
	color:#99a49c;

}
.style-guide-section-subtitle {
	
}
*/


/*
main 		h2.title,
.wysiwyg	h2.title {
	font-family: 'custom';
	font-size:17px;
	color: #c92839;
    line-height:100%;
	font-weight: bold;
}

main		h3.title,
.wysiwyg	h3.title {
	font-family: 'custom_bold';
	font-size:15px;
	line-height:100%;
	font-weight: normal;
  
}



*/
.wysiwyg  {
	--font-size:0px;
}
.wysiwyg_columns,
.wysiwyg_2columns,
.wysiwyg_3columns,
.wysiwyg_4columns {
	display: inline-block;
	text-align: justify;
	padding:0px;
	margin:0px;
	border:0px;
	margin-bottom:5%;
	box-sizing: border-box; 
	
}
.wysiwyg_columns.wysiwyg_image, 
.wysiwyg_2columns.wysiwyg_image, 
.wysiwyg_3columns.wysiwyg_image, 
.wysiwyg_4columns.wysiwyg_image {
	text-align:center;
}

.wysiwyg_columns.wysiwyg_image img, 
.wysiwyg_2columns.wysiwyg_image img, 
.wysiwyg_3columns.wysiwyg_image img, 
.wysiwyg_4columns.wysiwyg_image img {
	width:100%;
}

.wysiwyg_2columns.wysiwyg_image img {
	width:70%;
}

.wysiwyg_columns {
	width:100%;
	margin-right:0px;
}
.wysiwyg_2columns {
	width:45%;
	margin-right:9%;
	font-size:0px;
}
.wysiwyg_3columns {
	width:28%;
	margin-right:7%;
}
.wysiwyg_4columns {
	width:18%;
	margin-right:8%;
}
 
.wysiwyg_2columns {
		--background:#ff0;
}
.wysiwyg_2columns:nth-child(2n+2) {
	margin-right:0px;
	--background:#f00;
}
.wysiwyg_3columns:nth-child(3n+3) {
	margin-right:0px !important;
	--background:#f0f;
}
.wysiwyg_4columns:nth-child(4n+4) {
	margin-right:0px;
	--background:#f00;
}
	


.WidgetWysiwyg {
	margin-bottom:40px;
} 



/* caso especial */

.wysiwyg_2columns .wysiwyg_3columns.wysiwyg_image {
	width:30.5%;
	margin-right:3%;
} 



@media only screen and (min-width: 1px) and (max-width: 639px) {
	.wysiwyg_columns,
	.wysiwyg_2columns,
	.wysiwyg_3columns,
	.wysiwyg_4columns {
		width:100%;
		margin-right:0px;	
	}

}


.global-shadow {
	-webkit-box-shadow:	2px 2px 9px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 	2px 2px 9px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 		2px 2px 9px 2px rgba(0, 0, 0, 0.2);
}



.style-guide-section-header > div {
	display:inline-block;
}

.style-guide-section-header-left {
	vertical-align:top;
	margin-top:5px;
}
.style-guide-section-header-right {
	vertical-align:top;
	text-align:right;
	color:#99a49c;
	margin-top:5px;
}

.style-guide-section-header-right .fa {
	padding-left:5px;
	vertical-align: middle;
	margin-bottom:3px;
}

.style-guide-section-title {
	border: 1px solid #ababab;
    color: #666;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.style-guide-section-subtitle {
	
}


.wysiwyg_columnas_break {
	width:100%;
	clear:both;
	margin:30px 0px 20px 0px;
}

.wysiwyg_columnas {
	float:left;
	display: inline-block;
	margin-bottom:6%;
}
.wysiwyg_columnas a {
	display:block;
	width:100%;
}
.wysiwyg_columnas a:hover {
	background:#f7f7f7;
	
}

.wysiwyg_columnas img {
	max-width:100%;
}

.wysiwyg_columnas .style-guide-section-title {

	margin-top:5px;
	border:0px;
} 
.wysiwyg_columnas .style-guide-section-title .fa {
	font-size:16px;
	margin-right:7px;
		
} 
 
 
/* at 480px  column5,4 convert into column3 */

@media only screen and (min-width: 769px)  {
	.wysiwyg_columnas {
		width:28%;
		margin-right:8%;	
	}
	.wysiwyg_columnas:nth-child(3n+3) {
		margin-right:0px;
		--background:#f0f;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.wysiwyg_columnas {
		width:45%;
		margin-right:10%;	
	}
	.wysiwyg_columnas:nth-child(2n+2) {
		margin-right:0px;
		--background:#00f;
	}
}

@media only screen and (min-width: 1px) and (max-width: 479px) {
	.wysiwyg_columnas {
		width:100%;
		margin-right:0px;	
	}

}