@charset "utf-8";
/* CSS Document */

html, body, #wrap 
{
height: 100%;
margin:0px;
background-repeat:repeat;
font-family: 'Open Sans', sans-serif;
font-size:12px;
color:#333;
background:#fff;

}

body > #wrap 
{
height: auto; 
min-height: 100%;

}
#wrap 
{
	position:relative;
}


#main 
{

	position:relative;
	padding-bottom:250px;

}  /* deve ser a mesma altura do rodapé */


#footer {
background: none repeat scroll 0 0 #333;
    clear: both;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: 287px;
    margin-top: -180px;
    padding-top: 30px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 4;font-family: 'Glegoo', serif;
	line-height:14px;
}

.logo
{
	position:absolute;
	top:20px;
	left:0;
	width:211px;
	height:224px;
	z-index:999;
}

.text
{
	width:100%; position:relative; padding-bottom:5px;	

}

.barratop
{
	width:100%;
	position:relative;
	top:0;
	background:url(imagens/lat_right.png) right center #FFF no-repeat;
	height:53px;
	z-index:2;
}

#header
{
	position:relative;
	height:400px;
}

.info
{
	position:relative;
	left:50%;
	margin-left:-600px;
	width:1200px;
}


a:link {
	color: #333;
	text-decoration:none;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #008082;
	text-decoration:none;
}
a:active {
	color: #333;
	text-decoration:none;
}





a.footer_link:link {
	color: #999;
	text-decoration:none;
		-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	line-height:22px;
}
a.footer_link:visited {
	color: #999;
	text-decoration:none;
}
a.footer_link:hover {
	color: #fff;
	text-decoration:none;
}
a.footer_link:active {
	color: #999;
	text-decoration:none;
}


			#wrapper {
				height: 400px;
				right: 0;
				margin: 0;
				min-width: 900px;
				position: absolute;
				top: 0;
				width: 80%;
			}
			#carousel div {
				height: 400px;
				float: left;
			}
			#carousel img {
    min-height: 400px;
    min-width: 1006px;
	width:100%;
    position: relative;
			}
			#title {
 background: url("imagens/bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: "Glegoo",serif;
    right: 0;
    margin-left: 0;
    margin-top: -160px;
    padding: 20px 26px 20px 47px;
    position: absolute;
    text-align: center;
    top: 480px;
	width:100%;
	
				
			}
			#title h3 {

				font-size: 29px;
				line-height: 40px;
				color: #fff;
				margin: 0;
				font-weight:none;
				
			}
			
			#title p {

				font-size: 40px;
				line-height: 35px;
				color: #fff;
				margin: 0;
			}			
			
			#title a {
				color: #fff;
			}
			#title a:hover {
				background: rgba( 0, 0, 0, 0.5 );
				padding: 2px 5px;
			}
			#pager {
border-radius: 20px;
    height: 50px;
    left: 50%;
    margin: 270px 0 0 -12px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 120px;
			}
			#pager a.selected span {
				background: #008082;
			}
			#pager a {
				display: inline-block;
				padding: 5px;
			}
			#pager span {
				border-radius: 10px;
				background: #ccc;
				text-indent: -100px;
				line-height: 0;
				display: inline-block;
				width: 10px;
				height: 10px;
				overflow: hidden;
			}




.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#nav_container_header ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header ul li { display: inline-block; vertical-align:top}
#nav_container_header ul li.col_1 { width:29%; padding-right:5%}

#nav_container_header ul li.col_2 { width:65%; }

#nav_container_header-2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-2 ul li { display: inline-block; vertical-align:top; margin-bottom:20px;}
#nav_container_header-2 ul li.col_1 { width:50%; }

#nav_container_header-2 ul li.col_2 { width:45%; padding-right:10%}

#nav_container_header-3 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-3 ul li { display: inline-block; vertical-align:top}
#nav_container_header-3 ul li.col_1 { width:32%; padding-right:1%}


#nav_container_header-4 ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:148px;}
#nav_container_header-4 ul li { display: inline-block;vertical-align:top; background:url(imagens/icon_logo.png) no-repeat top left; padding-left:65px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#nav_container_header-4 ul li.col_1 { width:330px; text-align:left; padding-right:40px; padding-top:20px;}
#nav_container_header-4 ul li.col_2 { width:330px; text-align:left; padding-right:40px; padding-top:20px;}
#nav_container_header-4 ul li.col_3 { width:330px; text-align:left; padding-top:20px;}


#nav_container_header-5 ul { margin: 0;padding: 0;list-style-type: none; position:relative; width:100%;}
#nav_container_header-5 ul li { display: inline-block;  vertical-align:top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#nav_container_header-5 ul li.col_1 { width:49%;}
#nav_container_header-5 ul li.col_2 { width:50%;  }

#nav_container_header-footer ul { margin: 0;padding: 0;list-style-type: none; position:relative; width:100%;}
#nav_container_header-footer ul li { display: inline-block;  vertical-align:top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#nav_container_header-footer ul li.col_1 { width:17%; text-align:left; }
#nav_container_header-footer ul li.col_2 { width:24%; text-align:left; }

#nav_container_header-6 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-6 ul li { display: inline-block; vertical-align:top; text-align:center; margin-bottom:20px;}
#nav_container_header-6 ul li.col_1 { width:24%; text-align:center}
#nav_container_header-6 ul li.col_1 img { width:95%}

#nav_container_header-7 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-7 ul li { display: inline-block; vertical-align:top; text-align:center; margin-bottom:20px;}
#nav_container_header-7 ul li.col_1 { width:24%; text-align:center}
#nav_container_header-7 ul li.col_1 img { width:100%}



#nav_container_header-noti ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-noti ul li { display: inline-block; vertical-align:top; text-align:center; margin-bottom:20px; text-align:left}
#nav_container_header-noti ul li.col_1 { width:28%; padding-right:1%}
#nav_container_header-noti ul li.col_2 { width:70%}

#nav_container_header-egoi ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-egoi ul li { display: inline-block; vertical-align:middle; text-align:center; margin-bottom:20px;}
#nav_container_header-egoi ul li { width:24%; text-align:center}

.hover_noticia
{
	opacity:1;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
	border-bottom:3px solid #333;
}

.hover_noticia:hover
{
	opacity:0.6;
	border-bottom:3px solid #008082;
}

.sistemaegoi {
    position: absolute;
    right: 0;
    top: 319px;
    z-index: 9999;
    width: 100%;
    text-align: right;
}
.outer
{
	width:100%;
	height:324px;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.outer img
{
	min-height:324px;
}

.outer img.sup
{
    min-height: 171px;
    position: relative;
    top: -250px;
    z-index: 99;

}


.outer img.sup2
{
    min-height: 171px;
    position: relative;
    z-index: 99;
	position:fixed;
    top: -30000px;
	visibility:hidden;
}

.first
{
	font-size:39px;
	color:#FFF;
}
.second
{
	font-size:20px;
	color:#FFF;
}

.pesquisar
{
	background:none;
	border:0;
	font-size:11px;
	color:#FFF;
	background:url(imagens/procurar.png) left center no-repeat;
	padding:5px 5px 5px 30px;
	position:relative;
	top:-5px;
}

.newsletter
{
	background:none;
	border:0;
	font-size:11px;
	color:#333;
	padding:10px;
	position:relative;
	background:#fafafa;
	width:200px;
}
	
.title
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}

.title_noticia
{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}

.title-2
{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
}

.gray_box
{
	position:relative;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:40px;
	background:#dadada;
}

.line
{
	width:80%;
	margin-top:30px;
	margin-bottom:30px;
	border-top:1px solid #6d6d6d;
	left:10%;
	position:relative;
	
}


.caixamenu
{
	visibility:visible;
	position:relative;
	top:auto;
	width:715px; height:53px; position:absolute; left: 398px; top:0;
}

.caixamenu2
{
	visibility:hidden;
	position:fixed;
	top:-200px;
}


.faceb
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/face.jpg) no-repeat bottom center;
	position:relative; float:left; display:inline-table;		width:40px; height:40px;	
	
}

.twitter
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/twitter.jpg) no-repeat bottom center;
	width:40px; height:40px;	
	position:relative; float:left; display:inline-table;		

}


.youtube
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/youtube.jpg) no-repeat bottom center;
	width:40px; height:40px;
			position:relative; float:left; display:inline-table;		

}


.lat
{
	top:auto;
}


.home1
{
	display:block;
}
.home2
{
	display:none;
}



/* DESIGN RESPONSIVO */		

@media screen and (max-width: 1250px) {
.caixamenu
{
	visibility:visible;
	position:relative;
	top:auto;
	width:580px; height:53px; position:absolute; right:0; top:0;
}


.info
{
	position:relative;
	left:0;
	margin-left:0;
	width:100%;
	padding-right:2%;
	padding-left:2%;


}

.info-2
{
	position:relative;
	left:0;
	margin-left:0;
	width:100%;
	padding-left:0;
	padding-right:0;
}

.info-3
{
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	left:0;
	margin-left:0;
	width:90%;
	padding-left:5%;
	padding-right:5%;
}
.info-4
{
	position:relative;
	padding-top:40px;
	left:0;
	margin-left:0;
	width:80%;
	background:url(imagens/icon_logo_big_rodape.png) no-repeat left top;
	text-align:center;
	padding-left:10%;
	padding-right:10%;
}


.outer img.sup
{
    min-height:inherit;
    position: relative;
    top: -250px;
    z-index: 99;
	width:80%;

}





}

.banner_top_resp
{
	top:-2000px;
	background:#008082;
	position:absolute;
	height:250px;
	width:100%;
	z-index:99;
}


.line_title
{
	position:relative; width:66px; height:9px; background:url(imagens/title_line.png) no-repeat center center;
}


.slider1
{
	visibility:visible;
	top:auto;
	position:relative;
}

.slider2
{
	visibility:hidden;
	top:-5000px;
	position:relative;
}






@media screen and (max-width: 1000px) {
#nav_container_header-egoi ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-egoi ul li { display: inline-block; vertical-align:middle; text-align:center; margin-bottom:20px;}
#nav_container_header-egoi ul li { width:100%; text-align:center}

.info
{
	position:relative;
	left:0;
	margin-left:0;
	width:100%;
	padding-right:10%;
	padding-left:10%;


}

	
	.slider1
{
	visibility:hidden;
	top:-5000px;
	position:fixed;
	width:1px;
	overflow:hidden;
	
}

.slider2 {
    visibility: visible;
    top: -53px;
    position: relative;
    max-height: 335px;
	width:100%;
}

.info
{
	position:relative;
	left:0;
	margin-left:0;
	width:100%;
	padding-right:10%;
	padding-left:10%;


}	
				#wrapper {
				height: 636px;
				left: 0;
				margin: 0;
				min-width: 100%;
				position: absolute;
				top: 250px;
				width: 100%;
			}
	
.logo
{

	left:50%;
	margin-left:-105px;
	top:-235px;

}
	
.barratop
{
	top:-3000px;
}	
	
	
.lat
{
	top:-1000px;
}

.banner_top_resp
{
	top:0;
	position:relative;
}
	
.caixamenu
{
	visibility:hidden;
	position:fixed;
	top:-200px;}

.caixamenu2 {
    visibility: visible;
    position: absolute;
    top: 0;
    width: 100%;
}


#nav_container_header ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:180px}
#nav_container_header ul li { display: inline-block; float:none; padding-right:5px;}
#nav_container_header ul li.col_1 { width:100%; padding-top:10px;}
#nav_container_header ul li.col_1 img { width:100%;}
#nav_container_header ul li.col_1 img.correct { width:auto;}

#nav_container_header ul li.col_2 { width:100%; padding-top:0; }
#nav_container_header ul li.col_3 { width:100%; padding-right:0; padding-top:0;}
#nav_container_header ul li.col_3 img { width:auto;}

#nav_container_header-2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-2 ul li { display: inline-block; vertical-align:top; }
#nav_container_header-2 ul li.col_1 { width:100%; padding-right:0}
#nav_container_header-2 ul li.col_2 { width:100%; }

#nav_container_header-2 ul li img{ width:100%}
#nav_container_header-2 ul li img.correct { width:auto;}

#nav_container_header-3 ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:0; position:relative;}
#nav_container_header-3 ul li { display: inline-block; float:none; vertical-align:middle; margin-bottom:20px;}

#nav_container_header-3 ul li.col_1 { width:100%;  padding-right:0;}
#nav_container_header-3 ul li.col_2 { width:100%;  padding-right:0;}
#nav_container_header-3 ul li.col_3 { width:100%; }



#nav_container_header-4 ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:0;}
#nav_container_header-4 ul li { display: inline-block; float:none; vertical-align:top; background:url(imagens/icon_logo.png) no-repeat top left; padding-left:65px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; margin-bottom:80px;}
#nav_container_header-4 ul li.col_1 { width:100%; text-align:left; padding-right:0; padding-top:10px; font-size:100%;}
#nav_container_header-4 ul li.col_2 { width:100%; text-align:left; padding-right:0; padding-top:10px;}
#nav_container_header-4 ul li.col_3 { width:100%; text-align:left; padding-top:10px;}

#nav_container_header-6 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_header-6 ul li { display: inline-block; vertical-align:top; text-align:center; margin-bottom:20px;}
#nav_container_header-6 ul li.col_1 { width:100%; padding-right:0%}
#nav_container_header-6 ul li.col_2 { width:100%; }



#header
{
	position:relative;
	height:auto;
	z-index:99;
}



#nav_container_header-5 ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:0; width:80%; left:10%;}
#nav_container_header-5 ul li { display: inline-block; float:none; vertical-align:top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#nav_container_header-5 ul li.col_1 { width:100%; padding-bottom:40px }
#nav_container_header-5 ul li.col_2 { width:100%; padding-bottom:40px  }


#nav_container_header-footer ul { margin: 0;padding: 0;list-style-type: none; position:relative; min-height:0; width:80%; left:10%;}
#nav_container_header-footer ul li { display: inline-block; float:none; vertical-align:top; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#nav_container_header-footer ul li.col_1 { width:100%;  margin-top:20px; text-align:center; margin-bottom:20px;}
#nav_container_header-footer ul li.col_2 { width:100%;  margin-top:20px;text-align:center; margin-bottom:20px;}

#footer {
background: none repeat scroll 0 0 #00494a;
    clear: both;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    height: auto;
margin-top: -240px;
    padding-top: 30px;;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 4;
}







.faceb
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/face.jpg) no-repeat bottom center;
	position:relative; float:none; display:inline-table;		width:40px; height:40px;	
	
}

.twitter
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/twitter.jpg) no-repeat bottom center;
	width:40px; height:40px;	
	position:relative; float:none; display:inline-table;		

}


.youtube
{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	background:url(imagens/youtube.jpg) no-repeat bottom center;
	width:40px; height:40px;
			position:relative; float:none; display:inline-table;		

}

}

@media screen and (max-width: 700px) {

.home1
{
	display:none;
}
.home2
{
	display:block;
}

}

