/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;	
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
	border:0;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   if IE
   ========================================================================== */



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
.opacidade:hover {opacity:0.6;}	

.clear {clear:both;}

.left {float: left;}

.right {float: right;}

.uppercase {
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	text-transform: uppercase;
	font: 200 0.78em "nimbus-sans-1", Arial, Verdana, Sans-serif;
	color: #FFF;
}

.content {
	position: relative;
	overflow: hidden;
}

.alinhaCentro01 {
    margin: 0 auto;
    width: 960px !important;
}

.cabecalho01{
	background-image:url(../images/bgCabecalho01.jpg);
	height:170px;
	background-position: -183px -10px;
}

.menuCabecalho02{
	margin: 15px 0 0 0;
	height:63px;
	width: width: 191px;
	display:inline-block;
}

.menuCabecalho02 p {
	height: 63px;
	margin: 0;
	padding: 0;
}

.logo01{
	width:228px;
	height:88px;
	margin:10px 0 8px 0;
	
}

nav ul.menuCabecalho02 {
	border-left: 1px solid #861b1f;
	padding: 0;
	margin: 0;
	list-style: none;
}

nav ul.menuCabecalho02 li {
	display: block;
	float: left;
	position:relative;
	width: 188px;
	border-right: 1px solid #861b1f;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
}

/*nav ul.menuCabecalho02 li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(148,34,40,1);
	font-size: 1em;
	height: 63px;
	text-align:center;
	line-height: 63px;
}*/

.menu1{
	display: block;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(148,34,40,1);
	font-size: 1em;
	height: 63px;
	text-align:center;
	line-height: 63px;
}

.menuMarcado{
	display: block;
	color: #FFF;
	text-decoration: none;
	background:url(../images/fundoMenuActive.jpg); 
	line-height: 63px;
	text-shadow: 0px -1px 0px rgba(148,34,40,1);
	font-size: 1em;
	height: 63px;
	text-align:center;
}

.menuCabecalho03 p {
	margin: 0;
	padding: 0;
}


nav ul.menuCabecalho02 a:hover {
	display: block;
	color: #FFF;
	background: url(../images/fundoMenuHover.jpg);
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(161,33,38,1);
	height: 63px;
	text-align:center;
	line-height: 63px;
}




.centralAtendimento01 {
	width:200px;
	height: auto;
	margin: 36px 41px 0 160px;
	display:inline-block;
}

.centralAtendimento01 p {
	margin: 0;
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:13px;
	color: #626262;
}

.centralAtendimento01 .right .telefone01{font-size: 21px;}

.centralAtendimento01 .left {padding: 10px 0 0 0;}

centralAtendimento01 p:child {}
	

.facaOrcamento01 {
	display:block;
	margin-top: 40px;
	width: 191px;
	float: right;
	height: 38px;
}

.facaOrcamento01 h2 {
	margin: 0;
	padding: 0;
}

.facaOrcamento01 h2 a {	
	display: block;	
	line-height: 38px;
	border-radius: 4px;
	border: solid 1px #57839f;
	background-image:url(../images/facaOrcamento01.jpg);
	box-shadow: inset 0 1px 0 0 rgba(195,225,244,1), 0 1px 3px 1px rgba(0,0,0,0.2);
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0 -1px 0 rgba(99, 157, 192, 1);
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
}


.facaOrcamento01 h2 a:hover {
	display: block;	
	line-height: 38px;
	border-radius: 4px;
	border: solid 1px #57839f;
	background: url(../images/facaOrcamentoHover01.jpg) repeat;
	box-shadow: inset 0 1px 0 0 rgba(195,225,244,1), 0 1px 3px 1px rgba(0,0,0,0.2);
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 0 -1px 0 rgba(99, 157, 192, 1);
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;	
}


.rodape01 {
	background-color: #eaeaea;
	padding: 0;
}


.redesSociais01 {background-image:url(../images/redesSociais01.jpg);
				 height: 52px;
}

.redesSociais01 ul {
	float:right;
	margin: 12px 0 0 0;
}


.redesSociais01 ul li {
	float: left;
	display: block;
	margin: 0 12px 0 0;
}

.redesSociais01 ul li a {
	display: block;
	background-image: url(../images/redesSociais02.png);
	height: 31px;
	width: 31px;
}

.redesSociais01 ul li a.youtube {
	background-position: top right;
}

.redesSociais01 ul li a.twitter {
	background-position: -42px -1px;
}

.redesSociais01 ul li a.facebook {
	background-position: top left;
}	

.selos01 ul {
	padding: 0 0 0 0;
	margin: 49px 0 44px 0;
}


.selos01 ul li {
	display: inline-block;
	
}


.selos01 ul li a {
	text-decoration:none;
}

.tags01 {border-top: 1px solid #797f85;
		box-shadow: inset 0 1px 0 0 rgba(241,241,241,1);
		border-top-color: rgba(0,0,0,0.15);
		padding: 30px 0 47px 30px;	
}

.tags01 h3 {
	color: #3195c3;
	margin: auto;
	padding: 0 0 5px 0;
}
				
.tags01 p {color: #3195c3;
				margin: auto;}

.tags01 h3 {font-family:Arial, Helvetica, sans-serif;
			font-weight:bolder;
			text-transform:uppercase;
			font-size: 17px;
}

.tags01 p {font-size: 13px;
			font-weight:400;}

.facebookPlugin01 {
		border-top: 1px solid #797f85;
		box-shadow: inset 0 1px 0 0 rgba(241,241,241,1);
		border-top-color: rgba(0,0,0,0.15);
		padding: 30px 0 36px 30px;
}

.conhecaTambem01 {padding: 42px 0 32px 0;
		border-top: 1px solid #797f85;
		box-shadow: inset 0 1px 0 0 rgba(241,241,241,1);
		border-top-color: rgba(0,0,0,0.15);
}

.conhecaTambem01 ul {
	margin:0 0 0 30px;
	padding: 0;
}

.conhecaTambem01 ul li {display:block;
						margin: 0 75px 0 0;
						float: left;}

.conhecaTambem01 ul li a {
	display: block;
	background-image:url(../images/conhecaTambem01.jpg);
	text-decoration: none;
	height: 56px;
	width: 100px;
}

.conhecaTambem01 ul li a.agencia01 {
	background-position: 361px 1px;
	text-decoration: none;
	height: 56px;
	width: 145px;
}

.conhecaTambem01 ul li a.hospedagem01 {
	background-position: 213px 1px;
	text-decoration: none;
	height: 56px;
	width: 213px;
}

.conhecaTambem01 h3 {
	color: #6b6b6b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-transform:uppercase;
	font-size: 17px;
	margin: 0 0 30px 30px;
}


.fundoBanner01 {
	background: #f5f5f5;
	padding: 0 0 0 0;
}


.bannerTexto01 {margin: 0 0 180px 0;}


.controladorBanner01 {
	background: url(../images/controladorBanner01.jpg) repeat-x;
	display: block;
	width: 150px;
	height: 35px;
	border: solid 1px #a6a5a5;
	border-radius: 4px;
	bottom: 0px;

}


.controladorBanner01 ul {
	margin: 0;
	padding: 0 26px;
}

.controladorBanner01 ul li {
	display: inline-block;
	width: 16px;
	padding: 10px 2px;
	vertical-align:middle;
}



.controladorBanner01 ul li .controladorBanner01btn {
	display:block;
	border-radius: 14px;
	height: 12px;
	width: 11x;
	background-color: #FFF;
	border: 1px #969796 solid;
	box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3);
	
}

.controladorBanner01 ul li .controladorBanner01btn:hover {
	display:block;
	border-radius: 14px;
	height: 12px;
	width: 11x;
	background-color: #dadbda;
	border: 1px #969796 solid;
	box-shadow: 0 1px 1px 0 rgba(255,255,255,0.3);
	
}

.controladorBanner01 ul li a {
	text-decoration:none;
}

.bannerTexto01 {
	font-family: Helvetica, sans-serif;
	font-size: 37px;
}

.bannerTexto01 a {
	text-decoration: none;
}

.bannerTexto01 p {
	margin: 0;
	padding: 0;
	color: #992228;
}

.bannerTexto03 {
	font-size: 21px;
	color: #626262;
}

.fundoFacaSeuEcommerceConosco {
	background: url(../images/fundoFacaSeuEcommerceConosco01.jpg) repeat;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	border-top: 9px #caccca solid;
	border-bottom: 9px #caccca solid;

								
}

.facaSeuEcommerceConosco01 h3 {
	color: #6b8aa3;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 0 0;
}

.facaSeuEcommerceConosco01 h2 {
	color: #6692ad;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
	font-size: 29px;
	font-family: Arial, Helvetica, sans-serif;
}



.facaSeuEcommerceConosco01 {
	text-decoration: none;
	padding: 0 0 0 0;
	height: 280px;
}

.facaSeuEcommerceConosco02 {
	padding-left: 10px;
	displany: inline-block;
	float: left;
}

.facaSeuEcommerceConosco02 .sucessoTexto01 {
	padding-left: 12px;
}

.facaSeuEcommerceConosco02 .sucessoImagem01 {
	padding-left: 13px;
	width: 151px;
}

.facaSeuEcommerceConosco01 ul, h3, p {
	margin: 0;
	padding: 0;
}

.facaSeuEcommerceConosco02 ul li {
	top: 0;
	font-size: 15px;
	color: #6b8aa3;
	line-height: 15px;
	text-decoration: none;
	display: block;
}

.facaSeuEcommerceConosco02 ul {
	top: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.facaSeuEcommerceConoscoBtn01 {
	display:block;
	margin-top: 10px;
}

.facaSeuEcommerceConosco02 a {
	display: block;
	background:url(../images/facaSeuEcommerceConoscoBtn01.jpg) repeat-x;
	box-shadow: inset 0 1px 0px rgba(247,220,223,1);
	height: 36px;
	width: 151px;
	border-radius: 4px;
	border: #666 1px solid;
	box-shadow: 0 1px 10px 1px rgba(255,255,255,0.5);
	text-decoration: none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;	
}

.facaSeuEcommerceConosco02 a:hover {
	display: block;
	background:url(../images/facaSeuEcommerceConoscoBtnHover01.jpg) repeat-x;
	box-shadow: inset 0 1px 0px rgba(247,220,223,1);
	height: 36px;
	width: 151px;
	border-radius: 4px;
	border: #666 1px solid;
	box-shadow: 0 1px 15px 1px rgba(255,255,255,0.8);
	text-decoration: none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;	
}
	

.fundoFrase01 {
	background: #ececec;
	height: 112px;
		
}

.fundoFrase01 h3 {
	color: #a3bbca;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-weight: 100;
	padding: 30px 130px;
	margin: 0;	
}

.fundoPorqueUmEcommerce01 {
	background: url(../images/fundoPorqueUmEcommerce.jpg);
	height: auto;
}


.barraPorqueUmEcommerce01 {
	padding-top: 16px;
	height: 3px;
	background: url(../images/barraPorqueUmEcommerce.png) repeat-x bottom;
}

.barraPorqueUmEcommerce02 {
	padding-bottom: 16px;
	height: 3px;
	background: url(../images/barraPorqueUmEcommerce.png) repeat-x top;
	bottom: 0;
	position:relative;
	display: block;
}

.tituloPorqueUmEcommerce01 {
	background: url(../images/fundoPorqueUmEcommerce.jpg);
	position:absolute;
	top: 904px;
	left: 50%;
	width: 300px;
	height: 30px;
	margin: 0 0 0 -150px;
}

.porqueUmEcommerce01 {
	padding: 11px 0 0 0;
	height: auto;
}

.fundoPorqueUmEcommerce01 h3 {
	text-align:center;
	color: #6b6b6b;
	text-transform: uppercase;
}

.porque01 {
	padding: 50px 0 50px 0;
	height: auto;
	
}

.porque02 {
	margin: 0 60px 0 0;
}

.textoPorque02 {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 20px;
	color: #626262;	
	text-align: center;
}

.textoPorqueNegrito02 {
	font-weight:700;	
}

.textoPorqueFontsize02 {
	font-size: 24px;	
}

.textoPorque02 p {
	margin: 0;
	padding: 0;
	line-height: 25px;	
}

.imagemPorque02 {
	margin-top: 43px;
	width: 130px;
	margin: 0 auto;
}

.fundoFuncionalidade01 {
	background: #eaeaea;
}

.funcionalidade01 {
	padding: 40px 0 61px 0;
	
}

.funcionalidade01 p {
	color: #b03138;
	margin: 40px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
}

.fundoFuncionalidade02 {
	background: #eaeaea;
	height: auto;
	border-top: 7px #b03138 solid;
	padding: 0 0 30px 0;
}

.funcionalidade02 {
	padding: 0 0 61px 0;
	
}

.funcionalidade02 p {
	color: #b03138;
	margin: 40px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 21px;
}

.trianguloFuncionalidade02 {
	display: block;
	background: url(../images/trianguloFuncionalidade01.png) no-repeat;
	width: 47px;
	height: 24px;
	position: absolute;
	margin: 0 0 0 -23px;
	top: 1621px;
	left: 50%;
	
}

.lista02Funcionalidade02 {
	width: 350px;
}

.listasFuncioalidade02 ul li {
	padding: 0 0 5px 0;
	color: #626262;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

.tituloFuncionalidade02 {
	padding: 0 185px;
	margin: 0 0 20px 0;
	
}

.tituloFuncionalidade02 h2 {
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	background: #b03138;
	width: 575px;
	height: 57px;
	padding: 20px 0 0 0;
	margin: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 26px;
}


.fundoSeguranca01 {
	background: url(../images/fundoSeguranca01.jpg) repeat;
	height: auto;
	border-top: ;
	padding: 24px 0 0 0;
}

.textoSeguranca01 {
	margin: 17px 0 0 0;
	width: 700px;
}

.textoSeguranca01 p{
	padding: 0;
	width: 700px;
	font-size: 22px;
	font-weight: bold;
	color: #3f8c54;
	line-height: 30px;
}


.imagemSeguranca01 {
	margin: 0 48px 48px 0;

}

.fundoDatacenter01 {
	background: url(../images/fundoDatacenter01.jpg) repeat;
	height: auto;
	border-top: ;
	padding: 24px 0 0 0;
}

.textoDatacenter01 {
	margin: 17px 0 0 0;
	width: 700px;
}

.textoDatacenter01 p{
	padding: 0;
	width: 700px;
	font-size: 22px;
	font-weight: bold;
	color: #65889e;
	line-height: 30px;
}


.imagemDatacenter01 {
	margin: 0 34px 48px 0;

}

.fundoDatacenter02 {
	background: #eaeaea;
	height: 46px;
}



/* ==========================================================================
   BREADCUMB!
   ========================================================================== */
   
.fundoBreadcumb01 {
	background: url(../images/fundoBreadcumb01.jpg) repeat-x;
	height: 65px;
	margin: 0 0 10px 0;
}

.breadcumb01 ul {
	list-style: none;
	margin: 0; 
	padding: 0;
}

.breadcumb01 ul li {
	display: block;
	float: left;
	padding: 25px 8px 0 0;
	text-transform: uppercase;
	color: #777878;
	font-size: 12px;
}

.breadcumb01 ul li:first-child {
	font-weight: bold;
	padding-left: 21px;
}

.breadcumb01 ul li:first-child a {
	text-decoration: none;
	font-weight: bold;
	color: #777878;
	font-size: 12px;
}

.breadcumb01 ul li:first-child a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #777878;
	font-size: 12px;
}








/* ==========================================================================
   Página - Gestão de Performance
   ========================================================================== */
   
.fundoBannerGestaoDePerformance01 {
	height: 396px;
	background-image:url(../images/fundoBannerGestaoDePerformance01.jpg);
	margin: 0 0 64px 0;

}

.banner01 {
	height:463px;
	
}


.bannerImagem01 { 
	margin: 63px 37px 0 0px;
	position: relative;
}

.bannerImagem02 { 
	margin: 10px 27px 0 0;
}

.gestaoDeNegociosBannerTexto01 {
	position:absolute;
	left: 50%;
	z-index: 1000;
	background-color: #89bad9;	
	padding: 31px 0 31px 42px;
	width: 1500px;
	margin: 36px 0 0 -100px;


		
}

.gestaoDeNegociosBannerTexto01 h3 {
	color: #FFF;	
	width: 500px;
	font-size: 21px;
}

.textosBanner01 {
	margin: 242px 0 0 0;
}

.gestaoDeNegociosBannerTexto02 {
	margin: 0 26px 0 44px;
	color: #8a8a8a;
	width: 245px;
	font-size: 16px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.gestaoDeNegociosBannerTexto03 {
	color: #8a8a8a;	
	width: 212px;
	text-decoration: underline;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
}

.gestaoDeNegociosBannerTexto03 a {
	color: #8a8a8a;		
	text-decoration: underline;
}

.gestaoDePerformance01 {
	margin: 0 0 137px 0;
	font-weight:  normal;
}

.gestaoDePerformance02 {
	padding: 0 0 62px 0;
	border-bottom: 1px solid #aa272e;
	margin: 0 0 57px; 0;
}


.gestaoDePerformance03 p {
	width: 671px;
}

.gestaoDePerformance01 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #aa272e;	
	margin: 0 0 31px 0;
	width: 512px;
	line-height: 1.2em;
}

.gestaoDePerformance01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #929292;
	width: 671px;
}


.fundoPlanos01 {
	background-color: #c0272d;
	height: 64px;
}

.fundoPlanos01 ul {
	display: block;
	list-style: none;
	border-right: 1px dashed #FFF;
	margin: 0;
	padding: 0;
}

.fundoPlanos01 ul li {	
	display: block;
	float: left;
	border-right: 1px dashed #FFF;
	border-bottom: 1px dashed #FFF;
	font-size: 31px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 164px;
	height: 64px;
	color: #FFF;
	text-transform: uppercase;
}

.fundoPlanos01 ul li:nth-child(1) {
	width: 296px;
}

.fundoPlanos01 ul li p {
	padding: 12px 0 0 0;
}
	

.fundoMensalidade01 {
	background-image: url(../images/fundoMensalidade01.jpg);
	height: 64px;
		
}

.fundoMensalidade01 ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.fundoMensalidade01 ul li {
	display: block;
	float: left;
	display: block;
	float: left;
	border-right: 1px dashed #FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	width: 164px;
	height: 64px;
	color: #FFF;
	text-transform: uppercase;
}

.fundoMensalidade01 ul li p {
	padding: 23px 0 0 0;
}

.fundoMensalidade01 ul li:nth-child(1) {
	font-size: 21px;
	width: 296px;
}

.tabela01 {
	margin: 0 0 35px 0;
}

.iconTabela01 {
	background: url(../images/iconTabela01.png) no-repeat;
	width: 26px;
	height: 25px;
	margin: 0 auto;
}

.tabela01 ul {
	display: block;
	list-style: none;
	border-bottom: 1px #c7c5c5 solid;
	margin: 0;
	padding: 0;	
	height: 70px;
	width: 957px;
}

.tabela01 ul li {
	display: block;
	float: left;
	font-size: 15px;
	width: 164px;
	text-align: center;
	color: #8a8a8a;
	padding: 24px 0 0 0;	
}

.tabela01 ul li:nth-child(1) {
	 color: #7a7a7a;
	 width:  296px;
	 text-transform: uppercase;
	 font-weight: bold;
	 
}

.fundoFacaOrcamento02 {
	height: 281px;	
}

.facaOrcamento02 {
	background: #d6efff;
	height: 81px;
}

.marginZero01 {
	margin: 0 auto !important;
	float: none !important;
}

.marginZero01 h2 {
	margin: 0 auto;
	padding: 20px 0 0 0;
}

.triangulofacaOrcamento02 {
	background-image: url(../images/triangulofacaOrcamento02.png);
	height: 17px;
	width: 34px;	
	display: block;
	margin: 0 auto;
}

/* ==========================================================================
   Página - Clientes
   ========================================================================== */
   
.clientes01 {
	margin: 0 0 30px 0;
}
 
.clientes01 h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:30px;
	 color: #992228;
}
 
.clientes01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #8a8a8a;
	margin: 0 0 25px;	 
}  

.clientes02 {
	margin: 0 0 40px 0;
	
}

.clientes02 ul {
	list-style: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0; 
}

.clientes02 ul:nth-child(1) li {
	border-top: 1px solid #d9d9d9;
}

.clientes02 ul li {
	display: block;
	float: left;
	width: 190px;
	height: 167px; 
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;	
	
}

.clientes02 ul li a {
	display:block;
	width: 190px;
	height: 167px; 
	float: left;
}

.clientes02 ul li a:hover {
	display:block;
	width: 190px;
	height: 167px; 
	float: left;
	opacity: 0.6;
}

.clientes02 ul li:nth-child(1) {
	border-left: 1px solid #d9d9d9;
	width: 190px;
	height: 167px; 	
	
}



.cliente {
	margin: 0 0 0 0;	
}

.cliente ul {
	list-style: none;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0; 
}

.cliente ul:nth-child(1) li {

}

.cliente ul li {
	display: block;
	float: left;
	width: 200px;
	height: 200px; 
	
}

.cliente ul li a {
	display:block;
	width: 200px;
	height: 200px; 
	float: left;
}

.cliente ul li a:hover {
	display:block;
	width: 200px;
	height: 200px; 
	float: left;
	opacity: 0.6;
}

.cliente ul li:nth-child(1) {
	width: 200px;
	height: 200px; 	
	
}


.boxClientes01 {
	background: url(../images/spriteClientes02.png);
	display: block;
	width: 190px;
	height: 167px; 
	float: left;	
}
.boxClientes0N {
	display: block;
	width: 190px;
	height: 167px; 
	float: left;	
	border:#CCCCCC solid 1px;
}
.itautec {
	margin: 60px 0 0 20px;
	width: 148px;
	height: 31px;
	background-position: 0 0 no-repeat;
}

.bosch {
	margin: 60px 0 0 17px;
	width: 146px;
	height: 36px;
	background-position: -2px -272px;
}

.heliotek {
	margin: 56px 0 0 30px;
	width: 126px;
	height: 59px;
	background-position: 239px -611px;
}

.mariosavioli {
	margin: 72px 0 0 22px;
	width: 149px;
	height: 34px;
	background-position: 0 -466px;
}

.nuet {
	margin: 72px 0 0 20px;
	width: 149px;
	height: 21px;
	background-position: 0 -635px;
}

.winner {
	margin: 43px 0 0 26px;
	width: 137px;
	height: 79px;
	background-position: 247px -285px;
}

.ishow {
	margin: 52px 0 0 24px;
	width: 141px;
	height: 74px;
	background-position: 239px 0;
}



.amokids {
	margin: 48px 0 0 20px;
	width: 153px;
	height: 81px;
	background-position: -152px -455px;
}

.master {
	margin: 52px 0 0 21px;
	width: 130px;
	height: 61px;
	background-position: 0 -360px;
}

.toy4sale {
	margin: 58px 0 0 20px;
	width: 149px;
	height: 47px;
	background-position: 0 -309px;
}

.pmr {
	margin: 56px 0 0 31px;
	width: 123px;
	height: 53px;
	background-position: -164px -640px;
}

.abac {
	margin: 42px 0 0 52px;
	width: 86px;
	height: 83px;
	background-position: 98px -88px;
}

.rotary {
	margin: 35px 0 0 43px;
	width: 98px;
	height: 99px;
	background-position: -307px -172px;
}

.institutoUnibanco {
	margin: 55px 0 0 30px;
	width: 126px;
	height: 46px;
	background-position: -4px -424px;
}

.abbott {
	margin: 72px 0 0 25px;
	width: 128px;
	height: 33px;
	background-position: 0 -191px;
}

.serasa {
	margin: 70px 0 0 21px;
	width: 147px;
	height: 27px;
	background-position: 0 -67px;
}

.abril {
	margin: 35px 0 0 57px;
	width: 75px;
	height: 97px;
	background-position: 503px -271px;
}

.almeida {
	margin: 60px 0 0 17px;
	width: 150px;
	height: 37px;
	background-position: 0 39px;	
}

.green {
	margin: 42px 0 0 49px;
	width: 89px;
	height: 87px;
	background-position: -307px 0px;
}

.endeavor {
	margin: 67px 0 0 22px;
	width: 138px;
	height: 25px;
	background-position: 0 -473px;	
}

.ticket {
	margin: 63px 0 0 19px;
	width: 152px;
	height: 45px;
	background-position: 0px -765px;
}

.feiras {
	margin: 45px 0 0 32px;
	width: 122px;
	height: 77px;
	background-position: -165px -131px;
}

.casa {
	margin: 40px 0 0 22px;
	width: 143px;
	height: 83px;
	background-position: -155px -369px;
}

.divicom {
	margin: 70px 0 0 13px;
	width: 161px;
	height: 34px;
	background-position: 0 -153;
}

.bzumm {
	margin: 69px 0 0 18px;
	width: 161px;
	height: 27px;
	background-position: 0 -987px;
}


/* ==========================================================================
   Página - Parceiros
   ========================================================================== */
   
.parceiros01 {
	margin: 0 0 60px 0;
}
 
.parceiros01 h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:30px;
	 color: #992228;
}
 
.parceiros01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #8a8a8a;
	margin: 0 0 25px;	 
}  

.parceiros02 {
	margin: 0 0 140px 0;	
}

.imgParceiros02 {
	display: block;
	width: 190px;
	height: 167px;	
	border: 1px solid #d9d9d9;
	margin: 0 35px 0 0;
}

.parceiro01 {
		background: url(../images/imgParceiro01.jpg);
}

.parceiro02 {
		background: url(../images/imgParceiro02.jpg);
}

.parceiro03 {
		background: url(../images/imgParceiro03.jpg);
}

.parceiro04 {
		background: url(../images/imgParceiro04.jpg);
}

.parceiro05 {
		background: url(../images/imgParceiro05.jpg);
}

.parceiro06 {
		background: url(../images/imgParceiro06.jpg);
}
.parceiro06 {
		background: url(../images/imgParceiro06.jpg);
}
.parceiro07 {
		background: url(../images/imgParceiro07.jpg);
}

.parceiros03 a{
		display: block;
		float: left;
}

.parceiros02 ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

.parceiros02 ul li {
	margin: 0 0 46px 0;
}

.textoParceiros02 {
	width: 500px;
	color: #8a8a8a;
}

.textoParceiros02 h3{
	color: #8a8a8a;
	margin: 0 0 14px 0;
	font-size: 21px
	padding: 0;
}

.textoParceiros02 p{
	width: 500px;
	color: #8a8a8a;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

.textoParceiros02 ul{
	margin: 0;
	padding: 0;
}

.textoParceiros02 ul li{
	margin: 0;
	padding: 0;
	color: #8a8a8a;
	font-size: 15px;
}


/* ==========================================================================
   Página - Contato
   ========================================================================== */
   
.contato01 {
	margin: 0 0 50px 0;
}
 
.contato01 h2 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:30px;
	 color: #992228 !important;
	 padding: 0;
	 margin: 0;
}
 
.contato01 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #8a8a8a;
	margin: 0 0 25px;	 
}  

.contato02 {
	margin: 0 0 140 0;
}


.contato02 .imgContato02 {
	display: block;
	width: 190px;
	height: 167px;	
	border: 1px solid #d9d9d9;
}

.formContato01 {
	display: block;
	float: left;
	margin: 0 88px 40px 0;	
	width: 524px;	
}

.formContato01 label {
	display: block;
	margin-bottom: 15px;
}

.formContato01 input[type="text"] {
	background: url(../images/formContato.png) no-repeat;
	height: 43px;
	width: 334px;
	border: none;
	padding: 0px 0 0 10px;
}

.formValidacao {
	color: #992228 !important;
}


.formContato01 span {
	float: left;
	font-weight: bold;
	position: relative;
	display: block;
	margin-right: 20px;
	color: #8a8a8a;
	font-weight: bold;
	text-transform: uppercase;	
	text-align: right;
	top: 9px;
	width: 148px;
}


.formContato01 label:nth-child(6) {
	margin: 0 0 30px 35px;
}

.formContato01 input[type="checkbox"] {
	background: url(../images/formContato.png);
	border: none;
	float: left;
	margin: 12px 0 0 135px;
}

.formContato01 span.formCheckbox {
	float: left;
	display: block;
	width: 229px;
	text-align:	left;
	font-size: 13px;
	margin: 0 0 0 10px;
}

.formContato01 select {
	height: auto;
	width: 320px;
	border: none;
	padding: 0;
	margin: 10px 0 0 12px;
	border: 1px solid #e0e0e0;
}

.formContato01Interesse {
	background: url(../images/formContato.png);
	height: 43px;
	width: 345px;
	border: none;	
	display: block;
	float: left;
}

.formContato01 textarea {
	background: url(../images/formContato.png) 0 -42px no-repeat;
	height: 153px;
	line-height: 1.5 em;
	width: 324px;
	border: none;
	padding: 10px;
	resize: none;
}

.formContato01 input[type="submit"] {
	background: url(../images/formContato.png) -200px -215px no-repeat;
	height: 37px;
	width: 112px;
	border: none;
	float: right;
	margin: 0 13px 0 0;
	
}

.contato02 {
	float: left;
	height: auto;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8a8a8a;	
	font-size: 17px;
	margin: 0 0 200px 0;
}

.imgContatoBNDS {
	background: url(../images/imgContatoBNDS.png);
	width: 295px;
	height: 211px;	
	margin: 0 0 22px 0;	
}

.btnEnviarCurriculo a {
	width: 200px;
	height: 38px;
	margin: 0 0 14px 12px;
}

.btnEnviarCurriculo {
	background: url(../images/formContato.png) -344px -252px;
	width: 200px;
	height: 38px;
	margin: 0 0 14px 12px;
	border: 0;
}

.btnVerMapa a{
	width: 200px;
	height: 38px;
	margin: 0 0 20px 12px;
	border: 0;
}

.btnVerMapa{
	background: url(../images/formContato.png) -344px -215px;
	width: 200px;
	height: 38px;
	margin: 0 0 20px 12px;
}

.imgContato01 {
	background: url(../images/imgContato01.jpg);
	width: 281px;
	height: 1px;
	margin: 0 0 42px 12px;	
}

.textoVerMapa {margin: 0 0 20px 12px; width: 240px;}

.textoEnviarCurriculo {margin: 0 0 20px 12px; width: 200px;}


.formSelectInteresse01{
	background-image:url(../images/formContato.png);
	background-position: 0 -290px;
	background-repeat:no-repeat;
	width: 329px;
	height: 33px;
	float: right;
	margin: 0 12px 0 0;
	padding:8px 0 0 15px;
	color:#666;
}

.formSelectInteresse02{
	background: #F7F7F7;
	display:none;
	width: 329px;
	height: auto;
	float: right;
	margin: 0 12px 0 0;
	padding:5px 0 5px 15px;
	color:#666;
}

.formSelectInteresse03{
	margin: 7px 0 7px 0;
}

.FormContato01Sucesso {
	background: url(../images/imgFundoFormContato01Sucesso.jpg) no-repeat;
	height: 144px;
	width: 525px;
	float: left;
	margin: 0 80px 0 0;
}

.imgFormContato01Sucesso {
	background: url(../images/imgFormContato01Sucesso.jpg);
	width: 91px;
	height: 68px;
	float: left;
	margin: 34px 33px 37px 35px;
}

.textFormContato01Sucesso {
	float: left;
	color: #4fa83b;
	margin: 21px 47px 26px 0;

}

.textFormContato01Sucesso p:nth-child(1) {
	border-bottom: 1px solid #4fa83b;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	width: 315px;
	height: 27px;
	margin: 0 0 6px 0;
}

.textFormContato01Sucesso p:nth-child(2) {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	width: 315px;
	font-size: 15px;
}

.clearLeft {clear: left;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement 
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}