﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;	
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

header, section, footer, article, nav, aside { display: block; }
h1, h2, h3, h4, h5, h6 { font: normal 16px/1em 'Open Sans', serif }

/*--------------------------------------------------------------*/

html {
	height: 100%;

	
}
body {
 /*	background: #FFF url(../img/bg.jpg) no-repeat center top; */
	background: #FFF;
	text-align: left;
	overflow-x:hidden;
	min-height: 100%;
	font: normal 12px/1em 'Open Sans', sans-serif;
	position: relative;
}
body.historico {
	background: transparent;
}
body.historico #agrupa { background: transparent; }
/*--------------------------------------------------------------*/

@font-face {
    font-family: 'Chunk';
    src: url('../chunk/Chunkfive Ex.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------*/

section#historico {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	section#historico img {
		float: left;
		height: 427px;
	}
		section#historico div.descricao {
			float: left;
			padding:30px;
			width: 388px;
			position: relative;
			background: #FFF;
			height: 382px;
			overflow: auto;
		}
			section#historico span {
				background: #FFF;
				color: #ff7372;
				text-transform: uppercase;
				width: 128px;
				text-align: center;
				font-size: 13px;
				position: absolute;
				height: 40px;
				line-height: 40px;
				top: 0;
				left: 490px;
			}
			section#historico a {
				background: #ff7372;
				color: #FFF;
				text-transform: uppercase;
				width: 190px;
				text-align: center;
				font-size: 13px;
				position: absolute;
				height: 40px;
				line-height: 40px;
				top: 0;
				left: 622px;
				text-decoration: none;
			}
			section#historico div.descricao small {
				color: #80673a;
				text-transform: uppercase;
				font-size: 10px;
				letter-spacing: 2px;
				margin-bottom: 10px;
				display: block;
			}
			section#historico div.descricao h1 {
				color: #595a6e;
				text-transform: uppercase;
				font-size: 24px;
				margin-bottom: 20px;
			}
			section#historico div.descricao p {
				text-transform: uppercase;
				color: #525252;
				font-size: 12px;
				line-height: 2em;
				margin-bottom: 15px;
			}
		section#historico section#banner {
			width: 490px;
			margin: 0;
			position: relative;
			float: left;
		}
			section#historico section#banner section.overflow {
				width: 490px;
				height: 427px;
				overflow: hidden;
			}
				section#historico section#banner section.overflow ul.list {
					width: 10000px;
					position: relative;
					height: 427px;
				}
					section#historico section#banner section.overflow ul.list li { 
						float: left;
						width: 490px;
						height: 427px;
					}
		section#historico section#banner a.ctrl {
			width: 33px;
			height: 52px;
			background: url(../img/setas.png) no-repeat left top;
			position: absolute;
			top: 50%;
			margin-top: -40px;			
			z-index: 99;
		}
		section#historico section#banner a.ctrl.prev { left: 15px; }
		section#historico section#banner a.ctrl.next {
			background-position: right top;
			left: 442px;
		}

/*--------------------------------------------------------------*/

header#topo {
	position: relative;
	height: 26px; /* 180px */ /* regulagem da sobreposicao do logotipo do ACR em relacao aos banners rotativos */
	z-index: 99;
}
	header#topo .wrapper {
		width: 940px;
		margin: 0 auto;
		position: relative;
		z-index: 99;
	}
		header#topo .wrapper a#logo {
			position: absolute;
			width: 347px;  /* 404px */
			height: 229px; /* 266px */
			top: 10px;     /* 10px */
			left: -76px;   /* -95px */
			display: block;
			background: url(../img/logo_86_pct.png) no-repeat center center;
		}
		header#topo .wrapper div#contato-menu {
			float: right;
			margin-top: 10px; /* 50px */ /* regulagem em relacao ao topo do email, telefone e fale conosco */
		}
			header#topo .wrapper div#contato-menu ul#contato-topo {
				display: block;
				width: 590px;  
				float: right;
			}
				header#topo .wrapper div#contato-menu ul#contato-topo li {
					float: left;
					margin-right: 40px;
					text-align: right;
					padding-top: 5px;
				}
					header#topo .wrapper div#contato-menu ul#contato-topo li h1 {
						font: italic 12px/1em 'Open Sans', sans-serif;
						color: #36545b;
						font-weight: bold;
						margin-bottom: 10px;
						background: url(../img/mail.png) no-repeat 165px center;
						padding-left: 30px;
						display: block;
						height: 15px;		
						line-height: 15px;	
					}
					header#topo .wrapper div#contato-menu ul#contato-topo li.tel h1 {
						background: url(../img/tel.png) no-repeat center left;
					}
					header#topo .wrapper div#contato-menu ul#contato-topo li.tel h2 {
						width: 103px; /* 103px */ /* regulagem to tamanho da área de publicação do telefone */
					}
					header#topo .wrapper div#contato-menu ul#contato-topo li h2 {
						font: bold 15px/1em 'Open Sans', sans-serif;
						color: #608992;
						letter-spacing: -1px;
					}
					header#topo .wrapper div#contato-menu ul#contato-topo a.fale {
						width: 150px;
						height: 50px;
						background: url(../img/fale.png) no-repeat center center;
						float: left;
					}
			header#topo .wrapper nav {
				display: block;
				margin-top: 20px; /* 55 px */
			}
			header#topo .wrapper nav ul {}
				header#topo .wrapper nav ul li {
					float: left;
					margin-right: 25px;
					position: relative;
				}
				header#topo .wrapper nav ul li.last { margin-right: 5px; }
				header#topo .wrapper nav ul li span {
					position: absolute;
					font: normal 32px/1em 'Open Sans', sans-serif;
					color: #8eb9bd;
					top: -9px;
				}
				header#topo .wrapper nav ul li span.left { left: -8px; }
				header#topo .wrapper nav ul li span.right { right: -8px; }
					header#topo .wrapper nav ul li a {
						font: normal 10px/1em 'Open Sans', sans-serif;
						text-decoration: none;
						background: #d5eaec;
						display: block;
						padding: 5px 10px;
						text-transform: uppercase;
						color: #36545b;
						letter-spacing: 2px;
					}
					header#topo .wrapper nav ul li a:hover {
						background: #e2f0f2;	
					}
					header#topo .wrapper nav ul li a.ativo {
						background: #b5d1d4;
						color: #FFF;
					}

/*--------------------------------------------------------------*/

section#banner { width: 100%; margin-top: 20px; }
	section#banner .wrapper { width: 940px; margin: 0 auto;} /*  365px e 230px */
		section#banner .wrapper .overflow { width: 705px; height: 365px; overflow: hidden; float: left; margin-right: 5px; }
			section#banner .wrapper .overflow ul.list { width: 10000px; }
				section#banner .wrapper .overflow ul.list li.item { float: left; }
		section#banner .wrapper ul.ctrls { float: left; }
			section#banner .wrapper ul.ctrls li { display: block; margin-bottom: 5px; }
				section#banner .wrapper ul.ctrls li a { display: block; }
					section#banner .wrapper ul.ctrls li a img { display: block; width: 230px;}


/*--------------------------------------------------------------*/

section#conteudo .wrapper {
	width: 940px;
	margin: 0 auto;
	padding-top: 58px; /* não existia esse padding-top */
}

/*--------------------------------------------------------------*/

section#trajetoria {
	background: url(../img/trajetoria.png) no-repeat left top;
	height: 91px;
	position: relative;
	z-index: 2;
	display: block;
	padding-left: 585px;
	padding-top: 28px;
}
section#trajetoria a {
	background: url(../img/conheca.png) no-repeat center center;
	width: 121px;
	height: 47px;
	display: block;
}
section#trajetoria span {
	width: 276px;
	height: 149px;
	position: absolute;
	right: -40px;
	top: -35px;
	background: url(../img/aviao.png) no-repeat center center;
}

/*--------------------------------------------------------------*/

section#escola { margin-top: 10px; }
section#escola div.logo {
	float: left;
	width: 253px;
	height: 50px;
	background: url(../img/escola.png) no-repeat center top;
	padding-top: 175px;
	margin-right: 10px;
	margin-left: 30px;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	color: #881e22;
	line-height: 1.5em;
}
section#escola.interna div.logo {
	background: url(../img/escola2.png) no-repeat center top;
	width: 273px;
}
section#escola ul { float: right; }
section#escola ul li { float: left; margin-right: 5px; }
section#escola ul li.last { margin-right: 0; }
section#escola ul li a { 
	display: block; 
	position: relative; 
	text-decoration: none;

	width: 200px;
	height: 225px;
	overflow: hidden;
}
section#escola ul li a img { display: block; position: relative; height: 225px; }
section#escola ul li a span { 
	width: 200px;
	height: 225px;
	position: absolute;
	top:0;
	left:0;
	background: url(../img/cursos/over.png) no-repeat center center;
	z-index: 2;

	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
section#escola ul li a:hover span {
	background: url(../img/cursos/over-2.png) no-repeat center center;

} 
section#escola ul li a p {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #FFF;
	z-index: 3;
	font: normal 22px/1em 'Chunk', sans-serif;
	width: 165px;
}

/*--------------------------------------------------------------*/

section#galeria-panoramico {
	display: block;
	margin-top: 20px;
	position: relative;
}
section#galeria {
	float: left;
	width: 555px;
}
	section#galeria h1 {
		background: url(../img/titulo-galeria.png) no-repeat left top;
		width: 120px;
		height: 46px;
		display: block;
		margin-bottom: 15px;
	}
		section#galeria ul { display: block; }
			section#galeria ul li { float: left; margin: 0 15px 15px 0; }
			section#galeria ul li.last { margin-right: 0; }
				section#galeria ul li a {
					display: block;
					text-decoration: none;
					background: url(../img/bg-galeria.jpg) no-repeat center center;
					position: relative;
				}
					section#galeria ul li a span {
						width: 85px;
						height: 85px;
						position: absolute;
						top: 7px;
						left: 7px;
						z-index: 2;
						background: url(../img/over-img.png) no-repeat center center;

						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
						filter: alpha(opacity=0);
						-moz-opacity: 0;
						-khtml-opacity: 0;
						opacity: 0;

						-webkit-transition: .3s;
						-moz-transition: .3s;
						-o-transition: .3s;
						transition: .3s;
					}
					section#galeria ul li a img {
						width: 85px;
						height: 85px;
						padding: 7px;
					}
					section#galeria ul li a:hover span {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						filter: alpha(opacity=100);
						-moz-opacity: 1;
						-khtml-opacity: 1;
						opacity: 1;
					}

/*--------------------------------------------------------------*/

section#panoramico {
	position: absolute;
	right: -50px;
	top: 0;
}
 section#panoramico a {
 	display: block;
 	width: 434px;
 	height: 293px;
 	background: url(../img/panoramico.png) no-repeat center center;
 }

/*--------------------------------------------------------------*/

section#destaques { display: block; margin: 50px auto 0 auto; width: 870px; }
section#destaques div.box { float: left; margin-right: 90px; text-align: center; position: relative; }
section#destaques div.box h1 {
	width: 215px;
	height: 62px;
	display: block;
	background: url(../img/titulo-infra.png) no-repeat top center;
	margin-bottom: 10px;
}
section#destaques div.box.seguranca h1 { background: url(../img/titulo-seguranca.png) no-repeat top center; width: 250px; }
section#destaques div.box.social h1 { background: url(../img/titulo-social.png) no-repeat top center; width: 219px; }
section#destaques div.box.social { margin-right: 0; }
section#destaques div.box a.conheca {
	background: url(../img/conheca-menor.png) no-repeat center center;
	width: 97px;
	height: 37px;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -48px;
	z-index: 10;
}
section#destaques div.box.social a {
	background: url(../img/visite.png) no-repeat center center;
	width: 117px;
	height: 40px;
}
/*--------------------------------------------------------------*/

section#aero { margin-top: 65px; }
	section#aero h1 {
		display: block;
		width: 935px;
		height: 111px;
		background: url(../img/big-title.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#aero h2 {
		font: normal 47px/1em 'Dancing Script', cursive;
		color: #bf3d45;
		position: relative;
		margin-bottom: 25px;
	}
		section#aero h2 span {
			background: url(../img/plane.png) no-repeat center center;
			width: 806px;
			height: 113px;
			position: absolute;
			right: -50px;
			top: -20px;
			z-index: 10;
		}
	section#aero div.texto {
		width: 430px;
		height: 310px;
		max-height: 335px;
		overflow: auto;
		padding-right: 30px;
		float: left;
	}
	section#aero div.texto p {
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 2em;
		color: #626061;
	}

	section#aero section#banner-aero { 
		width: 440px; 
		float: left;
		margin-left: 25px; 
		position: relative;
	}
		section#aero section#banner-aero span {
			position: absolute;
			width: 458px;
			height: 327px;
			top: 0;
			left: 0;
			z-index: 1;
			background: url(../img/bg-foto.png) no-repeat center center;
		}
		section#aero section#banner-aero .wrapper { 
			width: 440px; 
			margin: 0 auto; 
			border: 5px #FFF solid;
			position: relative;
			z-index: 2;

			box-shadow: 2px 2px 2px rgba(0,0,0,.20);
           -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.20);
           -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.20);
		}
			section#aero section#banner-aero .wrapper .overflow { width: 440px; height: 305px; overflow: hidden; }
				section#aero section#banner-aero .wrapper .overflow ul.list { width: 10000px; }
					section#aero section#banner-aero .wrapper .overflow ul.list li.item {
						float: left;										
					}
					section#aero section#banner-aero .wrapper .overflow ul.list li.item img { display: block; } 
			section#aero section#banner-aero ul.ctrls { display: block; margin: 15px auto 0 auto; }
				section#aero section#banner-aero ul.ctrls li { float: left; margin-right: 15px; }
					section#aero section#banner-aero ul.ctrls li a { 
						display: block; 
						width: 10px; 
						height: 10px; 
						background: #931418; 

						border-radius: 30px;
						-moz-border-radius: 30px;
						-webkit-border-radius: 30px;

						-webkit-transition: .3s;
						-moz-transition: .3s;
						-o-transition: .3s;
						transition: .3s;
					}
					section#aero section#banner-aero ul.ctrls li a:hover,
					section#aero section#banner-aero ul.ctrls li a.ativo {
						background: #e1a300;
					} 

/*--------------------------------------------------------------*/

	section#conteudo section#banner-infra { 
		width: 208px; 
		height: 208px;
		float: left;
		position: relative;
	}
		section#conteudo section#banner-infra .wrapper { 
			width: 208px; 
			margin: 0 auto; 
			position: relative;
			z-index: 2;
		}
			section#conteudo section#banner-infra .wrapper .overflow { width: 208px; height: 214px; overflow: hidden; }
				section#conteudo section#banner-infra .wrapper .overflow ul.list { width: 10000px; }
					section#conteudo section#banner-infra .wrapper .overflow ul.list li.item {
						float: left;										
					}
					section#conteudo section#banner-infra .wrapper .overflow ul.list li.item img { display: block; } 
			section#conteudo section#banner-infra ul.ctrls { 
				display: block;
				position: absolute;
				bottom:50px;
				left: -20px;
				z-index: 99;
			}
				section#conteudo section#banner-infra ul.ctrls li { float: left; margin-right: 15px; }
				section#conteudo section#banner-infra ul.ctrls li.primeiro {
					position: absolute;
					top: -25px;
					left: 4px;
				}
				section#conteudo section#banner-infra ul.ctrls li.segundo {
					position: absolute;
					top: -7px;
					left: 10px;
				}
				section#conteudo section#banner-infra ul.ctrls li.terceiro {
					position: absolute;
					top: 9px;
					left: 21px;
				}
				section#conteudo section#banner-infra ul.ctrls li.quarto {
					position: absolute;
					top: 23px;
					left: 33px;
				}
				section#conteudo section#banner-infra ul.ctrls li.quinto {
					position: absolute;
					top: 35px;
					left: 48px;
				}
					section#conteudo section#banner-infra ul.ctrls li a { 
						display: block; 
						width: 10px; 
						height: 10px; 
						background: #931418; 

						border-radius: 30px;
						-moz-border-radius: 30px;
						-webkit-border-radius: 30px;

						-webkit-transition: .3s;
						-moz-transition: .3s;
						-o-transition: .3s;
						transition: .3s;
					}
					section#conteudo section#banner-infra ul.ctrls li a:hover,
					section#conteudo section#banner-infra ul.ctrls li a.ativo {
						background: #e1a300;
					} 

/*--------------------------------------------------------------*/

section#aeronaves { margin-top: 80px; }
	section#aeronaves h1 {
		display: block;
		width: 935px;
		height: 89px;
		background: url(../img/big-aero.png) no-repeat center center;
		margin-bottom: 50px;
	}
    section#aeronaves h2 {
		font: normal 47px/1em 'Dancing Script', cursive;
		color: #bf3d45;
		position: relative;
		margin-bottom: 25px;
	}
		section#aeronaves h2 span {
			background: url(../img/plane.png) no-repeat center center;
			width: 906px; /*806px*/
			height: 113px;
			position: absolute;
			right: -50px;
			top: -20px;
			z-index: 10;
		}
		section#aeronaves section#banner-aeronaves { 
			width: 940px;
			position: relative;
		}		
			section#aeronaves section#banner-aeronaves .wrapper { 
				width: 820px; /*820px versão 3 aeronaves e 1110px versão 4 aeronaves*/
				margin: 0 auto;
				position: relative;
				z-index: 2;
			}
				section#aeronaves section#banner-aeronaves .wrapper .overflow { width: 820px; /*1110px versão 4 aeronaves*/ height: 350px; overflow: hidden; }
					section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list { width: 10000px; }
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item {
							float: left;
							margin-right: 17px;							
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item a {
							text-decoration: none;
							position: relative;
							margin-bottom: 15px;
							display: block;
							width: 275px;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item a span {
							width: 275px;
							height: 275px;
							background: url(../img/lupa.png) no-repeat center center;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
							margin-top: -20px;
							margin-left: -20px;

							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
							filter: alpha(opacity=0);
							-moz-opacity: 0;
							-khtml-opacity: 0;
							opacity: 0;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item a:hover span {
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							filter: alpha(opacity=100);
							-moz-opacity: 1;
							-khtml-opacity: 1;
							opacity: 1;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item img { 
							display: block;
							width: 235px;
							height: 235px;
							margin-top: 0;
							margin-left: 0;

							-webkit-transition: .3s;
							-moz-transition: .3s;
							-o-transition: .3s;
							transition: .3s;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item a:hover img {
							width: 275px;
							height: 275px;
							position: absolute;
							margin-top: -20px;
							margin-left: -20px;

						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item div.texto {
							width: 210px;
							margin: 0 auto;
							text-align: center;
							margin: 0 0 0 15px;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item div.texto h3 {
							font-size: 14px;
							font-weight: bold;
							text-transform: uppercase;
							color: #626061;
							margin-bottom: 10px;
						}
						section#aeronaves section#banner-aeronaves .wrapper .overflow ul.list li.item div.texto p {
							font-size: 12px;
							line-height: 1.5em;
							color: #626061;
						}
				section#aeronaves section#banner-aeronaves .wrapper a.ctrl {
					width: 30px;
					height: 46px;
					display: block;
					position: absolute;
					top: 100px;
					background: url(../img/ctrl.png) no-repeat left top;
					z-index: 99;
				}
				section#aeronaves section#banner-aeronaves .wrapper a.ctrl.prev {
					left: -60px;
				}
				section#aeronaves section#banner-aeronaves .wrapper a.ctrl.next {
					right: -60px;
					background-position: right top;
				}
				section#aeronaves section#banner-aeronaves .wrapper a.ctrl.next:hover {
					background: url(../img/ctrl-over.png) no-repeat right top;
				}
				section#aeronaves section#banner-aeronaves .wrapper a.ctrl.prev:hover {
					background: url(../img/ctrl-over.png) no-repeat left top;
				}

/*--------------------------------------------------------------*/

section#tempo { margin-top: 50px; }
	section#tempo h1 {
		display: block;
		width: 935px;
		height: 130px;
		background: url(../img/big-tempo.png) no-repeat center center;
		margin-bottom: 50px;
	}
		section#tempo div.overflow {
			width: 940px;
			height: 390px;
			overflow-x: auto;
			overflow-y: hidden;
		}
		section#tempo ul {
			display: block;
			width: auto;
		}
		section#tempo ul li {
			float: left;
			height: 290px;
			width: 130px;
			background: #ab1f25;
			margin-right: 10px;
			padding: 50px 25px 10px 25px;
			color: #FFF;

			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			-moz-opacity: .5;
			-khtml-opacity: .5;
			opacity: .5;


		}
		section#tempo ul li:hover {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
		}
		section#tempo ul li h3 {
			text-align: center;
			text-transform: uppercase;
			font: normal 20px/1em 'Chunk', sans-serif;
		}
			section#tempo ul li h4 {
				text-align: center;
				text-transform: uppercase;
				font: normal 52px/1em 'Chunk', sans-serif;
				margin-bottom: 15px;
			}
			section#tempo ul li p {
				font-size: 11px;
				line-height: 1.8em;
				width: 130px;
				margin: 0 auto 15px auto;
			}
			section#tempo ul li p a {
				text-decoration: none;
				color: #e6b60e;
			}
			section#tempo ul li a.fotos {
				text-align: center;
				text-decoration: none;
				color: #FFF;
				background: url(../img/lupa-2.png) no-repeat center top;
				padding-top: 60px;
				display: block;
				font-size: 10px;
			}
/*--------------------------------------------------------------*/

section#dicas { margin-top: 100px; }
	section#dicas h1 {
		display: block;
		width: 935px;
		height: 112px;
		background: url(../img/big-seguranca.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#dicas ul { display: block; position: relative; min-height: 310px; }
		section#dicas ul li {
			float: left; 
			margin: 0 60px 70px 0;
		}
		section#dicas ul li.last { margin-right: 0; }
			section#dicas ul li a {
				display: block;	
				width: 440px;
				text-decoration: none;		
			} 
				section#dicas ul li a span {
					background: url(../img/mais.png) no-repeat top left;
					width: 72px;
					height: 72px;
					float: left;
					border-right: 1px #ac2026 solid;
					padding-right: 35px;
					margin-right: 35px;
				}
				section#dicas ul li a:hover span {
					background-position: bottom left; 	
				}
				section#dicas ul li a div.texto {
					float: left;
					width: 245px;
				}
					section#dicas ul li a div.texto h2 {
						font: normal 20px/1em 'Chunk', sans-serif;
						color: #ac2026;
						text-transform: uppercase;
						margin-bottom: 10px;
					}
					section#dicas ul li a div.texto p {
						color: #626061;
						font-size: 12px;
						line-height: 1.5em;
					}
					section#dicas ul li a div.texto p small {
						color: #fc6b00;
					}
					section#dicas ul div.dica {
						min-width: 710px;
						height: 485px;
						background: #FFF;
						display: none;
						position: absolute;
						top: -10px;
						left: 0;
						z-index: 99;
						padding: 35px 90px 35px 140px;

						box-shadow: 2px 2px 1px rgba(0,0,0,.10);
			           -moz-box-shadow: 2px 2px 1px rgba(0,0,0,.10);
			           -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,.10);
					}
						section#dicas ul div.dica h2 {
							font: normal 20px/1em 'Chunk', sans-serif;
							color: #ac2026;
							text-transform: uppercase;
							margin-bottom: 30px;
						}
						section#dicas ul div.dica p {
							color: #626061;
							font-size: 12px;
							line-height: 1.6em;
							margin-bottom: 15px;
						}
						section#dicas ul div.dica a.close {
							position: absolute;
							top: 5px;
							left: 5px;
							background: url(../img/close-dica.png) no-repeat center center;
							width: 110px;
							height: 75px;
						}
section#dicas div.paginacao {
	margin: 0 auto;
}
section#dicas div.paginacao span {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	background: #e1a300;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-webkit-transition: .3s;
}
section#dicas div.paginacao a {
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	background: #931418;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
section#dicas div.paginacao a:hover { background: #e1a300; }

/*--------------------------------------------------------------*/

section#cursos-interna { margin-top: 80px; }
	section#cursos-interna h1 {
		display: block;
		width: 935px;
		height: 112px;
		background: url(../img/big-cursos.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#cursos-interna div.curso {
		display: block;
		margin-top: 35px;
	}
	section#cursos-interna div.curso img { float: left; margin-right: 27px; margin-left: 35px; }
	section#cursos-interna div.curso div.texto { 
		float: left;
		width: 600px;
		color: #626061;
	}
	section#cursos-interna div.curso div.texto h2 {
		font: normal 24px/1em 'Chunk', sans-serif;
		color: #ac2026;
		text-transform: uppercase;
		margin-bottom: 15px;
	} 
	section#cursos-interna div.curso div.texto p {
		line-height: 2em;
		margin-top: 10px;
	}
	section#cursos-interna div.curso div.texto a {
		color: #626061;
		text-decoration: none;
		font-size: 15px;
		font-weight: 900;
		margin-top: 20px;
		display: block;
	}
	section#cursos-interna div.nossos-instrutores {
		width: 275px;
		height: auto;
		overflow:visible;
		float: left;
		margin-right: 50px;
	}
	section#cursos-interna div.nossos-instrutores img{
		margin: 0 5px 10px 5px;
	}
	section#cursos-interna div.nossos-instrutores li{
		width: 91px;
		height:98px;
		overflow:visible;
		float:left;
	}
	section#cursos-interna div.nossos-instrutores li img{
		margin: 0px;
	}
	section#cursos-interna div.nossos-instrutores li .detalhe-instrutor{
		background: url(../img/cursos/detalhe-instrutor.png) no-repeat center center;
		width:117px;
		height:98px;
		position:absolute;
		z-index:2;
		margin-left: 92px;
		color: #fff;
		text-align:center;
		display:none;
	}
	section#cursos-interna div.nossos-instrutores li .detalhe-instrutor h4{
		font-family: "Open Sans", sans-serif; font-weight: 800;
		font-size:14px;
		padding: 3px 3px 3px 12px;
	}
	section#cursos-interna div.nossos-instrutores li .detalhe-instrutor p{
		font-family:Open Sans;
		font-size:18px;
		font-weight:bold;
		padding: 3px 3px 0px 12px;
		text-align: center;
	}
	section#cursos-interna div.nossos-instrutores li .detalhe-instrutor p small{
		font-weight:normal;
		font-size:9px;
		line-height: 1px;
	}
	section#cursos-interna div.nossos-instrutores li:hover{
		cursor: pointer;
	}	
	section#cursos-interna div.nossos-instrutores li:hover .border{
		border: 3px solid #ed1c24;
		width: 85px;
		height: 92px;
		position: absolute;
	}

/*--------------------------------------------------------------*/

section#panoramico-interna { margin-top: 100px; position: relative;  }
	section#panoramico-interna h1 {
		display: block;
		width: 935px;
		height: 130px;
		background: url(../img/big-panoramico.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#panoramico-interna h2 {
		font: normal 36px/1em 'Dancing Script', cursive;
		color: #bf3d45;
		position: relative;
		margin-bottom: 25px;
	}
	section#panoramico-interna div.texto {
		width: 450px;
		height: 320px;
		max-height: 335px;
		overflow: auto;
		float: left;
		position:absolute;
		z-index:999;
	}
	section#panoramico-interna div.texto p {
		text-transform: uppercase;
		margin-bottom: 20px;
		font-size: 12px;
		line-height: 2em;
		color: #626061;
	}
	section#panoramico-interna a.video {
		float: left;
		width: 614px;
		height: 361px;
		background: url(../img/panoramico-interno.png) no-repeat center center;
		position: absolute;
		right: -80px;
		top: 160px;
		z-index:99;
	}
	section#panoramico-interna div.fb-like {
		position: absolute;
		right: 20px;
		top: 180px;
		z-index: 999;
	}
	.agrupaconteudovoo { width:950px; height:390px;}

/*--------------------------------------------------------------*/

section#rotas {
	margin-top: 25px;
}
	section#rotas h2 {
		font: normal 36px/1em 'Dancing Script', cursive;
		color: #bf3d45;
		position: relative;
		margin-bottom: 25px;
	}
	section#rotas div.overflow {
		width: 940px;
		overflow-x: auto;
		overflow-y: hidden;
		height: 300px;
	}
		section#rotas div.overflow ul {
			display: block;
		}
		section#rotas div.overflow ul li {
			float: left;
			margin-right: 49px;
		}
			section#rotas div.overflow ul li a {
				border-left: 1px #626061 dotted;
				padding-left: 15px;
				display: block;
				text-decoration: none;
				cursor: default;
			}
				section#rotas div.overflow ul li a img {
					float: left;
					margin-right: 15px;
				}
				section#rotas div.overflow ul li a div.texto { float: left; width: 210px; }
				section#rotas div.overflow ul li a div.texto h3 {
					font: normal 20px/1em 'Chunk', sans-serif;
					color: #ac2026;
					text-transform: normal;
					margin-bottom: 10px
				}
				section#rotas div.overflow ul li a div.texto p {
					color: #626061;
					line-height: 1.5em;
				}
				section#rotas div.overflow ul li a div.texto h4 {
					font-weight: bold;
					text-transform: uppercase;
					font-size: 10px;
					color: #ac2026;
					margin-top: 15px;
					margin-bottom: 10px;
				}

/*--------------------------------------------------------------*/

section#contato { margin-top: 100px; }
	section#contato h1 {
		display: block;
		width: 935px;
		height: 111px;
		background: url(../img/big-contato.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#contato form {
		background: #b7d2d5;
		padding: 40px;
	}
		section#contato form h2 {
			color: #446168;
			font-weight: 800;
			font-size: 32px;
			color: #39585e;
		}
		section#contato form small {
			font-size: 11px;
			text-transform: uppercase;
			color: #39585e;
			line-height: 2em;
			margin-bottom: 10px;
			display: block;
		}
		section#contato form div.coluna { float: left; margin-right: 20px; }
		section#contato form div.coluna.last { margin-right: 0; }
		section#contato form div.coluna p { display: block; margin-bottom: 10px; }
		section#contato form div.coluna p label { 
			display: block;
			font-size: 15px;
			color: #39585e;
			line-height: 1.5em;
			font-weight: 800;
		}
		section#contato form div.coluna p input.text {
			width: 395px;
			height: 25px;
			padding: 10px;
			border: 0;
			background: #f4f8f9;
			color: #446168;
			font: normal 14px/1em 'Open Sans', serif;
		} 
		section#contato form div.coluna p textarea {
			width: 395px;
			max-width: 395px;
			height: 102px;
			max-height: 102px;
			padding: 10px;
			border: 0;
			background: #f4f8f9;
			color: #446168;
			font: normal 14px/1em 'Open Sans', serif;
		} 
		section#contato form.contato div.submit input {
			width: 134px;
			height: 49px;
			background: url(../img/bt-enviar.png) no-repeat center center;
			border: 0;
			padding: 0;
			cursor: pointer;
			float: right;
			position: relative;
			right: 10px;
		}


/*--------------------------------------------------------------*/

section#galeria-interna { margin-top: 100px; }
	section#galeria-interna h1 {
		display: block;
		width: 935px;
		height: 112px;
		background: url(../img/big-galeria.png) no-repeat center center;
		margin-bottom: 50px;
	}
	section#galeria-interna h2 {
		font: normal 36px/1em 'Dancing Script', cursive;
		color: #bf3d45;
		position: relative;
		margin-bottom: 25px;
		text-align: center;
		font-weight: bold;
	}
		section#galeria-interna section#banner-galeria-interna { 
			width: 940px; 
			display: block;
			margin-bottom: 50px;		
		}
			section#galeria-interna section#banner-galeria-interna .wrapper { 
				width: 940px; 
				margin: 0 auto; 
			}
				section#galeria-interna section#banner-galeria-interna .wrapper .overflow { width: 940px; height: 165px; overflow: hidden; }
					section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list { width: 10000px; }
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item {
							float: left;
							background: url(../img/square.png) no-repeat center center;
							margin-right: 37px;
							position: relative;										
						}
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item a {
							text-decoration: none;
							color: #FFF;
							text-align: center;
						}
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item a h3 {
							font-size: 14px;
							font-weight: bold;
							margin-bottom: 10px;
							background: url(../img/lupa-galeria.png) no-repeat top center;
							padding-top: 40px;
						}
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item a p {
							font-size: 10px;
						}
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item img { 
							display: block; 
							width: 140px; 
							height: 140px;
							padding: 10px 9px 15px 9px;
						} 
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item span {
							width: 140px;
							height: 115px;
							position: absolute;
							top: 10px;
							left:9px;
							background: url(../img/vinho.png) repeat center center;
							padding-top: 25px;

							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
							filter: alpha(opacity=0);
							-moz-opacity: 0;
							-khtml-opacity: 0;
							opacity: 0;

							-webkit-transition: .3s;
							-moz-transition: .3s;
							-o-transition: .3s;
							transition: .3s;
						} 
						section#galeria-interna section#banner-galeria-interna .wrapper .overflow ul.list li.item a:hover span {
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							filter: alpha(opacity=100);
							-moz-opacity: 1;
							-khtml-opacity: 1;
							opacity: 1;
						}
				section#galeria-interna section#banner-galeria-interna ul.ctrls { display: block; margin: 15px auto 0 auto; }
					section#galeria-interna section#banner-galeria-interna ul.ctrls li { float: left; margin-right: 15px; }
						section#galeria-interna section#banner-galeria-interna ul.ctrls li a { 
							display: block; 
							width: 10px; 
							height: 10px; 
							background: #931418; 

							border-radius: 30px;
							-moz-border-radius: 30px;
							-webkit-border-radius: 30px;

							-webkit-transition: .3s;
							-moz-transition: .3s;
							-o-transition: .3s;
							transition: .3s;
						}
						section#galeria-interna section#banner-galeria-interna ul.ctrls li a:hover,
						section#galeria-interna section#banner-galeria-interna ul.ctrls li a.ativo {
							background: #e1a300;
						} 

/*--------------------------------------------------------------*/

section#galeria-interna section#banner-videos-interna { 
	width: 940px; 
	display: block;
	margin-bottom: 50px;		
}
	section#galeria-interna section#banner-videos-interna .wrapper { 
		width: 940px; 
		margin: 0 auto; 
	}
		section#galeria-interna section#banner-videos-interna .wrapper .overflow { width: 940px; height: 165px; overflow: hidden; }
			section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list { width: 10000px; }
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item {
					float: left;
					margin-right: 24px;
					position: relative;										
				}
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item a {
					text-decoration: none;
					color: #FFF;
					text-align: center;
					width: 217px;
					height: 122px;
					display: block;
					overflow: hidden;
				}
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item a h3 {
					font-size: 14px;
					font-weight: bold;
					margin-bottom: 10px;
					background: url(../img/lupa-galeria.png) no-repeat top center;
					padding-top: 40px;
				}
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item a p {
					font-size: 10px;
				}
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item img { 
					display: block; 
					width: 240px;
					margin-top: -25px;
				} 
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item span {
					width: 217px;
					height: 102px;
					position: absolute;
					top: 0px;
					left:0px;
					background: url(../img/vinho.png) repeat center center;
					padding-top: 20px;

					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-moz-opacity: 0;
					-khtml-opacity: 0;
					opacity: 0;

					-webkit-transition: .3s;
					-moz-transition: .3s;
					-o-transition: .3s;
					transition: .3s;
				} 
				section#galeria-interna section#banner-videos-interna .wrapper .overflow ul.list li.item a:hover span {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1;
					-khtml-opacity: 1;
					opacity: 1;
				}
		section#galeria-interna section#banner-videos-interna ul.ctrls { display: block; margin: 15px auto 0 auto; }
			section#galeria-interna section#banner-videos-interna ul.ctrls li { float: left; margin-right: 15px; }
				section#galeria-interna section#banner-videos-interna ul.ctrls li a { 
					display: block; 
					width: 10px; 
					height: 10px; 
					background: #931418; 

					border-radius: 30px;
					-moz-border-radius: 30px;
					-webkit-border-radius: 30px;

					-webkit-transition: .3s;
					-moz-transition: .3s;
					-o-transition: .3s;
					transition: .3s;
				}
				section#galeria-interna section#banner-videos-interna ul.ctrls li a:hover,
				section#galeria-interna section#banner-videos-interna ul.ctrls li a.ativo {
					background: #e1a300;
				} 

/*--------------------------------------------------------------*/
section#agrupa { 
	background: url(../img/footer.jpg) no-repeat center bottom;
	padding-bottom: 190px;
}
section#parceiros { margin-top: 40px; margin-bottom: 15px; }
section#parceiros div.wrapper { width: 940px; margin: 0 auto; border-bottom: 1px #A7D1DA solid; padding-bottom: 10px; }
	section#parceiros h1 {
		display: block;
		width: 935px;
		height: 41px;
		background: url(../img/big-parceiros.png) no-repeat center center;
		margin-bottom: 20px;
	}
		section#parceiros ul li {
			float: left;
			margin-right: 8px;
		}
		section#parceiros ul li.last { margin-right: 0; }
		section#parceiros ul li img {
			display: block;
			box-shadow: 2px 1px 1px rgba(0,0,0,.10);
           -moz-box-shadow: 2px 1px 1px rgba(0,0,0,.10);
           -webkit-box-shadow: 2px 1px 1px rgba(0,0,0,.10);
		}

/*--------------------------------------------------------------*/

section#footer .wrapper { width: 940px; margin: 0 auto; }
section#footer .wrapper p {
	font-size: 10px;
	color: #1f3605;
	line-height: 1.5em;
	float: left;
}
section#footer .wrapper a.tatica {
	width: 134px;
	height: 25px;
	float: right;
	background: url(../img/tatica.png) no-repeat center center;
}
a#back-top {
	position: fixed;
	bottom: 110px;
	right: 20px;
	width: 81px;
	height: 91px;
	background: url(../img/voltar.png) no-repeat center center;
}

/*--------------------------------------------------------------*/

.clear {
	clear: both; 
	display: block; 
	font: 1px/0px serif; 
	content: "."; 
	height: 0; 
	visibility: hidden; 
}

