html 		{background: #f6f5ef; padding:0; margin:0; min-height: 101%; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 100%;}
body 		{padding:0; margin:0;}
/* f6f5ef F5F4ED*/
div 		{border: 0px solid #C0C0C0;}
h1			{color: #C4A614; font-size: 160%; font-weight: bold; margin: 0; padding: 0; line-height: normal;}
a				{color: #CC0000; text-decoration: none;}
p				{margin: 0; padding: 0; line-height: 1.5em;}

.black	{color: #1A1A18;}
.gold		{color: #C4A614;}

.hidden	{position:absolute;left:-1000px;}
.hideme	{visibility:hidden; display: none !important;}
.clear	{clear: both; line-height: 0; font-size: 0; height: 0;}

img			{max-width: 100% !important; height: auto; border: 0; padding: 0;}

.wrapper	{margin: 0 auto; max-width: 920px; padding: 0 0.5%;}
.logo			{text-align: center; border: 0; padding: 2em 0;}
.content	{text-align: center;}

.uc				{margin: 0 auto; max-width: 20em; font-size: 90%; text-align: center; border: 2px ridge #999999; padding: 0.75em;}

.supercol {clear: both; padding: 0;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left;	margin: 0 3% 0 0; padding: 0.5% 0;}
.col1.fin, .col2.fin, .col3.fin, .col4.fin, .col5.fin, .col6.fin, .col7.fin, .col8.fin, .col9.fin, .col10.fin, .col11.fin, .col12 {margin: 0;}
.col1 {width: 5.5%;}
.col2 {width: 14%;}
.col3 {width: 22.5%;}
.col4 {width: 31%;}
.col5 {width: 39.5%;}
.col6 {width: 48%;}
.col7 {width: 56.5%;}
.col8 {width: 65%;}
.col9 {width: 73.5%;}
.col10 {width: 82%;}
.col11 {width: 90.5%;}
.col12 {width: 99%; margin: 0;}
/* .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {width: 100%;	height: auto;} */


/* FOOTER =================== */
#footer		{clear: both; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #1A1A18; background-image: url("images/footer.png"); background-repeat: repeat-x; min-height: 165px}
.footer		{margin: 0 auto; max-width: 920px; padding: 3em 0; text-align: center; font-size: 70%; color: #CCCCCC;}
.footer a	{text-decoration: none; color: #999999;}
.footer .hnp{font-weight: bold;}
.img_interesse {max-width:100%; height: auto;}



/* ====================================================================================================== */
@media all and (max-width: 919px) 
{
html 		{font-size: 125%;}
#footer	{clear: both; position: relative; margin: 0; padding: 0}
.footer	{width: 100%; max-width: 100%; font-size: 80%;}

}

@media all and (min-width: 536px) 
{

}

@media all and (max-width: 535px) 
{

}

@media (min-width: 401px) and  (max-width: 768px) 
{

} 

@media all and (max-width: 400px)
{

}