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




html, body, #wrap 
{
height: 100%;
margin:0px;
font-family: 'Open Sans', sans-serif;font-size:12px;
color:#000;
font-weight:100;
background:#FFF;
}

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

}



#main 
{

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

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

#header
{
}

#footer {
position: relative;
margin-top: -360px; /* A mesma altura do rodapé, o valor deve ser negativo */
height: 360px;
clear:both;
text-align:LEFT;
color:#fff;
z-index:4;
width:100%;
font-size:14px;
background:url(imagens/bg_rodape.jpg) top center #0b0b0b;

}


.pl_bg_bt
{
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}


.ap_bg_bt
{
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}

.ay_bg_bt
{
	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}









img.pl_bg
{
opacity:0;
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:50;	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}
img.ap_bg
{
opacity:0;
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:50;	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}
img.ay_bg
{
opacity:0;
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:50;	-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;	
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

    img.pl_bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }

    img.ap_bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
  
      img.ay_bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }

}

#banner
{
	position:relative;
	height:865px;

}


#banner2
{
	position:relative;
	height:255px;

}

.info
{
	width:1140px;
	left:50%;
	margin-left:-570px;
	position:relative;
}


.infofooter
{
	width:1000px;
	left:50%;
	margin-left:-500px;
	position:relative;
	padding-top:60px;
}

.left
{
    background: #fff none repeat scroll 0 0;
    height: 100%;
    min-height: 100%;
    padding-left: 77px;
    padding-top: 35px;
    position: fixed;
    width: 261px;
    z-index: 999;
}

.left2
{
    background: #fff none repeat scroll 0 0;
    height: 100%;
    min-height: 100%;
    padding-left: 77px;
    padding-top: 35px;
    position: fixed;
    width: 185px;
    z-index: 999;
}


.caixamenu
{
	position:absolute;
	top:160px;
	left:0;
	z-index:99;
	width:100%;
	visibility:visible;
	
}

.caixamenu2
{
	display:none;
}

.home
{
    left: 305px;
    padding-bottom: 17px;
    padding-top: 17px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
    z-index: 2;
}

.login
{
    right: 90px;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
    z-index: 2;
}


.brasao
{
    right: 0;
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 81px;
	height:77px;
	background:url(imagens/brasao.png) no-repeat right center;
    z-index: 2;
}

.logo
{
	position:absolute;
	top:0;
	left:0px;
	width:220px;
	height:149px;
	z-index:2;
	margin-left:0;
	text-align:left;
	

}
.text
{
	width:100%; position:relative; column-count: 2;  column-gap: 20px;  -moz-column-count: 2;  -moz-column-gap: 20px;   -webkit-column-count: 2;   -webkit-column-gap: 20px; padding-bottom:5px;	

}
.bg_logo
{
	width:280px; height:426px; position:absolute; z-index:3; left:0; top:0; background:#FFF; text-align:center; color:#CCC; padding-top:25px; z-index:999999
}

a:link {
	color: #000;
	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: #000;
	text-decoration:none;
}
a:hover {
	color: #666;
	text-decoration:none;
}
a:active {
	color: #000;
	text-decoration:none;
}


a.footer:link {
	color: #959595;
	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.footer:visited {
	color: #959595;
	text-decoration:none;
}
a.footer:hover {
	color: #39b54a;
	text-decoration:none;
}
a.footer:active {
	color: #959595;
	text-decoration:none;
}



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


div.outer2 {
    width:100%;
    height:255px;
    overflow:hidden;
	position:absolute;
	top:0;
	z-index:1;
}
div.outer2 img {
    min-height: 865px;
    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;
}

.bt:hover
{
	opacity:0.3;
}

#navcontainer_noticia ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#navcontainer_noticia ul li { display: inline-block; vertical-align:top;}
#navcontainer_noticia ul li { width:24%; text-align:center; font-size:18px; font-weight:bold;}
#navcontainer_noticia ul li img { width:100%;}

#nav_container_page_pecas ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_page_pecas ul li { display: inline-block; vertical-align:middle;}
#nav_container_page_pecas ul li.col1a { width:48%; padding-right:1%;}
#nav_container_page_pecas ul li.col1a img { width:100%;}
#nav_container_page_pecas ul li.col2b { width:49%;}

#nav_container_team ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_team ul li { display: inline-block; vertical-align:top; width:24%; text-align:center; margin-bottom:30px; border-bottom:4px solid #fff; 		-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_team ul li:hover { border-bottom:4px solid #2774bd}
	
#nav_container_repair ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#nav_container_repair ul li { display: inline-block; vertical-align:top; width:24%; text-align:center; margin-bottom:30px; border-bottom:4px solid #fff; 		-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_repair ul li img {width:80%;}
	#nav_container_repair ul li:hover { border-bottom:4px solid #2774bd}


#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.colesq { width:375px;}
#nav_container_page ul li.coldir { width:760px;}

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

.title
{
	font-size:18px;
	width:100%;
	padding-bottom:30px;
	background:url(imagens/title.png) bottom center no-repeat;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
	
}

#accordian {
	width: 240px;
	margin:  0;
	color: black;
	padding-left:38px
	/*Some cool shadow and glow effect*/
}
/*heading styles*/
#accordian h3 {
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
			-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-bottom:10px;
	font-size:10px;
	font-weight:100
}
/*heading hover effect*/
#accordian h3:hover {
	color:#666;
	
	
	
}
/*iconfont styles*/
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
/*list items*/
#accordian li {
	list-style-type: none;
}
/*links*/




#accordian ul ul li a {
    color: #000;
    display: block;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.15s ease 0s;
	padding-bottom:5px;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
    color: #000;}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
	    padding-bottom: 10px;
    padding-left: 18px;
}
#accordian li.active ul {
	display: block;
	
}


		.wrapper {width:900px; margin: 0 auto; font: normal normal 400 100%/1.5em georgia, serif; color: #222;}
		.wrapper h1 {font: normal 600%/100% georgia, serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); margin: 0 0 5px 0; text-align: center;}
		.wrapper h2 {font: normal 200%/100% georgia, serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); margin: 0 0 5px 0; text-transform: uppercase; }
		.wrapper h3 {font: normal 150%/100% georgia, serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); margin: 0 0 5px 0;}
		.wrapper hr {border: none; border-top: 1px solid #ddd;}
		.head p {font: normal 145%/1em georgia, serif; text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.01); text-align: center;}
		.buttons a {display: inline-block;  background: #ddd; color: #111; width: 39.5%; margin: 0 5%; border-radius: 3px; text-align: center; line-height: 2.6em; text-decoration: none;}
		.buttons a:hover {background: #3366CC; color: #fff;}
		.buttons { clear: both; margin: 5px 0px 20px 0px; }
		.wrapper pre {font: normal 87.5%/1.2em monospace, sans-serif; padding: 15px 30px 0px 30px; margin: 0; background: #eee; border-radius: 3px; display: block; overflow: auto;}
		
		.pictures {    margin: 0 auto;
    padding: 0 0 0 270px;
    width: auto;}
		.blocks {margin: 0px auto; width: 70%; padding: 0;}

.rightresp
{
	padding:10px;
	position:fixed;
	display:none;
	top:-9999px;
}



.right
{
	padding-left:400px;
}

.right2
{
	width:auto; padding-left:752px; overflow-x:hidden; padding-top:80px; padding-right:80px; padding-bottom:80px;
}

.right3
{
	width:auto; overflow-x:hidden; padding:35px 80px 80px 262px
}
.social
{
	width:98%; position:fixed; bottom:0; text-align:right; font-size:9px; padding-top:5px; padding-bottom:15px; z-index:999; 
}

.direitos
{
	width:100%; position:fixed; bottom:0; text-align:left; font-size:9px; padding-top:15px; padding-bottom:17px; background:#FFF; z-index:999; padding-left:260px;
}

.imagem
{
	width:400px; height:100%; min-height:100%; overflow:hidden; position:fixed; left:262px;
}

@media screen and (max-width: 1000px) {
#navcontainer_noticia ul { margin: 0;padding: 0;list-style-type: none; position:relative}
#navcontainer_noticia ul li { display: inline-block; vertical-align:top;}
#navcontainer_noticia ul li { width:100%; text-align:center; font-size:18px; font-weight:bold;}
#navcontainer_noticia ul li img { width:100%;}

.right3 img
{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.left
{
    background: #fff none repeat scroll 0 0;
    height: auto;
    min-height: auto;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
    z-index: 999;
	top:0;
	text-align:center;
	padding-top:65px;
}

.left2
{
    background: #fff none repeat scroll 0 0;
    height: auto;
    min-height: auto;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
    z-index: 999;
	top:0;
	text-align:center;
	padding-top:40px;
}

.caixamenu
{
	position:relative;
	top:auto;
	left:-17px;
	z-index:99;
	width:100%;
	visibility:hidden;
	display:none;
	
}

.caixamenu2
{
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	visibility:visible;
	display:block;
	
}




#accordian {
	width: 100%;
	margin:  0;
	color: black;
	padding-left:0
	/*Some cool shadow and glow effect*/
}

.right
{
display:none;
	
}

.rightresp
{
display:block;
position:relative;
top:auto;
}



.right2
{
	width:auto; padding-left:20px; overflow-x:hidden; padding-top:0; padding-right:20px; padding-bottom:80px;
}
.right3
{
	width:auto; padding-left:20px; overflow-x:hidden; padding-top:0; padding-right:20px; padding-bottom:80px;
}
.social
{
	width:100%; position:fixed; bottom:0; text-align:center; font-size:9px; padding-top:5px; padding-bottom:15px; z-index:999; padding-right:0; padding-left:0;
}

.direitos
{
	display:none;
}
.imagem
{
	display:none;
}





}