/*border-bottom: 1.5px dotted #000; */
*{margin:0; padding:0;}
textarea{resize:none;}
#all{margin:0 auto; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size:14px; margin-left: -42px;}
/*#top{margin:0 auto; height:180px;
background: rgba(252,234,187,1);
background: -moz-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(254,246,235,1) 0%, rgba(251,223,147,1) 68%, rgba(250,209,96,1) 79%, rgba(248,181,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,234,187,1)), color-stop(0%, rgba(254,246,235,1)), color-stop(68%, rgba(251,223,147,1)), color-stop(79%, rgba(250,209,96,1)), color-stop(100%, rgba(248,181,0,1)));
background: -webkit-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(254,246,235,1) 0%, rgba(251,223,147,1) 68%, rgba(250,209,96,1) 79%, rgba(248,181,0,1) 100%);
background: -o-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(254,246,235,1) 0%, rgba(251,223,147,1) 68%, rgba(250,209,96,1) 79%, rgba(248,181,0,1) 100%);
background: -ms-linear-gradient(left, rgba(252,234,187,1) 0%, rgba(254,246,235,1) 0%, rgba(251,223,147,1) 68%, rgba(250,209,96,1) 79%, rgba(248,181,0,1) 100%);
background: linear-gradient(to right, rgba(252,234,187,1) 0%, rgba(254,246,235,1) 0%, rgba(251,223,147,1) 68%, rgba(250,209,96,1) 79%, rgba(248,181,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500', GradientType=1 );
}*/
#top{margin:0 auto; height:160px; background: #FFFFFF;}


 /*background: #e4ebe9 url(../images/fancy_deboss.png) repeat top left;}*/
#top-content{margin:0 auto; width: 100%; max-width:1024px;}

#logo{max-width:800px; height: 130px; margin-left: 120px; float: left;}
#fone{width:560px; font-size: 22px; color: #37366B; font-weight: bold; text-align: right; height: 130px; float: left;}
#numero{width: 200px; height: 50px; float: right; margin-top: 50px; margin-right: 50px;}


#menu{float:right; margin-right:100px; margin-top:6px; padding: 4px; border-radius: 5px; background-color: #37366B; width: 560px; font-size: 13px; font-weight: bold;}
#menu table{margin-left: 15px; margin-top: -2px;}
#menu a{text-decoration:none; color:#e1e1e1; /*border-radius:5px;*/ padding:2px 1.5px 2px 1.5px;}
#menu a:hover{color:#777; /*border-radius:5px;*/ padding:2px 1.5px 2px 1.5px;}
.mac{float: left;}
.sep-menu{width:4px; height: 4px; margin-left: 6px; border-radius: 2px; margin-top: 8px; background-color: #777; float: left;}

#div000{height: 3px; background-color: #6D6E70; position: relative; z-index: 2;}
#div00{height: 5px; background-color: #9E141C; position: relative; z-index: 2;}
#div01{margin:0 auto; height: 100px; background: #FFFFFF;} /* url(../img/fundo.png);}*/
#separador01{width:733px; height: 30px; margin:0 auto; font-family: Arial; font-size: 30px; color: #37366B;}
#separador01 a{text-decoration: none; font-size: 24px; color: #FFFFFF; background-color: #00AEFF; padding: 8px 30px 8px 30px; border-radius: 6px; opacity: 0.9;}
#separador01 a:hover{opacity:1; }
#content{margin:0 auto; width: 100%; height:320px;}
#content2{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 50px;}
#setinha{float: left; width: 50px;}
#wrapper{margin: 0 auto; width: 800px; float:left;}

.transparente a {
    opacity: 0.8;
 }
 .transparente a:hover {
    opacity:1;
  transition: opacity .10s ease-out;
  -moz-transition: opacity .10s ease-out;
  -webkit-transition: opacity .10s ease-out;
  -o-transition: opacity .10s ease-out;
 }

/*pagina representadas
*/
#content-rep{margin:0 auto; width: 100%; height:40px;}
#content-rep2{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 50px;}


#rep{height: 100%; background: /*#f1f1f1*/ #fff; text-align: center; width: 100%;}
#rep-content{margin:0 auto; background: #fff; width: 930px; height: 100%; color: #333; font-size: 13px;}
/*pagina representadas
*/

#clientes{height: 100%; min-height: 600px; background: /*#f1f1f1*/ #fff; text-align: center; width: 100%;}
#clientes-content{margin:0 auto; background: #fff; width: 930px; height: 100%; min-height: 600px; color: #333; font-size: 13px;}

#treino{height: 100%; min-height: 600px; background: /*#f1f1f1*/ #fff; text-align: center; width: 100%;
background: #e2e7ed; /* Old browsers */
background: -moz-linear-gradient(top, #e2e7ed 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e7ed 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e7ed 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e7ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#treino-content{margin:0 auto; background: #fff; width: 900px; height: 100%; min-height: 600px; color: #333; font-size: 13px; border-radius: 30px;}

#contato{text-align: center; width: 100%;
height: 100%; min-height: 900px; text-align: center; /*background-color: #e2e7ed;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e7ed+0,ffffff+60 */
background: #e2e7ed; /* Old browsers */
background: -moz-linear-gradient(top, #e2e7ed 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e7ed 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e7ed 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e7ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#contato-content{margin:0 auto; background: #fff; width: 900px; height: 100%; min-height: 600px; color: #333; font-size: 13px; border-radius: 30px;}


#empresa{height: 400px; background: /*#f1f1f1*/ #e2e7ed; text-align: center; width: 100%;}
#empresa-content{margin:0 auto; background: #e2e7ed; max-width: 930px; height: 400px; color: #333; font-size: 13px;}
#ec-left{width: 310px; height: 280px; float: left; margin-top: 50px; padding: 0px 20px 0px 20px;}
#ec-left a{text-decoration: none; color:#46B9FA; font-weight: bold;}
#ec-mid{width: 310px; height: 280px; float: left; margin-top: 50px; padding: 0px 20px 0px 20px;}
#ec-mid a{text-decoration: none; color:#46B9FA; font-weight: bold;}
#ec-right{width: 310px; height: 280px; float: left; margin-top: 50px; padding: 0px 20px 0px 20px;}
#ec-right a{text-decoration: none; color:#46B9FA; font-weight: bold;}
.separador-vert{width: 1px; height: 240px; margin-top: 12px; background-color: #ccc; float: left;}

#div02{width: 1024px; height: 55px; margin: 0 auto;}
#separador02{width:733px; margin:0 auto; margin-top: -50px;}
#separador03{width:733px; margin:0 auto; margin-top: -50px;}
#produtos{height: 280px; text-align: center; width: 1024px; margin: 0 auto; margin-top: -50px;}
#produto-content{margin:0 auto; width: 900px; height: 280px; padding: 30px; margin-top: -50px;}
#produtos2{height: 290px; text-align: center; width: 1024px; margin: 0 auto;}
#produto-content2{margin:0 auto; width: 260px; height: 290px; margin-left: 10px; float: left;}
#slide-novo{width: 720px; height: 290px; float: left;}
#repre{height: 140px; text-align: center;}
#repre-content{margin:0 auto; width: 780px; height: 140px;}
#supercola{z-index: 1000; width: 330px; margin: 0 auto; height: 210px; position: fixed; left: 10pt; bottom: 1pt;}



.assinatura{float: left; margin-top: 30px; margin-left: 16px; margin: 30px 32px 0px 0px;}
.assinatura a{ transition: all 0.2s ease; } 
.assinatura a:hover  { transform: scale(1.2) rotate(10deg); }

#assinatura a{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; } 
#assinatura a:hover  { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); }  


#rodape{margin:0 auto; height: 160px; background: #37366B /*#e4ebe9 url(../img/fundo4.png)*/; color: /*#333*/#e1e1e1; width: 100%;}
#rodape-content{margin:0 auto; max-width: 900px; height: 160px;}
#rdp-left{width: 300px; height: 160px; float: left; padding: 10px;}
#rdp-left table tr td a{text-decoration: none; color: #e1e1e1;}
#rdp-left table tr td a:hover{color: #777;}
#rdp-mid{width: 360px; height: 160px; float: right; padding: 10px; text-align:right;}
/*#rdp-mid table{margin-top: 20px; margin-left: 10px;}*/
/*#rdp-right{width: 340px; height: 200px; float: left;}*/
/*.separador-vert2{width: 1px; height: 180px; margin-top: 12px; background-color: #ccc; float: left;}*/

#contatos{width:900px; height: 300px; margin: 0 auto; font-size: 16px;}
.c-up{float: left;width: 300px; height: 150px; text-align: center; margin-top: 20px;}
.c-up span{font-size: 18px; font-family: Arial; font-weight: bold;}

.c-down{float: left; width: 300px; height: 150px; text-align: center;}
.c-down span{font-size: 18px; font-family: Arial; font-weight: bold;}

#mapa-contato{width: 1000px; height: 400px; text-align: left;}
#form-contato{width: 460px; height: 400px; float: left;}
	#form-contato input{width: 402px; height: 50px; margin: 10px;}
	#form-contato textarea{margin: 10px;}
	#botao input{height: 40px; width: 100px; float: right; margin-top: -10px;}
#mapa{width: 440px; height: 400px; float: left;}

#empresa2{height: 700px; background: #FFF; text-align: center;}
#empresa-content2{margin:0 auto; width: 1024px; height: 700px;}
#treinamentos{height: 800px;}

#empresa3{height: 890px; background: #FFF; text-align: center;}
#empresa-content3{margin:0 auto; width: 1024px; height: 890px;}
#fornec{margin-top: 40px; width: 1200px; margin-left: 50px;}

.assinatura3{float: left; margin-left: 16px;}

.assinatura2{ 
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
	}

.assinatura2.assinatura3:hover  { 
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	}


	.assinatura5{margin-left: 0px;}

.assinatura4{ 
	-webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
	}

.assinatura4.assinatura5:hover  { 
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	}
	
	#empresa2{height: 900px; background: #FFF; text-align: center;}
	#empresa-content2{margin:0 auto; width: 1024px; height: 900px;}
	

#representadas{width: 900px; margin: 0 auto; height: 100px;}
.rlogo{width: 140px; float: left; margin-top: 15px;}
.rdesc{width: 760px; text-align: justify; font-size: 13px; float: left;}	

#empresa4{height: 1400px; background: #FFF; text-align: center;}
#empresa-content4{margin:0 auto; width: 1024px; height: 1400px;}

#empresa5{height: 100%; min-height: 900px; text-align: center; /*background-color: #e2e7ed;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e7ed+0,ffffff+60 */
background: #e2e7ed; /* Old browsers */
background: -moz-linear-gradient(top, #e2e7ed 0%, #ffffff 60%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e2e7ed 0%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e2e7ed 0%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e7ed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#empresa-content5{margin:0 auto; width: 900px; height: 100%; min-height: 900px; border-radius: 30px; background: #fff;}

.client{background-color: #e1e1e1; border-radius: 10px; margin: 40px 40px 40px 40px; padding: 2px;}
.client2{border-radius: 10px; margin: 0px 5px 0px 20px; padding: 2px; background-color: #e1e1e1;}
.capa{opacity: 0.9;}
.capa:hover{opacity: 1;}

#empresa6{height: 900px; background: #FFF; text-align: center;}
#empresa-content6{margin:0 auto; width: 1024px; height: 900px;}

#empresa7{height: 600px; background: #FFF; text-align: center;}
#empresa-content7{margin:0 auto; width: 1024px; height: 600px;}

#treinamentos{height: 600px; width: 850px; margin: 0 auto;}
#treinamentos2{height: 900px; width: 1050px; margin: 0 auto;}

.down{

	float:left;
	width:100px;
}
.down:hover{

	transform: translate(0, 10px);
}