﻿@charset "utf-8";
/* CSS Document */

* {
    margin                                          : 0;
    padding                                         : 0;  
    list-style                                      : none;
    outline											: none;
    text-decoration                                 : none;
}

body {
    background                                      : #ccd5d0 url(../img/fundo.png) no-repeat left top;
	font-weight                                     : normal;
	
}

#conteudo {
	width                                           : 1036px;
	margin                                          : 0 auto;
	padding                                         : 0;
}

.boxTransparent {
	position                                        : fixed;
	min-width                                       : 776px;
	background-color                                : #000;
	/*display: none;*/
	opacity                                         : 0.30;
	filter                                          : alpha(opacity=30);
	-moz-opacity                                    : 0.30;
	width                                           : 100%;
	height                                          : 100%;
	/*position: absolute;*/
	top                                             : 0px;
	left                                            : 0px;
	z-index                                         : 50;
}

.boxTotalGeralAviso {
	margin-left                                     : -252px;
	position                                        : fixed;
	top                                             : 30px;
	left                                            : 50%;
	width                                           : 504px;
	min-width                                       : 504px;
	height                                          : 414px;
	min-height                                      : 414px;
	z-index                                         : 60;
	background                                      : URL("../img/login.png") no-repeat left top;	
}

.boxOrcamento {
	margin-left                                     : -252px;
	position                                        : absolute;
	top                                             : 30px;
	left                                            : 50%;
	width                                           : 505px;
	min-width                                       : 505px;
	height                                          : 1149px;
	min-height                                      : 1149px;
	z-index                                         : 60;
	background                                      : URL("../img/orcamento.png") no-repeat left top;
}

.btFechar {
    position                                        : absolute;
    width                                           : 26px;
    height                                          : 26px;
    margin                                          : 61px 0 0 400px;
    background                                      : none;
    -moz-border-radius                              : 4px;
    float											: right;
    background                                      : URL("../img/btFechar.png") no-repeat center center;
}

.btFecharOrcamento {
    position                                        : absolute;
    width                                           : 26px;
    height                                          : 26px;
    margin                                          : 26px 0 0 -94px;
    background                                      : none;
    -moz-border-radius                              : 4px;
    background                                      : URL("../img/btFechar.png") no-repeat center center;
}

A.btFechar:HOVER, A.btFecharOrcamento:HOVER {
    background                                      : URL("../img/btFechar_over.png") no-repeat center center;
}

#orcamentoProdutos {
    width                                           : 370px;
    margin                                          : 0 95px 0 0;
    float                                           : right;
}

#orcamentoProdutos SPAN {
    float                                           : left;
    clear                                           : both;
    width                                           : 465px;
    margin                                          : 0 0 10px 0;
}



.checked {
    width                                           : 28px;
    height                                          : 28px;
    float                                           : right;
    background                                      : URL("../img/checked.png") no-repeat center center;
    margin                                          : 44px 44px 0 0;
}

.unchecked {
    width                                           : 28px;  
    height                                          : 28px;
    float                                           : right;
    background                                      : URL("../img/unchecked.png") no-repeat center center;
    margin                                          : 44px 44px 0 0; 
}

.boxTotal, .boxTotalAviso {
    position                                        : relative;
	width                                           : 100%;
	height                                          : 100%;
	margin                                          : 0px;
}

.formLogin {
    float                                           : left;
    margin                                          : 135px 0 0 87px;
}

.ie .inputForm {
	width                                           : 305px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 24px 'CorbelBoldItalic';
	margin                                          : 5px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
	float                                           : left;
	*padding										: 5px 0 0 0;
}

.inputForm {
	width                                           : 305px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 24px 'CorbelBoldItalic';
	margin                                          : 0px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
	float                                           : left;
	*padding										: 5px 0 0 0;
}
	
.btEnviar {
    width                                           : 150px;
    height                                          : 53px;
    display                                         : block;
    margin                                          : 15px 0 0 85px;
    background                                      : URL("../img/btEnviar.png") no-repeat left 0;
    float                                           : left;
    border											: 0px;
}

A.btEnviar:HOVER {
    background                                      : URL("../img/btEnviar.png") no-repeat left -53px;
}

.msgLogin {
    float                                           : right;
    font                                            : normal 12px "Arial";
    width                                           : 220px;
    margin                                          : 12px 85px 0 0;
    text-align                                      : right
}

.labelLogin {
    float                                           : left;
    width                                           : 80px;
}

@font-face {
	font-family                                     : 'CorbelBoldItalic';
	src                                             : URL('../font/corbelz-webfont.eot');
	src                                             : local('☺'), url('../font/corbelz-webfont.woff') format('woff'), URL('../font/corbelz-webfont.ttf') format('truetype'), URL('../font/corbelz-webfont.svg#webfontfKxkrBLR') format('svg');
	font-weight                                     : normal;
	font-style                                      : normal;
}

@font-face {
	font-family                                     : 'TitilliumText14L999wt';
	src                                             : URL('../font/titilliumtext999wt-webfont.eot');
	src                                             : local('☺'), URL('../font/titilliumtext999wt-webfont.woff') format('woff'), URL('../font/titilliumtext999wt-webfont.ttf') format('truetype'), URL('../font/titilliumtext999wt-webfont.svg#webfontdGbNm4BN') format('svg');
	font-weight                                     : normal;
	font-style                                      : normal;
}

@font-face {
	font-family                                     : 'TitilliumText14L600wt';
	src                                             : URL('../font/titilliumtext600wt-webfont.eot');
	src                                             : local('☺'), URL('../font/titilliumtext600wt-webfont.woff') format('woff'), URL('../font/titilliumtext600wt-webfont.ttf') format('truetype'), URL('../font/titilliumtext600wt-webfont.svg#webfontKPaEgVYz') format('svg');
	font-weight                                     : normal;
	font-style                                      : normal;
}

/* TOPO */

#topo {
	width                                           : 1036px;
	height                                          : 92px;
	display                                         : block;
	float                                           : left;
	clear                                           : both;
}

.logo {
	width                                           : 252px;
	height                                          : 62px;
	background                                      : URL("../img/logo.png") no-repeat left top;
	display                                         : block;
	float                                           : left;
	margin                                          : 20px 0 0 40px;
}

.menu {
	width                                           : 655px;
	height                                          : 58px;
	background                                      : URL("../img/menu.png") no-repeat left top;
	display                                         : block;
	float                                           : right;
	margin                                          : 30px 50px 0 0;
	font                                            : bold 14px Tahoma, Geneva, sans-serif;
	vertical-align                                  : middle;
	padding                                         : 0 0 0 10px;
}
	
.menu LI {
	display                                         : inline;
	margin                                          : 0;
	float                                           : left;
}

.menu  LI A {
	text-decoration                                 : none;
	color                                           : #64a18e;
	width                                           : 102px;
	text-align                                      : center;
	display                                         : block;
	padding                                         : 15px 0 15px 0;
}
	
.menu LI A SPAN {
	text-decoration                                 : none;
	color                                           : #64a18e;
	margin                                          : 0 0 0 18px;
}

.menu LI A:HOVER, .menu LI A SPAN:HOVER {
	text-decoration                                 : none;
	color                                           : #97c6b6;
}


/* BANNER */

.form {
    float                                           : left;
    display                                         : block;
    clear                                           : both;
    width                                           : 1036px;
}

#banner {
	width                                           : 1036px;
	height                                          : 443px;
	background                                      : url("../img/banner.png") no-repeat left top;
	float                                           : left;
	display                                         : block;
	clear                                           : both;
	margin                                          : -160px 0px auto -75px;
}

#banner_full {
    width                                           : 3108px;
    float                                           : left;
    display                                         : block;
    margin                                          : 0 0 0 0;
}

#banner_mask {
    float                                           : left;
    width                                           : 910px;
    margin                                          : 0 0 0 60px;
    overflow                                        : hidden;
}

#banner_doc {
	width                                           : 1036px;
	height                                          : 443px;
	background                                      : URL("../img/banner_doc.png") no-repeat left top;
	float                                           : left;
}

#banner_flag {
	width                                           : 1036px;
	height                                          : 442px;
	background                                      : URL("../img/banner_flag.png") no-repeat left top;
	float                                           : left;
}
	
#banner_buy {
	width                                           : 1036px;
	height                                          : 421px;
	background                                      : URL("../img/banner_buy.png") no-repeat left top;
	float                                           : left;
}
	
.introducao_doc, .introducao_flag, .introducao_buy {
	width                                           : 390px;
	height                                          : 80px;
	font                                            : normal 32px 'TitilliumText14L600wt';
	float                                           : right;
	color                                           : #73807d;
	margin                                          : 120px 130px 0 0;
	line-height                                     : 30px;
	letter-spacing                                  : -2px;
}
	
.tex_doc, .tex_flag, .tex_buy {
	width                                           : 390px;
	height                                          : 50px;
	font                                            : italic 16px 'CorbelBoldItalic';
	float                                           : right;
	color                                           : #a9b2ac;
	margin                                          : 20px 130px 0 0;
}

.bt_circulo {
	width                                           : 66px;
	height                                          : 25px;
	margin                                          : 388px 0 0 210px;
	float                                           : left;
	position                                        : absolute;
}
	
.bt_op1 {
	width                                           : 22px;
	height                                          : 25px;
	background                                      : URL("../img/banner_carregando.png") no-repeat left top;
	float                                           : left;
	cursor											:pointer;
}
	
.bt_op1:HOVER {
	width                                           : 22px;
	height                                          : 25px;
	background-position                             : right top !important; 
	float                                           : left;
}

.bt_op2 {
	width                                           : 22px;
	height                                          : 25px;
	background                                      : URL("../img/banner_carregando.png") no-repeat left top;
	float                                           : left;
	cursor											:pointer;
}

#btnDoc {
	background-position                             : 0 0;	
}

#btnFlag {
	background-position                             : 0 -25px;	
}

#btnBuy {
	background-position                             : 0 -50px;	
}

.bt_op2:HOVER {
	width                                           : 22px;
	height                                          : 25px;
	background-position                             : right -25px !important; 
	float                                           : left;
}
	
.bt_op3 {
	width                                           : 22px;
	height                                          : 25px;
	background                                      : URL("../img/banner_carregando.png") no-repeat left top;
	float                                           : left;
	cursor											:pointer;
}

.bt_op3:HOVER {
	width                                           : 22px;
	height                                          : 25px;
	background-position                             : right -50px !important; 
	float                                           : left;
}
	
.selectedBuy {
	width                                           : 22px;
	height                                          : 25px;
	background                                      : URL("../img/bt_buy.png") no-repeat left top;
	float                                           : left;
}

.bt_saiba_doc {
	width                                           : 160px;
	height                                          : 75px;
	background                                      : URL("../img/bt_saiba_doc.png") no-repeat left top;
	float                                           : right;
	margin                                          : 60px 240px 0 0;
	clear                                           : both;
}
	
.bt_saiba_doc:HOVER {
	background                                      : URL("../img/bt_saiba_doc.png") no-repeat left bottom;
}
	
.bt_saiba_flag {
	width                                           : 160px;
	height                                          : 75px;
	background                                      : URL("../img/bt_saiba_flag.png") no-repeat left top;
	float                                           : right;
	margin                                          : 60px 240px 0 0;
	clear                                           : both;
}
	
.bt_saiba_flag:HOVER {
	background                                      : URL("../img/bt_saiba_flag.png") no-repeat left bottom;
}

.bt_saiba_buy {
	width                                           : 160px;
	height                                          : 75px;
	background                                      : URL("../img/bt_saiba_buy.png") no-repeat left top;
	float                                           : right;
	margin                                          : 60px 240px 0 0;
	clear                                           : both;
}
	
.bt_saiba_buy:hover {
	background                                      : URL("../img/bt_saiba_buy.png") no-repeat left bottom;
}

/* RODAPÉ */

#rodape {
	height                                          : 515px;
	background                                      : URL("../img/rodape.png") repeat-x left bottom;
	margin                                          : 20px auto 0;
	float                                           : left;
	clear                                           : both;
	width                                           : 100%;
	padding                                         : 0 0 20px 0;
}

.balao {
	width                                           : 940px;
	height                                          : 284px;
	background                                      : URL("../img/balao.png") no-repeat left top;
	margin                                          : 0 auto 0;
}

.blog {
	width                                           : 239px;
	height                                          : 75px;
	background                                      : URL("../img/blog.png") no-repeat left top;
	float                                           : left;
	margin                                          : 75px 0 0 30px;
}
	
.beneficios_escolha {
	width                                           : 223px;
	height                                          : 75px;
	background                                      : URL("../img/beneficios.png") no-repeat left top;
	float                                           : left;
	margin                                          : 75px 0 0 85px;
	display                                         : block;
}
	
.twitter {
	width                                           : 141px;
	height                                          : 50px;
	background                                      : URL("../img/twitter.png") no-repeat left top;
	float                                           : right;
	margin                                          : 35px 90px 0 0;
}

.twit {
	width                                           : 225px;
	height                                          : 75px;
	float                                           : right;
	font                                            : italic 12px "Arial";
	color                                           : #4e97b9;
	margin                                          : 15px 25px 0 0;
	text-align                                      : center;
	text-decoration                                 : none;
}

.twit SPAN {
	color                                           : #4e97b9;
}
	
.twit:HOVER {
	text-decoration                                 : underline;
}

.twitterStatus A:LINK, .twitterStatus A:ACTIVE, .twitterStatus A:VISITED{
	font                                            : bold italic 12px "Arial";
	color                                           : #4e97b9;
}

#copyright {
	width                                           : 1036px;
	height                                          : 230px;
	margin                                          : 0 auto;
}

.fone {
	width                                           : 200px;
	height                                          : 53px;
	font                                            : bold 12px 'TitilliumText14L600wt';
	text-shadow                                     : #90a99e 1px 2px;
	margin                                          : auto;
	color                                           : #FFF;
	text-align                                      : center;
	line-height                                     : 22px;
}
	
.fone SPAN {
	font                                            : normal 26px 'TitilliumText14L999wt';
}

.texto {
	font                                            : normal 12px Tahoma, Geneva, sans-serif;
	text-align                                      : center;
	color                                           : #FFF;
	text-shadow                                     : #90A99E 1px 2px;
	line-height                                     : 20px;
	margin                                          : 10px 0 0 0;
}

.q {
	width                                           : 52px;
	height                                          : 60px;
	background                                      : URL("../img/q.png") no-repeat left top;
	margin                                          : 15px auto 0;
}

/* BENEFÍCIOS*/

#beneficios {
	width                                           : 941px;
	height                                          : 1923px;
	background                                      : URL("../img/fundo_beneficios.png") no-repeat left top;
	margin                                          : -160px 0px auto -33px;
	font                                            : normal 14px "Arial";
	color                                           : #606e6a;
	line-height                                     : 17px;
}

.beneficios_t1 {
	width                                           : 794px;
	height                                          : 424px;
	margin                                          : 244px 0 0 73px;
	float                                           : left;
	background                                      : URL("../img/beneficios_1.png") no-repeat left top;
}
	
.b_texto {
	width                                           : 425px;
	margin                                          : 45px 0 0 330px;
	float                                           : left;
}
	
.titulo1 {
	font                                            : bold 20px 'TitilliumText14L600wt';
	margin                                          : 10px 0 0 0;
	letter-spacing                                  : -1px;
}

.texto1 {
	width                                           : 425px;
	margin                                          : 5px 0 25px 0;
}
	
.beneficios_t2 {
	width                                           : 794px;
	height                                          : 540px;
	margin                                          : 0 0 0 73px;
	float                                           : left;
	background                                      : URL("../img/beneficios_2.png") no-repeat left top;
	padding                                         : 45px 0 0 0;
}

.titulo2 {
	font                                            : bold 20px 'TitilliumText14L600wt';
	margin                                          : 25px 0 0 45px;
    letter-spacing                                  : -1px;
}

.texto2 {
	width                                           : 425px;
	margin                                          : 5px 0 0 45px;
}
	
.texto2_2 {
	width                                           : 700px;
	margin                                          : 10px 0 0 45px;
}
	
.beneficios_t3 {
	width                                           : 794px;
	height                                          : 579px;
	margin                                          : 0 0 0 73px;
	float                                           : left;
	background                                      : URL("../img/beneficios_3.png") no-repeat left top;
	padding                                         : 25px 0 0 0;
}

.titulo3 {
	font                                            : bold 20px 'TitilliumText14L600wt';
	margin                                          : 25px 0 0 330px;
	letter-spacing                                  : -1px;
}

.texto3 {
	width                                           : 425px;
	margin                                          : 10px 0 0 330px;
}
	
.texto3_2 {
	width                                           : 700px;
	margin                                          : 10px 0 0 45px;
}

.titulo3_2 {
	width                                           : 700px;
	font                                            : bold 20px 'TitilliumText14L600wt';
	margin                                          : 25px 0 0 45px;
	letter-spacing                                  : -1px;
}

/* CONTATO */

#proposta {
	width                                           : 941px;
	height                                          : 900px;
	background                                      : URL("../img/proposta.png") no-repeat left top;
	margin-top										:-164px;
	margin-left										:-33px;
}

#contato {
	width                                           : 941px;
	height                                          : 899px;
	background                                      : URL("../img/contato.png") no-repeat left top;
	margin                                          : -160px 0px auto -33px;
}
	
.form {
	width                                           : 362px;
	font                                            : bold 14px Tahoma, Geneva, sans-serif;
	color                                           : #73807D;
	margin                                          : 175px 0 0 80px;
	float                                           : left;
}
	
label {
	float                                           : left;
	clear                                           : both;
	margin                                          : 10px 0 5px 0;
}
	
.input {
	width                                           : 365px;
	background                                      : URL("../img/input.png") no-repeat left top;
	float                                           : left;
	clear                                           : both;
	height                                          : 40px;
	position										:relative;
}	


.inputLogin {
	width                                           : 365px;
	background                                      : URL("../img/inputLogin.png") no-repeat left top;
	float                                           : left;
	clear                                           : both;
	height                                          : 40px;
}	

.inputLoginHover {
	width                                           : 365px;
	background                                      : URL("../img/over-login.png") no-repeat left top;
	float                                           : left;
	clear                                           : both;
	height                                          : 40px;
}	


.inputqSelected{
	background                                      : URL("../img/over-inputq.png") no-repeat left top !important;	
	width                                           : 163px;
	float                                           : left;
	clear                                           : both;
	height                                          : 60px;
	position										: relative;
}	

.inputq {
	width                                           : 163px;
	background                                      : URL("../img/inputq.png") no-repeat left top;
	float                                           : left;
	clear                                           : both;
	height                                          : 60px;
	position										: relative;
}	





.inputqq {
    background                                      : none;
	font                                            : bold 28px 'CorbelBoldItalic';
	color                                           : #555;
	padding                                         : 12px;
	text-align                                      : left;
	width                                           : 136px;
	border                                          : 0;
	margin											:0px !important;
	top												:0px;
	position										:absolute;
}




.inputErro 
{
	width                                           : 365px;
	float                                           : left;
	clear                                           : both;
	height                                          : 40px;
	position										:relative;
	background                                      : URL("../img/over-input.png") no-repeat left top;
}

.ie .inputErro Input {
	width                                           : 330px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 24px 'CorbelBoldItalic';
	margin                                          : 6px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
	left											:5px;
	top												:-6px;
}

.inputErro Input {
	width                                           : 330px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 24px 'CorbelBoldItalic';
	margin                                          : 6px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
	left											:5px;
	top												:-12px;
}
	
.ie .input Input {
	width                                           : 330px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 24px 'CorbelBoldItalic';
	margin                                          : 6px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
	left											:5px;
	top												:-6px;
}

.input Input {
	width                                           : 330px;
	height                                          : 40px;
	border                                          : none;
	clear                                           : both;
	color                                           : #555;
	background-color                                : transparent;
	margin                                          : 0px 0 0 12px;
	font                                            : bold 24px 'CorbelBoldItalic';
	left											:5px;
	top												:-12px;
}

.textArea {
	width                                           : 362px;
	height                                          : 169px;
	background                                      : URL("../img/textArea.png") no-repeat left top;
	float                                           : left;
	clear                                           : both;
}	

.textAreaErro {
	background                                      : URL("../img/over-textArea.png") no-repeat left top;
	height											: 171px;
	width											: 364px;
}

.labelContato {
	margin-left                                     : 2px;
	height                                          : 20px;	
}

.labelTxt {
    font                                            : normal 11px "Arial";
    margin                                          : -6px 0 10px 0;
    float                                           : left;
    clear                                           : both;
}

.textArea textArea {
	width                                           : 345px;
	height                                          : 158px;
	border                                          : none;
	clear                                           : both;
	font                                            : bold 16px "CorbelBoldItalic";
	margin                                          : 6px 0  0 12px;
	color                                           : #555;
	background-color                                : transparent;
}

.mensagem {
	width                                           : 350px;
	height                                          : 150px;
	border                                          : none;
	margin                                          : 10px 0 0 0;
	background-color                                : transparent;
}

.bt_enviar {
	width                                           : 296px;
	height                                          : 118px;
	border                                          : none;
	background                                      : URL("../img/bt_enviar.png") no-repeat left top;
	display                                         : block;
	margin                                          : 50px auto 0;
	cursor                                          : pointer;
}
	
.bt_enviar:HOVER {
	background                                      : URL("../img/bt_enviar.png") no-repeat left bottom;
}

.contato_texto {
	width                                           : 360px;
	margin                                          : 190px 80px 0 0;
	float                                           : right;
	font                                            : normal 14px "Arial";
	color                                           : #73807D;
	line-height                                     : 18px;
}
	
.contato_texto SPAN {
	font                                            : bold 24px "Arial";
}

.mapa {
	width                                           : 356px;
	height                                          : 238px;
	float                                           : right;
	border                                          : 1px solid #CECECE;
	margin                                          : 65px 83px 0 0;
}

.mapa_texto {
	width                                           : 350px;
	margin                                          : 15px 85px 0 0;
	float                                           : right;
	font                                            : bold 12px "Arial";
	color                                           : #73807d;
	line-height                                     : 18px;
	text-align                                      : center;
	clear                                           : right;
}


/* SOLUÇÕES */

#solucoes {
	width                                           : 941px;
	height                                          : 451px;
	background                                      : URL("../img/solucoes.png") no-repeat left top;
	margin                                          : -160px 0px auto -33px;
}

.box_flag {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : right;
	margin                                          : 160px 67px 0 0;
}

.solu_buy {
	width                                           : 170px;
	height                                          : 66px;
	background                                      : URL("../img/solu_buy.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}
	
.box_buy {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 67px;
}
	
.solu_flag {
	width                                           : 192px;
	height                                          : 66px;
	background                                      : URL("../img/solu_flag.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}
	
.box_doc {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : left;
	margin                                          : 160px 0 0 67px;
}
	
.solu_doc {
	width                                           : 184px;
	height                                          : 66px;
	background                                      : URL("../img/solu_doc.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}
	
.box_tools {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : right;
	margin                                          : 0 67px 0 0;
	
}
	
.solu_tools {
	width                                           : 352px;
	height                                          : 66px;
	background                                      : URL("../img/solu_tools.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}

.box_doc:HOVER, .box_buy:HOVER, .box_flag:HOVER {
	background                                      : URL("../img/bt_solucoes_h.png") no-repeat left top;
}

.emdesenvolvimento {
    background                                      : URL("../img/emdesenvolvimento.png") no-repeat left top;
    position                                        : absolute;
    margin                                          : 45px 0 0 280px;
    font                                            : normal 11px "Arial";
    padding                                         : 5px;
    background                                      : #f1f5f2;
    border                                          : 1px solid #e8edea;
    -moz-border-radius                              : 5px;
    color                                           : #aab8b5;
    border-bottom                                   : 2px solid #E8EDEA;
}
	
/* DOC */

#doc {
	width                                           : 940px;
	height                                          : 2566px;
	background                                      : URL("../img/fundo_doc.png") no-repeat left top;
	margin                                          : -160px 0px auto -35px;
}


A.video_img:LINK, A.video_img:VISITED, A.video_img:ACTIVE {
	width                                           : 378px;
	height                                          : 282px;
	background                                      : URL("../img/video.png") no-repeat left 0;
	margin                                          : 60px 0 0 70px;
	float                                           : left;
	border                                          : 1px solid #EEE;
}

A.video_img:HOVER {
	background                                      : URL("../img/video.png") no-repeat left -282px;
}
	
.titulo_doc {
	width                                           : 397px;
	height                                          : 188px;
	background                                      : URL("../img/solu_doc.png") no-repeat left top;
	float                                           : right;
	margin                                          : 50px 35px 0 0;
}

.int_doc {
	font                                            : normal 32px 'TitilliumText14L600wt';
	color                                           : #50B3E6;
	margin                                          : 90px 0 0 0;
	line-height                                     : 28px;
	letter-spacing                                  : -1px;
}
	
.int_doc SPAN {
	font-family                                     : normal 32px 'TitilliumText14L999wt';
	color                                           : #0097DA;
}
	
.texto_doc {
	width                                           : 383px;
	font                                            : normal 14px "Arial";
	color                                           : #62706D;
	float                                           : right;
	margin                                          : 20px 12px 0 0;
	line-height                                     : 18px;
}
	
.beneficios_doc {
	width                                           : 901px;
	height                                          : 251px;
	background                                      : URL("../img/beneficios_doc.png") no-repeat left top;
	float                                           : left;
	display                                         : block;
	margin                                          : 70px 0 0 22px;
	font                                            : normal 13px "Arial";
	color                                           : #62706D;
	}
	
.beneficios_doc_texto {
	margin                                          : 43px 0 0 285px;
	line-height                                     : 14px;
}
	
.passos_doc {
	width                                           : 901px;
	height                                          : 791px;
	background                                      : URL("../img/passos_doc.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 20px;
	color                                           : #62706D;
	}
	
.passos_doc SPAN {
	font                                            : normal 14px "Arial";
	width                                           : 670px;
	margin                                          : 100px 0 0 130px;
	float                                           : left;
}
	
.p_5_doc {
	width                                           : 180px;
	height                                          : 85px;
	float                                           : left;
	margin                                          : 135px 0 0 60px;
	font                                            : normal 11px "Arial";
}

.p_4_doc {
	width                                           : 180px;
	height                                          : 85px;
	float                                           : left;
	margin                                          : 385px 0 0 -180px;
	font                                            : normal 11px "Arial";
}
	
.p_1_doc {
	width                                           : 180px;
	height                                          : 85px;
	float                                           : right;
	margin                                          : 140px 60px 0 0;
	font                                            : normal 11px "Arial";
	text-align                                      : right;
}
	
.p_2_doc {
	width                                           : 180px;
	height                                          : 85px;
	float                                           : right;
	margin                                          : 290px -180px 0 0;
	font                                            : normal 11px "Arial";
	text-align                                      : right;
}
	
.p_3_doc {
	width                                           : 230px;
	height                                          : 85px;
	float                                           : right;
	margin                                          : 515px -75px 0 0;
	font                                            : normal 11px "Arial";
	text-align                                      : right;
}

.tela {
	width                                           : 860px;
	height                                          : 444px;
	background                                      : URL("../img/telas.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 41px;
	color                                           : #62706d;
}

.tela SPAN {
	width                                           : 780px;
	font                                            : normal 14px "Arial";
	float                                           : left;
	margin                                          : 125px 0 0 40px;
	line-height                                     : 20px;
	text-align                                      : center;
}

.saibamais_doc {
	width                                           : 860px;
	height                                          : 487px;
	background                                      : URL("../img/saibamais_doc.png") no-repeat left top;
	margin                                          : 2px 0 0 40px;
	float                                           : left;
	color                                           : #62706D;
}

.saibamais_doc SPAN {
	width                                           : 770px;
	margin                                          : 125px 0 0 40px;
	float                                           : left;
	font                                            : normal 14px "Arial";
	line-height                                     : 18px;
	text-align                                      : justify;
}

.ancoraDoBotaoOrcamento
{
    float                                           : left;      
    display                                         : block;
}

.orcamento_doc {
	width                                           : 296px;
	height                                          : 117px;
	background                                      : URL("../img/bt_cont_doc.png") no-repeat left top;
	display                                         : block;
	float                                           : left;
	margin                                          : 45px 0 0 320px;
}

.orcamento_doc:HOVER {
	background                                      : URL("../img/bt_cont_doc.png") no-repeat left bottom;
}

/* BUY */
	
#buy {
	width                                           : 940px;
	height                                          : 2318px;
	background                                      : URL("../img/fundo_buy.png") no-repeat left top;
	margin                                          : -160px 0px auto -35px;
}

.video_img {
	width                                           : 378px;
	height                                          : 282px;
	background                                      : URL("../img/video.jpg") no-repeat left top;
	margin                                          : 60px 0 0 70px;
	float                                           : left;
}
	
.titulo_buy {
	width                                           : 397px;
	height                                          : 188px;
	background                                      : URL("../img/solu_buy.png") no-repeat left top;
	float                                           : right;
	margin                                          : 50px 35px 0 0;
}
	
.int_buy {
	width                                           : 405px;
	font                                            : normal 32px 'TitilliumText14L600wt';
	color                                           : #764AC2;
	margin                                          : 90px 0 0 5px;
	line-height                                     : 28px;
	letter-spacing                                  : -1px;
}
	
.int_buy SPAN {
	font                                            : normal 32px 'TitilliumText14L999wt';
	color                                           : #5A3799;
}
	
.texto_buy {
	width                                           : 383px;
	font                                            : normal 14px "Arial";
	color                                           : #62706D;
	float                                           : right;
	margin                                          : 20px 9px 0 0;
	line-height                                     : 18px;
	}
	
.beneficios_buy {
	width                                           : 901px;
	height                                          : 198px;
	background                                      : URL("../img/beneficios_buy.png") no-repeat left top;
	float                                           : left;
	display                                         : block;
	margin                                          : 70px 0 0 20px;
	font                                            : normal 13px "Arial";
	color                                           : #62706D;
}
	
.beneficios_buy_texto {
	margin                                          : 56px 0 0 280px;
	line-height                                     : 16px;
}
	
.passos_buy {
	width                                           : 901px;
	height                                          : 513px;
	background                                      : URL("../img/passos_buy.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 20px;
	color                                           : #62706D;
}
	
.passos_buy SPAN {
	font                                            : normal 14px "Arial";
	width                                           : 670px;
	margin                                          : 90px 0 0 130px;
	float                                           : left;
	text-align                                      : left;
}

.pen {
	background                                      : URL("../img/pen.png") no-repeat left top;
	float                                           : left;
	width                                           : 183px;
	height                                          : 307px;
	display                                         : block;
	margin                                          : 25px 0 0 40px;
}
	
.p_1_buy {
	width                                           : 400px;
	height                                          : 70px;
	float                                           : right;
	margin                                          : 50px 50px 0 50px;
	font                                            : normal 12px "Arial";
	line-height                                     : 18px;
}
	
.p_2_buy {
	width                                           : 400px;
	height                                          : 60px;
	float                                           : right;
	margin                                          : 0 50px 0 65px;
	font                                            : normal 12px "Arial";
	line-height                                     : 18px;
}
	
.p_3_buy {
	width                                           : 400px;
	height                                          : 85px;
	float                                           : right;
	margin                                          : 0 50px 0 100px;
	font                                            : normal 12px "Arial";
	line-height                                     : 18px;
}
	
.p_4_buy {
	width                                           : 400px;
	height                                          : 80px;
	float                                           : right;
	margin                                          : 0 50px 0 100px;
	font                                            : normal 12px "Arial";
	line-height                                     : 18px;
}

.tela {
	width                                           : 860px;
	height                                          : 444px;
	background                                      : URL("../img/telas.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 41px;
	color                                           : #62706D;
	}

.tela SPAN {
	width                                           : 780px;
	font                                            : normal 14px "Arial";
	float                                           : left;
	margin                                          : 125px 0 0 40px;
	line-height                                     : 20px;
	text-align                                      : center;
}

.saibamais {
	width                                           : 860px;
	height                                          : 571px;
	background                                      : URL("../img/saibamais_buy.png") no-repeat left top;
	margin                                          : 2px 0 0 40px;
	float                                           : left;
	color                                           : #62706D;
}

.saibamais SPAN {
	width                                           : 770px;
	margin                                          : 125px 0 0 40px;
	float                                           : left;
	font                                            : normal 14px "Arial";
	line-height                                     : 18px;
	text-align                                      : justify;
}

.orcamento_buy {
	width                                           : 295px;
	height                                          : 117px;
	background                                      : URL("../img/bt_cont_buy.png") no-repeat left top;
	display                                         : block;
	float                                           : left;
	margin                                          : 45px 0 0 320px;
}
	
.orcamento_buy:HOVER {
	background                                      : URL("../img/bt_cont_buy.png") no-repeat left bottom;
}

/* FLAG */

#flag {
	width                                           : 940px;
	height                                          : 2318px;
	background                                      : URL("../img/fundo_buy.png") no-repeat left top;
	margin                                          : -160px 0px auto -35px;
}

.video_img {
	width                                           : 378px;
	height                                          : 282px;
	background                                      : URL("../img/video.jpg") no-repeat left top;
	margin                                          : 60px 0 0 70px;
	float                                           : left;
}
	
.titulo_flag {
	width                                           : 397px;
	height                                          : 188px;
	background                                      : URL("../img/solu_flag.png") no-repeat left top;
	float                                           : right;
	margin                                          : 50px 35px 0 0;
}

.int_flag {
	font                                            : normal 32px 'TitilliumText14L600wt';
	color                                           : #C1D679;
	margin                                          : 90px 0 0 0;
	line-height                                     : 28px;
	letter-spacing                                  : -1px;
}
	
.int_flag SPAN {
	font                                            : normal 32px 'TitilliumText14L999wt';
	color                                           : #AECC43;
}

.texto_flag {
	width                                           : 383px;
	font                                            : normal 14px "Arial";
	color                                           : #62706D;
	float                                           : right;
	margin                                          : 20px 11px 0 0;
	line-height                                     : 18px;
}
	
.beneficios_flag {
	width                                           : 901px;
	height                                          : 198px;
	background                                      : URL("../img/beneficios_flag.png") no-repeat left top;
	float                                           : left;
	display                                         : block;
	margin                                          : 70px 0 0 20px;
	font                                            : normal 13px "Arial";
	color                                           : #62706D;
}
	
.beneficios_flag_texto {
	width                                           : 580px;
	margin                                          : 56px 0 0 280px;
	line-height                                     : 14px;
}
	
.passos_flag {
	width                                           : 901px;
	height                                          : 513px;
	background                                      : URL("../img/passos_flag.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 20px;
	color                                           : #62706D;
}
	
.passos_flag SPAN {
	font                                            : normal 14px "Arial";
	width                                           : 670px;
	margin                                          : 95px 0 0 130px;
	float                                           : left;
}
	
.p_1_flag {
	width                                           : 180px;
	height                                          : 85px;
	float                                           : left;
	margin                                          : 200px 0 0 65px;
	font                                            : normal 12px "Arial";
	text-align                                      : center;
	line-height                                     : 18px;
}
	
.p_2_flag {
	width                                           : 230px;
	height                                          : 85px;
	float                                           : left;
	margin                                          : 200px 0 0 80px;
	font                                            : normal 12px "Arial";
	text-align                                      : center;
	line-height                                     : 18px;
}
	
.p_3_flag {
	width                                           : 250px;
	height                                          : 85px;
	float                                           : left;
	margin                                          : 200px 0 0 50px;
	font                                            : normal 12px "Arial";
	text-align                                      : center;
	line-height                                     : 18px;
}

.tela {
	width                                           : 860px;
	height                                          : 444px;
	background                                      : URL("../img/telas.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 41px;
	color                                           : #62706D;
}

.tela SPAN {
	width                                           : 780px;
	font                                            : normal 14px "Arial";
	float                                           : left;
	margin                                          : 125px 0 0 40px;
	line-height                                     : 20px;
	text-align                                      : center;
	}

.saibamais {
	width                                           : 860px;
	height                                          : 571px;
	background                                      : URL("../img/saibamais_buy.png") no-repeat left top;
	margin                                          : 2px 0 0 40px;
	float                                           : left;
	color                                           : #62706D;
	}

.saibamais SPAN {
	width                                           : 770px;
	margin                                          : 125px 0 0 40px;
	float                                           : left;
	font                                            : normal 14px "Arial";
	line-height                                     : 18px;
	text-align                                      : justify;
}

.orcamento_flag {
	width                                           : 295px;
	height                                          : 117px;
	background                                      : URL("../img/bt_cont_flag.png") no-repeat left top;
	display                                         : block;
	float                                           : left;
	margin                                          : 45px 0 0 320px;
}
	
.orcamento_flag:HOVER {
	background                                      : URL("../img/bt_cont_flag.png") no-repeat left bottom;
}

/* EMPRESA */
#empresa{
	width                                           : 940px;
	height                                          : 1008px;
	background                                      : URL("../img/fundo_empresa.png") no-repeat left top;
	margin                                          : -160px 0px auto -33px;
	color                                           : #606E6A;
}

.empresa_texto {
	width                                           : 860px;
	height                                          : 280px;
	background                                      : URL("../img/empresa.png") no-repeat left top;
	float                                           : left;
	margin                                          : 48px 0 0 40px;
	padding                                         : 100px 0 0 0;
}
	
.empresa_texto P {
	width                                           : 760px;
	font                                            : normal 14px "Arial";
	float                                           : left;
	margin                                          : 20px 0 0 50px;
	line-height                                     : 17px;
	clear                                           : both;
}
	
.filosofia {
	width                                           : 890px;
	height                                          : 553px;
	background                                      : URL("../img/filosofia.png") no-repeat left top;
	float                                           : left;
	margin                                          : 0 0 0 28px;
	font                                            : normal 13px "Arial";
}

.filosofia1 {
	width                                           : 560px;
	margin                                          : 45px 0 0 245px;
}
	
.filosofia2 {
	width                                           : 560px;
	margin                                          : 26px 0 0 295px;
}

.menuProduto, A.menuProduto:LINK, A.menuProduto:ACTIVE, A.menuProduto:VISITED {
	position                                        : fixed;
	bottom                                          : 0px;
	width                                           : 940px;
	left                                            : 50%;
	text-align                                      : center;
	padding                                         : 18px 0 0 0;
	color                                           : #FFF;
	font                                            : normal 12px "Arial";
	text-transform                                  : uppercase;
	height                                          : 33px;
	margin-left                                     : -470px;
	z-index                                         : 39;
	text-decoration                                 : none; !important
}

.barraDoc {
    background                                      : URL("../img/barra-doc.png") no-repeat center bottom;    
}

.barraFlag {
    background                                      : URL("../img/barra-flag.png") no-repeat center bottom;    
}

.barraBuy {
    background                                      : URL("../img/barra-buy.png") no-repeat center bottom;    
}

.barralogo {
    margin                                          : -18px 0 0 40px;
    float                                           : left;
    width                                           : 160px;
    height                                          : 30px;
    display                                         : block;
}


.menuProduto A {
    font                                            : normal 12px "Arial";
    color                                           : #FFF;
    float                                           : left;
    padding                                         : 8px 0 0 0;
    margin                                          : 0 14px 0 0;
    display                                         : block;
    
}

.menuProduto A:HOVER {
    text-decoration                                 : underline;
}

.menuCentro {
    width                                           : 478px;
    margin                                          : -3px 0 0 250px;
}


#numeroCarregando
{
    background                                      : url("../img/banner_carregando.png") no-repeat 0 top;
    width                                           : 22px;
    height                                          : 26px;
}

#box-telas {
    float                                           : left;
    clear                                           : both;
    margin                                          : 150px 0 0 -3px;
}

#tela1, #tela2, #tela3, #tela4, #tela5 {
    width                                           : 271px;
    height                                          : 179px;
    float                                           : left;
    background                                      : url("../img/tela.png") no-repeat 0 top;
    position                                        : absolute;
}

#tela1 {
    margin                                          : 10px 0 0 45px;
    z-index                                         : 97;
}

#tela2 {
    margin                                          : 65px 0 0 140px;
    z-index                                         : 98;
}

#tela3 {
    margin                                          : 85px 0 0 295px;
    z-index                                         : 99;
}

#tela4 {
    margin                                          : 65px 0 0 460px;
    z-index                                         : 98;
}

#tela5 {
    margin                                          : 10px 0 0 550px;
    z-index                                         : 97;
}

A#tela1:HOVER, A#tela2:HOVER, A#tela3:HOVER, A#tela4:HOVER, A#tela5:HOVER {
    background                                      : url("../img/tela-over.png") no-repeat 0 top;
}

#tela1 IMG, #tela2 IMG, #tela3 IMG, #tela4 IMG, #tela5 IMG {
    margin                                          : 22px 0 0 22px;
    border                                          : 0;
}

.ui-jcoverflip {
    position                                        : relative;
}
      
.ui-jcoverflip--item {
    position                                        : absolute;
    display                                         : block;
}
      
/* Basic sample CSS */
#flip {
    height                                          : 200px;
    width                                           : 860px;
    margin-bottom                                   : 50px;
}
      
#flip .ui-jcoverflip--title {
    position                                        : absolute;
    bottom                                          : -30px;
    width                                           : 100%;
    margin-left                                     : 0px;
    text-align                                      : center;
    color                                           : #FFF;
    font-size                                       : 20px;
}
      
#flip IMG {
    display                                         : block;
    border                                          : 0;
    outline                                         : none;
}
      
#flip A {
    outline                                         : none;
}
      
#wrapper {
    height                                          : 300px;
    width                                           : 860px;
    overflow                                        : hidden;
    position                                        : relative;
}
      

      
UL, UL LI {
    margin                                          : 0;
    padding                                         : 0;
    display                                         : block;
    list-style-type                                 : none;
}
      
#scrollbar {
    position                                        : absolute;
    left                                            : 20px;
    right                                           : 20px;
}

.voltar {
    font                                            : bold 12px "Arial";
    color                                           : #50a189;
    float                                           : left;
    display                                         : block;
    background                                      : #50a189;
    color                                           : #fff;
    padding                                         : 5px 10px;
    clear                                           : both;
    margin                                          : 10px 0 0 0;
    -moz-border-radius                              : 3px;
    text-decoration                                 : none;
    letter-spacing                                  : 0;
}

.msgs {
    margin-top                                      : 40px;
    border                                          : 1px solid #d4e9de;
    -moz-border-radius                              : 5px;
    padding                                         : 25px;
    float                                           : left;
    font                                            : bold 16px "Arial";
    letter-spacing                                  : -2px;
    line-height                                     : 24px;
    background                                      : #e1ede8;
}

.msgs H1 {
    float                                           : left;
    clear                                           : both;
}



.obox_flag {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : left;
	margin                                          : 11px 0 0 0;
	cursor											:pointer;
}

.osolu_buy {
	width                                           : 170px;
	height                                          : 66px;
	background                                      : URL("../img/solu_buy.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}
	
.obox_buy {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : left;
	margin                                          : 11px 0 0 0;
	cursor											:pointer;
}
	
.osolu_flag {
	width                                           : 192px;
	height                                          : 66px;
	background                                      : URL("../img/solu_flag.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}
	
.obox_doc {
	width                                           : 401px;
	height                                          : 112px;
	background                                      : URL("../img/bt_solucoes.png") no-repeat left top;
	float                                           : left;
	margin                                          : 11px 0 0 0;
	cursor											:pointer;
}
	
.osolu_doc {
	width                                           : 184px;
	height                                          : 66px;
	background                                      : URL("../img/solu_doc.png") no-repeat left top;
	float                                           : left;
	margin                                          : 28px 0 0 40px;
}

.osolu_docHover {
	background                                      : URL("../img/bt_solucoes_erro.png") no-repeat left top;
}

