body {
	font-family: tahoma;
	font-size: 12px;
	color: #4a5053;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	padding: 0;
	margin: 0;
	background-image:url('img_site/bck_up.jpg');
	background-repeat:repeat-x;
	background-color: #E7E7E7;
}
/* =====================================INICIO LAYOUT CODEMIX==================================*/
#tudo {
	background-image: url('img_site/codemix_24.jpg');
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#principal {
	position: relative;
	background-image: url('img_site/codemix_24.jpg');
	width: 1000px;
}
#principal_internas {
	position: relative;
	background-image: url('img_site/codemix_24.jpg');
	width: 1000px;
}
#principal_esq {
	position: relative;
	width: 399px;
	float: left;
}
#principal_dir {
	position: relative;
	width: 370px;
	float: right;
}
#top_cabecalho {
	background-image: url('img_site/top.jpg');
	position: relative;
	width: 1000px;
	height: 116px;
}
#m_home {
	margin-left: 10px;
}
/* ===================================== CABEÇALHOS CODEMIX ==================================*/
/* =====================================FINAL CABEÇALHOS  CABEÇALHOS CODEMIX==================================*/
/* =====================================MENUS CODEMIX==================================*/
#menu_principal {
	background-image: url('img_site/menu_home.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 36px;
	cursor: pointer;
}
#menu_empresa {
	background-image: url('img_site/menu_empresa.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 36px;
	cursor: pointer;
}
#menu_produtos {
	background-image: url('img_site/menu_produtos.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 36px;
	cursor: pointer;
}
#menu_suporte {
	background-image: url('img_site/menu_suporte.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 36px;
	cursor: pointer;
}
#menu_contato {
	background-image: url('img_site/menu_contato.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 36px;
	cursor: pointer;
}
#submenu {
	background-image: url('img_site/codemix_03.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 1000px;
	height: 34px;
}
#submenu_int {
	background-image: url('img_site/submenu.jpg');
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 24px;
	padding:10px 0px 0px 40px;
}
/* =====================================FINAL MENUS CODEMIX==================================*/
#principal_conteudos {
	position: relative;
	background-image: url('img_site/codemix_24.jpg');
	background-repeat: repeat-y;
	width: 1000px;
}
/* =====================================INICIO CONTEUDO PRINCIPAL CODEMIX==================================*/
/* =====================================INICIO CONTEUDO DETALHES CODEMIX==================================*/
#prog_esquerda {
	background-image: url('img_site/detalhes_13.jpg');
	background-repeat: repeat-y;
	position: relative;
	padding: 0px 20px 0px 50px;
	width: 329px;
}
#prog_direita {
	background-image: url('img_site/detalhes_14.jpg');
	background-repeat: repeat-y;
	position: relative;
	padding: 0px 40px 0px 20px;
	width: 310px;
}
#rod_esquerda {
	background-image: url('img_site/detalhes_17.jpg');
	position: relative;
	padding: 0px 40px 0px 20px;
	width: 339px;
	height: 21px;
}
#rod_direita {
	background-image: url('img_site/detalhes_18.jpg');
	position: relative;
	padding: 0px 40px 0px 20px;
	width: 310px;
	height: 21px;
}
/* =====================================FINAL CONTEUDO DETALHES CODEMIX==================================*/
/* =====================================COLUNA ESQUERDA==================================*/
#principal_home {
	width: 1000px;
}
#principal_esquerda {
	float: left;
	position: relative;
	width: 674px;
}
#assista_o_video {
	position: relative;
	background-image: url('img_site/codemix_05.jpg');
	height: 258px;
	width: 674px;
}
#assine_ja {
	position: relative;
	background-image: url('img_site/texto_home.jpg');
	height: 112px;
	width: 674px;
}
#texto_empresa {
	position: relative;
	background-image: url('img_site/texto_empresa.jpg');
	height: 112px;
	width: 674px;
}
#texto_produtos {
	position: relative;
	background-image: url('img_site/texto_produtos.jpg');
	height: 112px;
	width: 674px;
}
#texto_demos {
	position: relative;
	background-image: url('img_site/texto_demos.jpg');
	height: 112px;
	width: 674px;
}
#texto_suporte {
	position: relative;
	background-image: url('img_site/texto_suporte.jpg');
	height: 112px;
	width: 674px;
}
#texto_contato {
	position: relative;
	background-image: url('img_site/texto_contato.jpg');
	height: 112px;
	width: 674px;
}
#ultimos {
	position: relative;
	background-image: url('img_site/ultimos.jpg');
	height: 104px;
	width: 674px;
}
#conteudo_esq_home {
	padding-left: 50px;
	width: 574px;
}
#contatobg {
	background-image: url(img_site/contatobg.jpg);
	width: 598px;
	height: 406px;
}
#principal_direita {
	float: right;
	position: relative;
	width: 326px;
}
#vantagens {
	position: relative;
	background-image: url('img_site/codemix_06.jpg');
	height: 258px;
	width: 326px;
}
#institucional {
	position: relative;
	background-image: url('img_site/institucional.jpg');
	height: 112px;
	width: 326px;
}
#cases {
	position: relative;
	background-image: url('img_site/cases.jpg');
	height: 104px;
	width: 326px;
}
#telefones {
	position: relative;
	background-image: url('img_site/telefones.jpg');
	height: 104px;
	width: 326px;
}
#videos {
	position: relative;
	background-image: url('img_site/videos.jpg');
	height: 104px;
	width: 326px;
}
#flash {
	position: relative;
	background-image: url('img_site/flash.jpg');
	height: 104px;
	width: 326px;
}
#layouts {
	position: relative;
	background-image: url('img_site/layouts.jpg');
	height: 93px;
	width: 326px;
}
#mapa {
	position: relative;
	background-image: url('img_site/mapa.jpg');
	height: 93px;
	width: 326px;

}
#imagens {
	position: relative;
	background-image: url('img_site/imagens.jpg');
	height: 93px;
	width: 326px;
}
.repeat_dir {
	
	float: left;
	width: 246px;
	padding-left: 40px;
	padding-right:40px;
	background-image: url('img_site/codemix_12.jpg');
	background-repeat:repeat-y;
}
#repeat_dir2 {

	float: left;
	width: 256px;
	padding-left: 30px;
	padding-right:40px;
	padding-bottom:40px;
}
.saibamais {
	vertical-align: middle;
}
.rod_dir {
	position: relative;
	background-image: url('img_site/codemix_15.jpg');
	width: 326px;
	height: 37px;
	clear:both;
}
/* =====================================FINAL COLUNA ESQUERDA==================================*/
/* =====================================INICIO COLUNA ESQUERDA INTERNAS==================================*/
#coluna_esq_int {
	position: relative;
	float: left;
	width: 728px;
}
/* =====================================FINAL COLUNA ESQUERDA INTERNAS==================================*/
/* =====================================INICIO COLUNA ESQUERDA INTERNAS==================================*/
#prog_titulo {
	position: relative;
	background-image: url('img_site/internas_03.jpg');
	padding-left: 226px;
	height: 30px;
	width: 570px;
	padding-top: 10px;
}
/* =====================================CABEÇALHO COLUNA 1 ESQUERDA INTERNAS==================================*/
#menu_cab_int {
	position: relative;
	background-image: url('img_site/nztrip_04.jpg');
	width: 275px;
	height: 67px;
}
/* =====================================CABEÇALHO COLUNA 1 ESQUERDA INTERNAS==================================*/
/* =====================================COLUNA 1 ESQUERDA==================================*/
#menu {
	position: relative;
	float: left;
	width: 1000px;
}
/* =====================================FINAL COLUNA1 ESQUERDA==================================*/
/* =====================================COLUNA 1 INTERNAS CONTEUDO ESQUERDA==================================*/
#conteudo {
	position: relative;
	background-image: url('img_site/nztrip_08.jpg');
	float: right;
	width: 453px;
}
#conteudo_cab {
	position: relative;
	background-image: url('img_site/nztrip_05.jpg');
	width: 453px;
	height: 67px;
}
#titulo_conteudo {
	position: relative;
	padding-left: 35px;
	padding-top: 28px;
	padding-bottom: 12px;
}
#conteudo_repeat {
	position: relative;
	margin-left: 15px;
	width: 400px;
}
#conteudo_rod {
	position: relative;
	background-image: url('img_site/nztrip_15.jpg');
	width: 453px;
	height: 22px;
}
/* =====================================FINAL COLUNA1 INTERNAS CONTEUDO ESQUERDA==================================*/
/* =====================================COLUNA DETALHES CONTEUDO ESQUERDA==================================*/
#conteudo_det {
	position: relative;
	background-image: url('img_site/detalhes_07.jpg');
	float: right;
	width: 725px;
	clear: both;
}
#conteudo_cab_det {
	position: relative;
	background-image: url('img_site/detalhes_05.jpg');
	width: 725px;
	height: 67px;
}
#titulo_conteudo_det {
	position: relative;
	padding-left: 35px;
	padding-top: 28px;
	padding-bottom: 12px;
}
#conteudo_repeat_det {
	position: relative;
	margin-right: 15px;
	margin-left: 15px;
	width: 600px;
}
#conteudo_rod_det {
	position: relative;
	background-image: url('img_site/detalhes_11.jpg');
	width: 725px;
	height: 22px;
}
/* =====================================FINAL COLUNA DETALHES CONTEUDO ESQUERDA==================================*/
/* =====================================FINAL RODAPE - CODEMIX==================================*/
#rodape {
	position: relative;
	background-image: url('img_site/rod.jpg');
	height: 239px;
	clear: both;
	color:#f2f2f2;
	padding:60px 10px 0px 40px;
}
#rodape a{
	color:#f2f2f2;
	font-size:11px;
	font-weight:normal;
	

}

/* =====================================FINAL LAYOUT CODEMIX==================================*/
/* =====================INÍCIO CLASSES==================*/
#tudo h1 {
	font-family: tahoma;
	font-size: 17px;
	color:#454545;
	font-weight:normal;
}
#tudo h2 {
	font-family: tahoma;
	font-size: 15px;
	color:#615649;

}
#tudo h3 {
	font-family: tahoma;
	font-size: 13px;
	color: #454545;
	background-color: transparent;
}
#tudo h4 {
	font-family: tahoma;
	font-size: 12px;
	color: #615649;
}
#tudo h5 {
	font-family: tahoma;
	font-size: 11px;
	color: #454545;
}
#tudo h6 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #615649;
}
#tudo li {
	font-family: tahoma;
	font-size: 12px;
	color: #615649;
	margin-right: 70px;
	list-style: disc;
}
#tudo p {
	font-family: tahoma;
	font-size: 12px;
	color: #615649;
}
.moldura {
	border: 2px solid #AAAAAA;
	color: #999999;
	background-color: #FFFFFF;
}
/*li {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #222c36;
	list-style-type:none;
	margin-left:-25px;
}*/
/*formviews*/
.valor {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.text {
	font-family: tahoma;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.titulo {
	font-family: tahoma;
	font-size: 11px;
	color: #0e4c75;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.categoria {
	font-family: tahoma;
	font-size: 11px;
	color: #3D5783;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.titulocategoria {
	font-family: tahoma;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.moldura {
	border: 0px solid #ffffff;
	background-color: #ffffff;
}
.form {
	font-family: tahoma;
	font-size: 11px;
	color: #808080;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	border: 1px solid #dcd8cc;
	background-color: #ffffff;
}
.box {
	font-family: tahoma;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	border: none;
	background-color: transparent;
}

/*.scroll{
    scrollbar-face-color:#cccccc; scrollbar-shadow-color: #cccccc; scrollbar-highlight-color: #cccccc; scrollbar-3dlight-color: #cccccc; scrollbar-darkshadow-color: #cccccc; scrollbar-track-color: #e4e6e9; scrollbar-arrow-color: #FFFFFF;
}*/
/* ===================================== fontes ==================================*/
.data {
	/*cinza claro . datas*/
	font-family: tahoma;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.text {
	/*cinza . texto*/
	font-family: tahoma;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.red {
	/*título vermelho*/
	font-family: tahoma;
	font-size: 12px;
	color: #ff3333;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.blue {
	/*título azul*/
	font-family: tahoma;
	font-size: 12px;
	color: #2786c2;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.green {
	/*título verde*/
	font-family: tahoma;
	font-size: 12px;
	color: #5c8a00;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.yellow {
	/*título amarelo*/
	font-family: tahoma;
	font-size: 12px;
	color: #a78600;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
.cat {
	/*branco . título categoria*/
	font-family: tahoma;
	font-size: 12px;
	color: #ffffff;
	font-style: normal;
	font-weight: bold;
	text-align: left;
}
.login {
	/*marrom claro. login*/
	font-family: tahoma;
	font-size: 10px;
	color: #988b7b;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}
.search {
	/*marrom claro. busca cep*/
	font-family: tahoma;
	font-size: 12px;
	color: #988b7b;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}
.form {
	/*cinza claro . formulários*/
	font-family: tahoma;
	font-size: 12px;
	color: #cccccc;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	background-color: transparent;
}
a:link {
	/*cinza*/
	font-family: tahoma;
	font-size: 12px;
	color: #615649;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	/*verde*/
	font-family: tahoma;
	font-size: 12px;
	color: #615649;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	/*verde*/
	font-family: tahoma;
	font-size: 12px;
	color: #988b7b;
	font-style: normal;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}
/*.scroll{ marrom
    scrollbar-face-color:#988b7b; scrollbar-shadow-color: #988b7b; scrollbar-highlight-color: #988b7b; scrollbar-3dlight-color: #988b7b; scrollbar-darkshadow-color: #988b7b; scrollbar-track-color: #edede1; scrollbar-arrow-color: #ffffff;
}*/