/*


#eb681f
#ee925f	




*/


/*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/adriaslab-regular-webfont.eot');
    src: url('fonts/adriaslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/adriaslab-regular-webfont.woff2') format('woff2'),
         url('fonts/adriaslab-regular-webfont.woff') format('woff'),
         url('fonts/adriaslab-regular-webfont.ttf') format('truetype'),
         url('fonts/adriaslab-regular-webfont.svg#adria_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*

@font-face {
    font-family: 'custom_bold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff2') format('woff2'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') 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 {
	font-family: 'custom_bold', Tahoma, Helvetica, sans-serif;
	--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;
}






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

.no-shadow *,
.noshadow * {
	-webkit-box-shadow:	none !important;
	-moz-box-shadow: 	none !important;
	box-shadow: 		none !important;
}


.style-guide-section-header  {
	display:block;
	margin-bottom:8px;
}
.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-header1 {
	border: 1px solid #ababab;
    color: #666;
    display: inline-block;
    font-size: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight:normal;
}

.style-guide-header2 {
	color: #666;
	display: inline-block;
    font-size: 14px;
	font-weight:normal;
}

.style-guide-header3 {
	display: inline-block;
}



.wysiwyg_link {
	--display:inline-block;
	padding:8px 15px;
	background:#000;
	color:#fff !important;
}
.wysiwyg_link:hover {
	background:#444;
}

.wysiwyg_columns {
	display: inline-block;
	margin-bottom:5%;
	--background:#f0f0f0;
}


.wysiwyg_columns img {
	max-width:100%;
	border:1px solid #eee;
}

.wysiwyg_columns_text {
	margin-top:10px;
}

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

@media only screen and (min-width: 480px)  {
	.wysiwyg_columns2x {
		width:45%;
		margin-right:5%;	
	}
	.wysiwyg_columns2x:nth-child(2n+2) {
		margin-right:0px;
		-background:#f00;
	}
}

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

}



@media only screen and (min-width: 480px)  {
	.wysiwyg_columns3x {
		width:30%;
		margin-right:4%;	
	}
	.wysiwyg_columns3x:nth-child(3n+3) {
		margin-right:0px;
		--background:#f00;
	}
	.wysiwyg_columns7x {
		width:12%;
		margin-right:1%;	
	}
	.wysiwyg_columns7x:nth-child(3n+3) {
		margin-right:1%;
		--background:#f00;
	}
}

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

}