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




html, body, #wrap 
{
height: 100%;
margin:0;
	background:#fff url(imagens/fundo.jpg) no-repeat center top;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
color:#333 ;
}

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

}



#main 
{

	position:relative;
	padding-bottom:107px;
	z-index:2;
	

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

#header
{
}

#footer {
    background: #29ace2 none repeat scroll 0 0;
    clear: both;
    color: #fff;
    font-size: 12px;
    height: 150px;
    margin-top: -150px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 4;

}

#banner
{
	position:relative;
	border-top:5px solid #29ace2 ;
	top:0;
	left:0;
	width:100%;
	background:#fff url(imagens/fundo.jpg) no-repeat center top;
	z-index:99;

	

}

#sticky {
padding-top:0; padding-bottom:0; background: #ebf5fa; color:#999; font-size:10px; z-index:999; width:100%;
}
#sticky.stick {
    position: fixed;
    top: 0;
    z-index: 10000;
	border-top:5px solid #29ace2 ;

}


.info
{
	width:1200px;
	left:50%;
	margin-left:-600px;
	position:relative;
}
.info2
{
	position:relative;
	left:50%;
	margin-left:-400px;
	width:800px;
	text-align:center;
}

.info3
{
	position:relative;
	left:5%;
	width:90%;
	text-align:center;
}
.caixamenu
{
    position: relative;
    visibility: visible;
    width: 100%;
    z-index: 99;
	
}

.caixamenu2
{
	display:none;
}



.logo
{
	position:relative;
	margin-top:20px;
	left:0px;
	z-index:99;
	margin-left:0;
	width:273px;
		margin-bottom:20px;


		
		}

		.logo_mobile
{
display:none;

}


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: #29ace2;
	text-decoration:none;
}
a:active {
	color: #333;
	text-decoration:none;
}


a.footer:link {
	color: #fff;
	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;
	font-weight:bold;
}
a.footer:visited {
	color: #fff;
	text-decoration:none;	font-weight:bold;	

}
a.footer:hover {
	color: #142841;
	text-decoration:none;	font-weight:bold;	

}
a.footer:active {
	color: #fff;
	text-decoration:none;	font-weight:bold;	

}









div.outer {
    width:100%;
    height:248px;
    overflow:hidden;
	position:relative;
	top:0;
	z-index:1;
}
div.outer img {
    min-height: 248px;
    min-width: 1920px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}



.bt
{
	opacity:1;
		-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;
	font-size:12px;
}

.bt:hover
{
	opacity:0.8;
}


.menu_page
{
	opacity:1;
		-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;
	padding:12px 0;
	width:100%;
	text-align:left;
	border-top:1px solid #CCC;
	font-size:14px;
	background:none;
	text-transform:uppercase
}

.menu_page:hover
{
	opacity:1;
	background:#29ace2;	color:#FFF;
	padding:12px 5%;	width:90%;

}


.menu_page_active
{
	opacity:1;
		-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;
	padding:12px 5%;
	width:90%;
	text-align:left;
	border-top:1px solid #CCC;
	font-size:14px;
	background:#29ace2;
	text-transform:uppercase;
	color:#FFF;
}

#nav_container_page_home ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_home ul li { display: inline-block; vertical-align:top;}
#nav_container_page_home ul li.col1 { width:33%; text-align:center;}

#nav_container_page_equip ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 30%;}
#nav_container_page_equip ul li img { width:100%;}


#nav_container_page_equip2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip2 ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 20%;}
#nav_container_page_equip2 ul li img { width:100%;}




#nav_container_page ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page ul li { display: inline-block; vertical-align:top;}
#nav_container_page ul li.col1 { width:295px; text-align:left;}
#nav_container_page ul li.col2 { width:850px; text-align:left; padding-left:50px;}


#nav_container_page2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page2 ul li.col1 { width:25%; text-align:left; padding-right:4%}
#nav_container_page2 ul li.col2 { width:70%; text-align:left;}

#nav_container_page3 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page3 ul li { display: inline-block; vertical-align:top;}
#nav_container_page3 ul li.col1 { width:40%; text-align:left; padding-right:4%}
#nav_container_page3 ul li.col2 { width:55%; text-align:left;}


#nav_container_page_footer ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_footer ul li { display: inline-block; text-transform:uppercase;}
#nav_container_page_footer ul li.col1 { width:30%; text-align:left;  vertical-align:middle; padding-right:2%;}
#nav_container_page_footer ul li.col2 { width:23%; text-align:center;  vertical-align:middle; padding-right:2%;}





.title
{
	font-size:30px;
	width:100%;
	margin-bottom:40px;
	text-align:left;
	margin-top:40px;
	text-transform:uppercase;
	color:#002d62
	
}

.title2
{
	font-size:30px;
	width:100%;
	margin-bottom:40px;
	text-align:center;
	margin-top:40px;
	text-transform:uppercase;
		color:#002d62
}

.title_page
{
	font-size:56px;
}
.slider1 {

    z-index: 0;
    position: relative;
    display: block;

}

.slider2
{
	display:block;
}

.slider3
{
	display:block;
}

.extras
{
	display:block;
}

.artigos
{
	padding:10px; border:1px solid #002d62; color:#002d62;	-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:5px;
}

.artigos:hover
{
	background:#29ace2; border:1px solid #002d62; color:#FFF;
}

.artigos2
{
	padding:20px; border:1px solid #002d62; color:#002d62;	-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:5px;
}
.h1
{
	font-size:12px; font-weight:bold;
}

.input
{
	background:none; border:1px solid #CCC; color:#002d62; padding:10px;
}

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

#banner {
    position: relative;
    border-top: 5px solid #29ace2;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff url(imagens/fundo.jpg) no-repeat center top;
    z-index: 99;
}


.nivo-caption {
display:none;
}

.slider2
{
	display:none;
}
.slider3
{
	display:none;
}


.extras
{
	display:none;
}


.logo
{
	width:100%;
	text-align:right;
}

.logo_mobile
{
	width:100%;
	text-align:right;
	display:block;
	position:relative;
}


.logo_mobile img {

    max-width: 150px;

}

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


.caixamenu
{
	display:none;
	
}

.caixamenu2
{
    display: block;
    padding-left: 0;
    position: absolute;
    top: 18px;
    visibility: visible;
    width: 80%;
    z-index: 9999999;
	
}


	div.outer {
    height:220px;

}
div.outer img {
    min-height: 220px;
}

#nav_container_page_home ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_home ul li { display: inline-block; vertical-align:top;}
#nav_container_page_home ul li.col1 { width:100%; text-align:center;}



#nav_container_page_text ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_text ul li { display: inline-block; vertical-align:top;}
#nav_container_page_text ul li.col1 { width:100%; padding-right:0%;  margin-bottom:40px;}
#nav_container_page_text ul li.col2 { width:100%;}



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


#nav_container_page ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page ul li { display: inline-block; vertical-align:top;}
#nav_container_page ul li.col1 { width:295px; text-align:left; display:none}
#nav_container_page ul li.col2 { width:100%; text-align:left; padding-left:0;}
#nav_container_page ul li.col2 img { width:100%; }

#nav_container_page2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page2 ul li.col1 { width:100%; text-align:left; padding-right:0%}
#nav_container_page2 ul li.col2 { width:100%; text-align:left;}
#nav_container_page2 ul li  img { width:100%; }

#nav_container_page3 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page3 ul li { display: inline-block; vertical-align:top;}
#nav_container_page3 ul li.col1 { width:40%; text-align:left; padding-right:4%}
#nav_container_page3 ul li.col2 { width:55%; text-align:left;}
	
	
#nav_container_page_equip ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 100%;}
#nav_container_page_equip ul li img { width:100%;}


#nav_container_page_equip2 ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_equip2 ul li { display: inline-block; vertical-align:top;}
#nav_container_page_equip2 ul li { background:#ebf5fa;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
    width: 100%;}
#nav_container_page_equip2 ul li img { width:100%;}

#footer {
position: relative;
margin-top: 0; /* A mesma altura do rodapé, o valor deve ser negativo */
height: auto;

}

#main {
    padding-bottom: 0;
}
.title_page
{
	font-size:40px;
}


}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}
 
.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}
 
.fade-in.two {
-webkit-animation-delay: 0.1s;
-moz-animation-delay:0.1s;
animation-delay: 0.1s;
}
 
.fade-in.three {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
animation-delay: 1.2s;
}
 
/*---make a basic box ---*/
.box{


 
}