/*########################################################################################################################################################
	PADRONIZANDO NAVEGADORES -> by Micox
/*#######################################################################################################################################################*/

body {
	margin						: 10px 0 0 0;
}

ol, ul, li {
	margin						: 0;
	padding						: 0;
}

/*########################################################################################################################################################
	ELEMENTOS HTML
/*#######################################################################################################################################################*/

body {
	scrollbar-3dlight-color		: #000;
	scrollbar-arrow-color		: #FFF;
	scrollbar-base-color		: #000;
	scrollbar-darkshadow-color	: #000;
	scrollbar-face-color		: #000;
	scrollbar-highlight-color	: #000;
	scrollbar-shadow-color		: #000;
	text-decoration				: none;
	background					: #FFF;
}

body, td, div, a, form, legend  { 
	font-family					: Helvetica, Arial, sans-serif;
	font-size					: 11px;
	color						: #8A8A8A;
} 

a:visited	{ text-decoration: none; color: #8A8A8A; }
a:link 		{ text-decoration: none; color: #8A8A8A; }
a:hover		{ text-decoration: none; color: #CCC; }

h1, h2 {
	padding						: 0;
	margin						: 0;
	margin-bottom				: 2px;
}

h1	{	font-size: 130%; font-weight: bold;}
h2	{	font-size: 120%; }

/*####################################################################################################################################################
		LAYOUT COLUNAS
####################################################################################################################################################*/

#BODY {
	width						: 1140px;
	margin						: 0;
	position					: relative;
	left						: 50%;
	margin-left					: -570px;
}

#ESQUERDA {
	width						: 180px;
	min-height					: 400px;
	float						: left;
	position					: relative;
}
#DIREITA {
	width						: 180px;
	min-height					: 400px;
	float						: left;
}

#LOG {
	width						: 180px;
	height						: 126px;
	float						: left;
}

#MENU {
	width						: 90px;
	float						: left;
	clear						: left;
}

	#MENU #LOGO {
		color					: #000;
		font-family				: tahoma;
	}
	#MENU .RED {
		color					: red;
		font-family				: Tahoma, Helvetica, Arial;
	}
	
	#MENU a {
		display					: block;
		margin					: 3px 0 10px 0;
		_margin					: 0 0 10px 0;
		cursor					: pointer;
	}

	#MENU #COR {
		background				: #000;
		cursor					: pointer;
	}

	#TEXTO_INSTA {
		color					: #999;
		font-family				: Tahoma, Helvetica, Arial;
		font-size				: 14px;
		text-align				: right;
		margin-right			: 10px;
		text-decoration			: none;
	}
	#TEXTO_INSTA:hover {
		color					: #CCC;
	}
#GALERIA {
	width						: 95px;
	height						: 525px;
	float						: left;
	overflow					: hidden;
	margin						: 0 0 0 5px;
	padding						: 0;
}
	#GALERIA #GALO {
		width					: 5000px;
		list-style				: none;
		margin-left				: 20px;
	}

		#GALERIA #GALO div {
			width				: 96px;
			float				: left;
			display				: block;
		}
		
			#GALERIA div#GALO div a {
				background			: url('images/loader_branco.gif') no-repeat center center;
				width				: 60px;
				height				: 40px;
				margin				: 0 0 5px 0;
				display				: block;
				cursor				: pointer
			}
#SOCIAL_HZ {
	width						: 75px;
	height						: 25px;
	float						: left;
	vertical-align				: top;
	text-align					: center;
	margin						: 7px 0px 0px -2px;	
	position					: relative;
}	
#SOCIAL {
	width						: 25px;
	height						: 75px;
	float						: right;
	vertical-align				: top;
	margin						: 7px 0px 0px 4px;	
	text-align					: center;
	position					: relative;
}

    #SOCIALIMG1 {
	width						: 21px;
	height						: 21px;
    }

    #SOCIALIMG1:hover {

    background-image: url('images/newsocial_instab.png');
	width						: 21px;
	height						: 21px;
    }
    #SOCIALIMG2 {
	width						: 21px;
	height						: 21px;
    }

    #SOCIALIMG2:hover {

    background-image: url('images/newsocial_faceb.png');
	width						: 21px;
	height						: 21px;
    }
    #SOCIALIMG3 {
	width						: 21px;
	height						: 21px;
    }

    #SOCIALIMG3:hover {

    background-image: url('images/newsocial_youtubeb.png');
	width						: 21px;
	height						: 21px;
    }	
#SHOW2 {
	width						: 900px;
	height						: 685px;
	margin-top					: 8px;
	float						: right;
	vertical-align				: middle;
	text-align					: center;
	position					: relative;
}
#SHOW_INSTA {
	width						: 900px;
	height						: 685px;
	float						: right;
	margin-top					: -10px;
	vertical-align				: middle;
	text-align					: center;
	position					: relative;
}
#SHOW {
	width						: 900px;
	height						: 685px;
	float						: right;
	vertical-align				: middle;
	text-align					: center;
	position					: relative;
}
	#SHOW li {
		width					: 900px;
		display					: none;
		position				: absolute;
		top						: 8px;
		left 					: 0;
		text-align				: center;
		list-style				: none;
	}
	#SHOW li#G_1 {
		display					: block;
	}

		#SHOW li span.CAPTION {
			display						: block;
			padding						: 5px 10px 0 0;
			color						: #545454;
		}

#CONTATO {
	width						: 880px;
	margin-top					: 0px;
	float						: left;
	vertical-align				: middle;
}

/*########################################################################################################################################################
		PAGINAÇÃO
########################################################################################################################################################*/

div#GALERIA div#PAGE {
	clear					: both;
	margin-top				: 10px;
	text-align				: center;
	font-size				: 120%;
	font-weight				: bold;
}
	div#GALERIA div#PAGE a {
		margin				: 0 5px;
		padding				: 1px 5px;
		cursor				: pointer;
		background			: none;
	}

	div#GALERIA div#PAGE a:hover {
		color				: #CCC;
	}

/*########################################################################################################################################################
		EXTRAS
########################################################################################################################################################*/

.HIDE {
	display						: none;
	visibility					: hidden;
}

#ALERTA {
	padding						: 10px 20px;
	margin						: 10px;
	border						: 1px dashed #333;
	background					: #F7F7F7;
	text-align					: center;
	color						: #333;
}













/*########################################################################################################################################################
		GRID
########################################################################################################################################################*/


.title h1 {
    margin-top: 82px;
    text-align: center;
}
.title h1 span {
    color: #aaa;
}

ul.grid {
    list-style: none;
    margin: 2px auto;
    padding: 0;
    max-width: 1280px;
}
ul.grid li {
    width: 160px;
    padding: 2px;
    background-color: ;
    border: 0px solid ;
    color: #525252;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
}
ul.grid li img {
    margin-top: 2px;
    display:block;
    max-width:100%;
    height:auto;
}
ul.grid li code {
    background-color: #D8F6C0;
    padding: 2px;
    border: 1px dashed #9CCA77;
    border-radius: 0px;
}