	@charset utf-8;
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
	a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}
	html,body{height:100%}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
	b,strong{font-weight:700}
	img{-ms-interpolation-mode:bicubic;color:transparent;font-size:0;vertical-align:middle}
	li{display:list-item}
	/* border-collapse:collapse;*/
	table{border-spacing:2}
	th,td,caption{font-weight:400;text-align:left;vertical-align:center}
	q{quotes:none}
	q:before,q:after{content:none}
	sub,sup,small{font-size:75%}
	sub,sup{line-height:0;position:relative;vertical-align:baseline}
	sub{bottom:-.25em}
	sup{top:-.5em}
	svg {overflow: hidden}
	
	body{color:#333;font-size:11px;height:auto}
	a{color:#fff;text-decoration:none}
	a:hover{text-decoration:none}
	p{padding:10px 0}
	
	/* `HTML basico
----------------------------------------------------------------------------------------------------*/
	body{background:#010202 url("../img/fundo_laterais.jpg") no-repeat scroll center 200px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
	pre,code{font-family:'DejaVu Sans Mono', Monaco, Consolas, monospace}
	hr{border:0 #ccc solid; border-top-width:1px; clear:both; height:0}

/* `Titulos
----------------------------------------------------------------------------------------------------*/
	h1{font-size:25px}
	h2{font-size:23px}
	h3{font-size:21px}
	h4{font-size:19px}
	h5{font-size:17px}
	h6{font-size:15px}

/* `Tags
----------------------------------------------------------------------------------------------------*/
	ol{list-style:decimal}
	ul{list-style:none}
	li{list-style:none}
	p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{}
	
/* `grid
----------------------------------------------------------------------------------------------------*/

	body {
	overflow-x:hidden
	}
	.container {	
	background:#16171A;
	margin:0 auto;
	padding:0;
	width: 964px;
	}
	.clearfix:before,
	.clearfix:after,
	.container:before,
	.container:after {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	}
	.clearfix:after,
	.container:after {
	clear: both;
	}
	
/* `ScrollBar
----------------------------------------------------------------------------------------------------*/
eg:
ul ul ul ul
#leftPanel{
overflow-y: scroll;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
height:100%;
}


	
/* `Estilos
----------------------------------------------------------------------------------------------------*/
	#topo{
		background: url("../img/bg-topo.png") repeat scroll center 0 transparent;
		display:block;
		clear: both;
		height:215px;
		overflow: hidden;		
		width: 100%;
		}	
		#topo .container-topo {			
			height: 160px;
			margin: 0 auto;
			width: 964px;
			}	
	#logo{
	display:block
	}

	#nav{height:52px;margin:5px 0;overflow:hidden}
	#nav ul{display:block;float:left;list-style:none;position:relative}
	#nav a{background:url(../img/nav_v.png) no-repeat 0 0;display:block;height:52px;overflow:hidden;margin:0 30px;padding:0;text-indent:-5000px;width:100px}
	#nav li{display:inline;float:left}
	/* #nav-home a{background-position:0 0;margin-right:10px} */
	#nav-home a{background-position:-135px 0}
	#nav-empresa a{background-position:-245px 0}
	#nav-eventos a{background-position:-358px 0}
	#nav-servicos a{background-position:-470px 0}
	#nav-fotos a{background-position:-585px 0}
	#nav-contato a{background-position:-695px 0}
		
	
	/*#nav-home a:hover,#nav-home .ativo{background-position:0 -55px}*/
	#nav-home a:hover,#nav-home .ativo{background-position:-135px -55px}
	#nav-empresa a:hover,#nav-empresa .ativo{background-position:-245px -55px}
	#nav-eventos a:hover,#nav-eventos .ativo{background-position:-358px -55px}
	#nav-servicos a:hover,#nav-servicos .ativo{background-position:-470px -55px}
	#nav-fotos a:hover,#nav-fotos .ativo{background-position:-585px -55px}
	#nav-contato a:hover,#nav-contato .ativo{background-position:-695px -55px}
	
	
	
	#geral{
		background:#16171A;
		display:block;
		float:left;
		margin:0 auto;
		width:964px
		}
		
	#coluna-esquerda{
		display: block;
		float: left;
		margin:0 10px;
		width:664px
		}
	
		.mini-colunas{
		background:#F6F6F6 url(../img/bg-topo-divs.png) no-repeat 0 0;
		display: block;		
		float: left;
		}		
			.mini-colunas h1{
			display:block;
			color:#7A0221;
			padding:10px 20px
			}
			
			.mini-colunas h2{
			color: #7A0221;
			font: normal 20px/1.2 Lucida Sans;
			margin: 0 0 20px
			}
			
			.mini-colunas p{
			color:#3D3736;
			font-family: Verdana, Geneva, sans-serif;
			font-size:15px;
			padding:0
			}
		#form-contato{
			background-color: #5D0018;
			color: #FFF;
			margin-bottom:20px;
			width:660px
		}
		
		.localizacao {
			display:block;
			margin:5px;
			padding:5px
			}
			
		#form-contato #info-contato{
				color: #FFF;
				margin: 20px;
				width: 300px;
				float:left				
			}		
				#form-contato #info-contato p{
				color: #FFF;
				font-size:13px;
			}
		#form-contato #telefones{
			display:block;
			float:right;
			margin:5px;
			padding:5px;
			width: 300px
			
			}
		#servicos{
		margin-bottom:20px;
		width:660px
		}
			#servicos #info-servicos{
				color: #7A0221;
				margin: 20px;
				width: 300px	
			}					
			#servicos #foto-servicos{
				display:block;
				float:right;
				margin:5px;
				padding:5px
				}
		#comissao, #galeria{
		display: block;
		float: left;
		}
		#comissao{
		margin-right:5px;
		width:300px		
		}
		#comissao #info-comissao{
				color: #7A0221;
				margin: 20px;
				width: 260px	
			}		
			
		#galeria{
		margin-left:5px;
		width:350px		
		}
		#galeria-texto{
		display:block;
		margin: 20px;
		}	
			#galeria #info-galeria{
					color: #7A0221;
					margin: 20px;
					width: 310px	
				}
		
	.botao-mais {
	  background: url("../img/botao-mais.png") no-repeat scroll 0 0 transparent;
	  border: medium none;
	  display: block;
	  font-size: 16px;
	  height: 28px;
	  margin: 20px 0 0;
	  padding: 2px;
	  text-indent: 10px;
	  width: 86px;
	}
	#coluna-direita{
		background:#5D0018;
		display: block;
		font: 14px/1.5 Arial,Helvetica,sans-serif;
		float: right;
		margin:0 10px;
		padding:5px;
		width:250px
		}
	
		#newsletter, #area-do-formando, #facebook, #twitter{		
		display:block;
		margin:20px 5px	
		}
			#newsletter fieldset , #area-do-formando fieldset {
			color:#fff;
			clear: both;
			margin: 0;
			padding: 0
			}
	
		.campo-email, .campo-senha{	
			margin:2px 0;
			padding:5px;
			width:190px
			}
		.lista-setor{	
			margin:2px 0;
			padding:5px;
			width:205px
			}
		.botao-enviar{
			border:none;
			background: url(../img/botao-enviar.png) no-repeat 0 0;
			cursor:pointer;
			font-size: 0;
			height:28px;
			line-height: 0;
			text-indent:-5000px;
			overflow:hidden;
			width:28px  
			}	
			
		.botao-enviar1{
			border:none;
			background: url(../img/botao-enviar.png) no-repeat 0 0;
			cursor:pointer;
			font-size: 0;
			height:28px;
			line-height: 0;
			text-indent:-5000px;
			overflow:hidden;
			width:28px;
			float:right;
			padding:0 95px 0 0;
			}	
	
		#rodape {
			background: url("../img/bg-rodape.png") no-repeat scroll center 0 transparent;
			display:block;
			clear: both;
			color: #F7E4D4;
			display: block;
			font-family: 'Lato-Italic',sans-serif;
			padding: 0;
			width: 100%
			}	

			#rodape p{
			color:#525354;
			clear:both;	
			font-size:11px;
			margin:5px 0;
			padding:0;
			text-align:center
			}
			#rodape .container-base {	
			height: 160px;
			margin: 0 auto;
			width: 968px;
			}
				#redes-sociais {
				display: block;
				float: left;
				margin: 20px 0 0;
				padding: 0 20px;
				width: 60px;
				}
			
				#redes-sociais span {
				border-right: 1px solid #CCCCCC;
				display: block;
				float: left;
				margin: 5px 0;
				padding: 0 3px;
				text-align: right;
				width: 30px;
				}
				.ico-facebook, .ico-twitter, .ico-youtube{
				cursor:pointer;
				display:block;
				height:32px;
				float:left;
				margin:5px;
				width:150px
				}
				.ico-facebook	{background: url("../img/facebook-off.png") no-repeat scroll center 0}
				.ico-twitter 	{background: url("../img/twitter-off.png") no-repeat scroll center 0}
				.ico-youtube 	{background: url("../img/youtube-off.png") no-repeat scroll center 0}
				
				.ico-facebook:hover	{background: url("../img/facebook-on.png") no-repeat scroll center 0}
				.ico-twitter:hover	{background: url("../img/twitter-on.png") no-repeat scroll center 0}
				.ico-youtube:hover 	{background: url("../img/youtube-on.png") no-repeat scroll center 0}			
				
			#enderecos{
			display:block;
			float:left;			
			width:764px;
			font-size:11px
			}
			
			#galeria a{
			display:block;
			float:left;			
			width:764px;
			font-size:11px
			}
			
			#enderecos a{
			color:#FFFFFF;
			}
			
			#enderecos p{
			color:#000000;
			}
			
			#enderecos a:hover{
			color:#ffffff;
			}
			
						
			.localizacao1 {
			color: #000000;
			display: block;
			float: center;
			margin: 30px 0px 30px 30px;
			width: 690px;
			}
			
			.cidade{
			color:#FFCB08
			}
/* `Slide banners
----------------------------------------------------------------------------------------------------*/	
	#banner {
	clear:both;
	display:block;
	height:383px;
	overflow:hidden;
	padding:15px;
	position:relative;
	z-index:0
	}

	#slides {
	position:relative;
	z-index:100
	}

	.slides_container {
	display:none;
	overflow:hidden;
	position:relative;
	width:934px
	}

	.slides_container a {
	display:block;
	height:383px;
	width:934px
	}

	.slides_container a img {
	display:block
	}

	.pagination {
	float:right;
	margin:5px auto 0;
	width:100px
	}

	.pagination li {
	float:left;
	list-style:none;
	margin:0 1px
	}

	.pagination li a {
	background:url(../img/slides/paginacao.png);
	display:block;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:20px;
	width:24px
	}

	.pagination li.current a {
	background-position:0 -26px;
	}
/* `Galeria
----------------------------------------------------------------------------------------------------*/	
	.galeria-fotos{
	clear:both;
	display:inline-block;
	margin:10px
	}
	.galeria-fotos a{
	background:#fff;
	border:solid 1px #ccc;
	display:block;	
	float:left;
	margin:10px 2px;
	padding:2px
	}
	/*estilo do plugin da galeria*/
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block;}
	.cboxIframe{width:100%; height:100%; display:block; border:0;}
	#cboxOverlay{background:url(../img/galeria/icones/overlay.png) repeat 0 0;}
	#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/galeria/icones/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/galeria/icones/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/galeria/icones/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/galeria/icones/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/galeria/icones/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/galeria/icones/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/galeria/icones/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/galeria/icones/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
	#cboxError{padding:50px; border:1px solid #ccc;}
	#cboxLoadedContent{margin-bottom:28px;}
	#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
	#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
	#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
	#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../img/galeria/icones/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
	#cboxPrevious.hover{background-position:-75px -25px;}
	#cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/galeria/icones/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
	#cboxNext.hover{background-position:-50px -25px;}
	#cboxLoadingOverlay{background:url(../img/galeria/icones/loading_background.png) no-repeat center center;}
	#cboxLoadingGraphic{background:url(../img/galeria/icones/loading.gif) no-repeat center center;}
	#cboxClose{position:absolute; bottom:0; right:0; background:url(../img/galeria/icones/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
	#cboxClose.hover{background-position:-25px -25px;}

	/*
	O trecho a seguir corrige um problema em IE7 e IE8, substitui uma transparência alfa PNG com um preenchimento preto
   quando um filtro alpha (opacidade mudança) é definido no elemento ou elemento ancestral. Esse estilo não é aplicado a IE9.
	*/
	.cboxIE #cboxTopLeft,
	.cboxIE #cboxTopCenter,
	.cboxIE #cboxTopRight,
	.cboxIE #cboxBottomLeft,
	.cboxIE #cboxBottomCenter,
	.cboxIE #cboxBottomRight,
	.cboxIE #cboxMiddleLeft,
	.cboxIE #cboxMiddleRight {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
	}

	/*
	  O trecho a seguir fornece suporte a PNG transparência para IE6
	*/
	.cboxIE6 #cboxTopLeft{background:url(../img/galeria/icones/ie6/borderTopLeft.png);}
	.cboxIE6 #cboxTopCenter{background:url(../img/galeria/icones/ie6/borderTopCenter.png);}
	.cboxIE6 #cboxTopRight{background:url(../img/galeria/icones/ie6/borderTopRight.png);}
	.cboxIE6 #cboxBottomLeft{background:url(../img/galeria/icones/ie6/borderBottomLeft.png);}
	.cboxIE6 #cboxBottomCenter{background:url(../img/galeria/icones/ie6/borderBottomCenter.png);}
	.cboxIE6 #cboxBottomRight{background:url(../img/galeria/icones/ie6/borderBottomRight.png);}
	.cboxIE6 #cboxMiddleLeft{background:url(../img/galeria/icones/ie6/borderMiddleLeft.png);}
	.cboxIE6 #cboxMiddleRight{background:url(../img/galeria/icones/ ie6/borderMiddleRight.png);}

	.cboxIE6 #cboxTopLeft,
	.cboxIE6 #cboxTopCenter,
	.cboxIE6 #cboxTopRight,
	.cboxIE6 #cboxBottomLeft,
	.cboxIE6 #cboxBottomCenter,
	.cboxIE6 #cboxBottomRight,
	.cboxIE6 #cboxMiddleLeft,
	.cboxIE6 #cboxMiddleRight {
		_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
	}
