/* CSS Document */
* {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #6b6b6b;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}
*:focus {outline: 0px;}

HTML {
	background: #fff url(../_img/bg-logo-site.gif) no-repeat center top;
	width: 100%;
	height: 100%;
}

BODY {
	width: 972px;
	margin: 0px auto;
}

DIV.base-site {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 2;
}

IMG {

	border: 0px;
}

P {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}

UL, UL LI {list-style:none;}

INPUT {
	float: left;
	line-height: 14px;
	width: 364px;
	height: 16px;
	border: 1px solid #26abe2;
	margin-bottom: 5px;
	padding: 2px 0px 0px 3px;
}

TEXTAREA {
	float: left;
	width: 364px;
	height: 131px;
	line-height: 14px;
	border: 1px solid #26abe2;
	padding: 2px 0px 0px 3px;
}

LABEL {
	float: left;
	width: 65px;
	line-height: 14px;
	text-align: right;
	color: #26abe2;
	font-weight: bolder;
	padding: 3px 5px 3px 0px;
}

INPUT.bt-enviar {
	float: right;
	background: url(../_img/bt-enviar.png) no-repeat left top;
	width: 49px;
	height: 19px;
	border: 0px;
	cursor: pointer;
	text-indent: -5000px;
	overflow: hidden;
	margin: 3px 14px 20px 0px;
}

A {
	font-weight: bolder;
	text-decoration: none;
	color: #26abe4;
}
A:HOVER {text-decoration:underline;}

A.bt-bullet {
	float: left;
	background: url(../_img/ico-bullet-1.gif) no-repeat left 6px;
	font-size: 11px;
	line-height: 17px;
	padding: 0px 4px 0px 11px;
}

H1 {
	position: absolute;
	z-index: 2;
	width: 221px;
	height: 168px;
	top: 109px;
	left: 0px;
}

H1 A,
H2 A,
UL#menu LI A,
DIV#clientes-pos H3 A {
	float: left;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	overflow: hidden;
}

H2 {
	position: absolute;
	z-index: 2;
	top: 272px;
	right: 38px;
	height: 24px;
}
H2.index-tit {
	background: url(../_img/tit-fique-por-dentro.png) no-repeat right top;
	width: 165px;
}
H2.interna-tit {
	width: 165px;
	height: 24px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 16pt;
	color: #26abe4;
	text-align: right;
	padding-top:3px;
	text-transform: lowercase;
}
H2.clientes-tit {
	background: url(../_img/tit-clientes.png) no-repeat right top;
	width: 80px;
}
H2.o-que-fazemos-tit {
	background: url(../_img/tit-o-que-fazemos.png) no-repeat right top;
	width: 147px;
}
H2.ferramentas-tit {
	background: url(../_img/tit-ferramentas.png) no-repeat right top;
	width: 125px;
}
H2.cases-tit {
	background: url(../_img/tit-cases.png) no-repeat right top;
	width: 57px;
}
H2.escola-pop-tit {
	background: url(../_img/tit-escola-pop.png) no-repeat right top;
	width: 108px;
}
H2.noticias-tit {
	background: url(../_img/tit-noticias.png) no-repeat right top;
	width: 79px;
}
H2.contato-tit {
	background: url(../_img/tit-contato.png) no-repeat right top;
	width: 79px;
}

H3 {
	float: left;
	width: 100%;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0px 0px 20px 0px;
}

UL#menu {
	float: left;
	width: 153px;
	height: 336px;
	margin: 302px 0px 45px 3px;
}

UL#menu LI {
	float: left;
	width: 153px;
	height: 16px;
	margin-bottom: 24px;
}
UL#menu LI.ult-mn {margin-bottom:0px;}

UL#menu LI A.mn1 {background:url(../_img/bg-menu.gif) no-repeat left top;}
UL#menu LI A.mn2 {background:url(../_img/bg-menu.gif) no-repeat left -40px;}
UL#menu LI A.mn3 {background:url(../_img/bg-menu.gif) no-repeat left -77px;}
UL#menu LI A.mn4 {background:url(../_img/bg-menu.gif) no-repeat left -117px;}
UL#menu LI A.mn5 {background:url(../_img/bg-menu.gif) no-repeat left -154px;}
UL#menu LI A.mn6 {background:url(../_img/bg-menu.gif) no-repeat left -193px;}
UL#menu LI A.mn7 {background:url(../_img/bg-menu.gif) no-repeat left -231px;}
UL#menu LI A.mn8 {background:url(../_img/bg-menu.gif) no-repeat left -269px;}
UL#menu LI A.mn9 {background:url(../_img/bg-menu.gif) no-repeat left -308px;}

UL#menu LI A.mn1:hover {background:url(../_img/bg-menu.gif) no-repeat left -20px;}
UL#menu LI A.mn2:hover {background:url(../_img/bg-menu.gif) no-repeat left -60px;}
UL#menu LI A.mn3:hover {background:url(../_img/bg-menu.gif) no-repeat left -97px;}
UL#menu LI A.mn4:hover {background:url(../_img/bg-menu.gif) no-repeat left -137px;}
UL#menu LI A.mn5:hover {background:url(../_img/bg-menu.gif) no-repeat left -174px;}
UL#menu LI A.mn6:hover {background:url(../_img/bg-menu.gif) no-repeat left -213px;}
UL#menu LI A.mn7:hover {background:url(../_img/bg-menu.gif) no-repeat left -251px;}
UL#menu LI A.mn8:hover {background:url(../_img/bg-menu.gif) no-repeat left -289px;}
UL#menu LI A.mn9:hover {background:url(../_img/bg-menu.gif) no-repeat left -328px;}

UL#menu LI A.mn1-sel {background:url(../_img/bg-menu.gif) no-repeat left -20px;}
UL#menu LI A.mn2-sel {background:url(../_img/bg-menu.gif) no-repeat left -60px;}
UL#menu LI A.mn3-sel {background:url(../_img/bg-menu.gif) no-repeat left -97px;}
UL#menu LI A.mn4-sel {background:url(../_img/bg-menu.gif) no-repeat left -137px;}
UL#menu LI A.mn5-sel {background:url(../_img/bg-menu.gif) no-repeat left -174px;}
UL#menu LI A.mn6-sel {background:url(../_img/bg-menu.gif) no-repeat left -213px;}
UL#menu LI A.mn7-sel {background:url(../_img/bg-menu.gif) no-repeat left -251px;}
UL#menu LI A.mn8-sel {background:url(../_img/bg-menu.gif) no-repeat left -289px;}
UL#menu LI A.mn9-sel {background:url(../_img/bg-menu.gif) no-repeat left -328px;}

DIV#clientes-pos {
	position: absolute;
	z-index: 2;
	top: 109px;
	right: 0px;
}

DIV#clientes-pos H3 {
	float: right;
	background: url(../_img/tit-clientes-flash.png) no-repeat right top;
	width: 78px;
	height: 17px;
	margin: 0px 38px 9px 0px !important;
	margin: 0px 19px 9px 0px;
}

DIV#clientes-pos DIV {
	float: right;
	clear: right
}

DIV#geral-conteiner {
	float: right;
	background: url(../_img/bg-box-conteudo-3.gif) repeat-y left;
	width: 762px;
	margin: 303px 0px 45px 0px;
}

DIV#geral-conteiner DIV.geral-bgTop {
	float: right;
	width: 762px;
	background: url(../_img/bg-box-conteudo-1.gif) no-repeat left top;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom {
	position: relative;
	z-index: 1;
	float: left;
	background: url(../_img/bg-box-conteudo-2.gif) no-repeat left bottom;
	width: 719px;
	padding: 18px 20px 21px 23px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.internas {
	width: 681px;
	padding: 18px 39px 21px 42px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-um {
	float: left;
	width: 719px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-um LI {
	float: left;
	width: 321px;
	padding: 4px 0px 0px 20px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-um LI.img-um {
	width: 378px;
	padding: 0px;
}

UL#rodape-conteiner {
	float: left;
	width: 972px;
	height: 17px;
	margin-bottom: 20px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.sub-menu {
	float: left;
	width: 681px;
	padding-bottom: 26px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.sub-menu LI {
	float: left;
	padding-right: 10px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.sub-menu LI A {
	font-size: 13px;
	background: url(../_img/ico-bullet-2.gif) no-repeat left 3px;
	padding: 0px 4px 0px 15px;
	line-height: 20px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.sub-menu LI A.bt-bullet-2-sel {text-decoration:underline;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-dois {
	float: left;
	width: 681px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-dois LI {
	float: left;
	width: 378px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-dois LI.img-dois {width:303px;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-dois LI.img-dois IMG {float:right;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres {
	float: left;
	width: 681px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI {
	float: left;
	width: 100%;
	padding-bottom: 17px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P {
	float: right;
	text-align: left;
	width: 577px;
	padding-top: 3px;
	padding-bottom: 0px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P.mobile-tres {background:url(../_img/img-ferramentas-1.png) no-repeat left top;}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P.sys-tres {background:url(../_img/img-ferramentas-2.png) no-repeat left top;}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P.rh-tres {background:url(../_img/img-ferramentas-3.png) no-repeat left top;}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P.direto-tres {background:url(../_img/img-ferramentas-4.png) no-repeat left top;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P STRONG,
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P EM {
	color: #26abe2;
	line-height: 16px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.destaque-tres LI P EM {font-style:normal;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom SPAN.programas-de-varejo-info {
	display: block;
	background: url(../_img/img-o-que-fazemos-1.png) no-repeat left top;
	width: 339px;
	height: 109px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 10px auto;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom SPAN.ativacao-promocional-info {
	display: block;
	background: url(../_img/img-o-que-fazemos-2.png) no-repeat left top;
	width: 234px;
	height: 108px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 10px auto;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.contato {
	float: left;
	width: 681px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.contato LI {
	float: left;
	border-right: 2px solid #fff200;
	width: 452px;
	padding-top: 25px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.contato LI.endereco-contato {
	float: right;
	width: 192px;
	border-right: 0px;
	padding-top: 65px;
	padding-left: 35px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.contato LI INPUT.ddd-input {
	width: 52px;
	margin-right: 4px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom UL.contato LI INPUT.tel-input {width:114px;}

UL#rodape-conteiner LI {float: left;}

UL#rodape-conteiner LI ADDRESS {
	float: left;
	font-size: 13px;
	color: #808285;
	font-style: normal;
}

UL#rodape-conteiner LI ADDRESS A {
	font-size: 13px;
	color: #808285;
	font-weight: bolder;
}

UL#rodape-conteiner LI.bts {
	float: right;
	border-left: 1px solid #26abe2;
	padding-left: 14px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner {
	float: right;
	background: #fff200 url(../_img/bg-carrossel.png) no-repeat left bottom;
	width: 303px;
	height: 280px;
	margin-top: -135px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.pos-outras {
	float: left;
	margin-top: 0px;
	margin-left: 188px !important;
	margin-left: 94px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.foto-galeria {
	float: left;
	background-position: 2px;
	background-repeat: no-repeat;
	width: 303px;
	height: 232px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.seta-esq,
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.seta-dir {
	float: left;
	width: 21px;
	height: 32px;
	margin: 7px 4px 0px 4px !important;
	margin: 7px 2px 0px 2px;
}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel {
	float: left;
	background: url(../_img/ico-seta-direita.jpg) no-repeat left top;
	width: 244px;
	height: 44px;
}

/* IDs DO CARROSSEL */
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel DIV#motioncontainer {
	width: 244px;
	height: 44px;
	background-color: #fff200;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel DIV#motioncontainer A:hover {color: #000000;}

DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel DIV#motioncontainer A IMG {
	margin-left: 2px;
	margin-right: -2px;
	margin-top: 0px;
	border: 0px;
}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel DIV#motioncontainer A:hover IMG {border: 0px;}
DIV#geral-conteiner DIV.geral-bgTop DIV.geral-bgBottom DIV.carrossel-conteiner DIV.carrossel DIV#statusdiv {
	background-color: lightyellow;
	border: 0px solid gray;
	padding: 0px;
	position: absolute;
	left: -300px;
	visibility: hidden;
}

.sem-espaco {margin-bottom:-20px;}

.txtAzul {color:#26abe4;}