/* CSS Document - mz2 web design studio*/

/*
1 - GLOBAL
	TIPOGRAFIAS
	MENU
	LOGOS PARCEIROS
2 - INDEX
3 - EMPRESA
	MENU PRODUTOS
4 - CLIENTES - PARCEIROS 
5 - PORTFOLIO
6 - CONTATO
*/

/* 1 - GLOBAL */
*{
	outline:none;
}
body{
	margin:0px;
	font:0.75em Arial, Helvetica, sans-serif;
	*font:12px Arial, Helvetica, sans-serif;
	background:#002003;
}

.bg-topo{
	width:100%;
	height:auto;
	background:url(../assets/sprites.jpg) 50% -240px no-repeat;
	background-color:#F4F4F4;
}

.topo-home{
	width:955px;
	height:428px;
	margin:0 auto;
}
.topo{
	width:955px;
	min-height:110px;
	*height:110px;
	margin:0 auto;
}

.bg-conteudo{
	width:100%;
	height:auto;
	background:#E7E7E7 url(../assets/bg-conteudo.png) center bottom no-repeat;
}

.conteudo{
	width:955px;
	margin:0 auto;	
	padding:20px 0 0 0;
}
.conteudo a{
	color:#096;
	text-decoration:none;
}
.conteudo h1{
	margin-top:0px;
	float:left;
	font-size:1.8em !important;
}
.box-conteudo{
	width:925px;
	margin:0 0 0 15px;
}
.bg-rodape{
	width:100%;
	height:auto;
	background:url(../assets/bg-rodape1.png) repeat-x;
}

.rodape{
	width:955px;
	height:232px;
	margin:0 auto;	
	background:url(../assets/bg-rodape.png) center top no-repeat;
}
.rodape p.abcm{
	width:292px;
	color:#FFF;
	text-align:center;
	letter-spacing:2px;
	float:left;
	margin: 53px 20px 0px 0px;
	font-weight:bold;
}
#abcm-home{
margin:53px 39px 0 45px !important;
}
.rodape p.endereco{
	width:277px; 
	height:48px; 
	float:left;
	margin:44px 0 0 0;
	color:#FFF;
	border-right:1px solid #FFF;
}

div.rodape p.endereco2{ 
	height:48px;
	width:269px;	
	float:left;
	margin:44px 0 0 15px;
	color:#FFF;
}
.rodape-msn{
	width:132px;
	height:60px;
	float:right;
	margin: 40px 0 0 0;
}
.clear{
	clear:both;
}

.mz2{ 
	float:right; 
	z-index:1; 
	position:relative; 
	margin-top: -280px;
}

/*  TIPOGRAFIAS */
h2{
	color:#2C2C26;
	font-size:19px;
	margin:0px 0 14px 0px;
	font-weight:lighter;
}

#saiba-mais{
	font-size:12px;
	float:right;
	margin-top:15px;
}

/* MENU */
ul.menu{
	width:684px;
	float:left;
	padding:0px;
	margin: 25px 0px 0px 10px;
}

ul#hover.menu li.png_bg{
	float:left;
	font-size:19px;
	list-style:none;
	height:55px;
	margin:0px 7px;
	text-align:center;
}
ul#hover.menu li.png_bg a cufon.cufon.cufon-canvas{
	margin-top:15px;
}
ul.menu li a{
	text-decoration:none;
	color:#FFF;
	*font-size:18px;
	line-height:55px;
	margin:0px;
	padding:0px;
}

#a{
	width:84px;
	margin:0px !important;
}

ul#hover.menu li{
	background: url(../assets/bg-hover-menu.png) no-repeat;
}
.atual{
	background: url(../assets/bg-hover-menu.png) bottom center no-repeat !important;
}

/* LOGOS */
.logos-parceiros{
	width:955px;
	height:33px;
	margin: 36px 0px 0px 0px;
}
.a, .b, .c, .d, .e, .f, .g, .h, .i{
	float:left;
	margin:0px;
	position:relative;
	display:block;
}
	
.logos-parceiros .a{
	width:116px;
	height:35px;
	background:url(../assets/sprites-logos.gif) 0px 0px no-repeat;
}
.a:hover{
	width:116px;
	height:35px;
	background:url(../assets/sprites-logos.gif) 1px -51px no-repeat;
}

.logos-parceiros .b{ 
	width:114px;
	height:30px;
	background:url(../assets/sprites-logos.gif) -127px -3px no-repeat;
	margin: 4px 0px 0px 6px;	
}
.b:hover{
	width:114px;
	height:30px;
	background:url(../assets/sprites-logos.gif) -127px -54px no-repeat;
}

.logos-parceiros .c{
	width:62px;
	height:34px;
	background:url(../assets/sprites-logos.gif) -255px -1px no-repeat;
	margin: 3px 0px 0px 7px;
}
.c:hover{
	width:62px;
	height:34px;
	background:url(../assets/sprites-logos.gif) -255px -52px no-repeat;
}
	
.logos-parceiros .d{
	width:95px;
	height:17px;
	background:url(../assets/sprites-logos.gif) -324px -10px no-repeat;
	margin: 11px 0px 0px 6px;
}
.d:hover{
	width:95px;
	height:17px;
	background:url(../assets/sprites-logos.gif) -324px -61px no-repeat;
}

.logos-parceiros .e{
	width:95px;
	height:20px;
	background:url(../assets/sprites-logos.gif) -455px -9px no-repeat;
	margin: 10px 0px 0px 6px;
}
.e:hover{
	width:95px;
	height:20px;
	background:url(../assets/sprites-logos.gif) -455px -60px no-repeat;
}

.logos-parceiros .f{
	width:108px;
	height:26px;
	background:url(../assets/sprites-logos.gif) -571px -7px no-repeat;
	margin: 8px 0px 0px 3px;
}
.f:hover{
	width:108px;
	height:26px;
	background:url(../assets/sprites-logos.gif) -571px -56px no-repeat;
}

.logos-parceiros .g{
	width:99px;
	height:39px;
	background:url(../assets/sprites-logos.gif) -707px 0px no-repeat;
	margin:2px 0 0 2px;
}
.g:hover{
	width:99px;
	height:39px;
	background:url(../assets/sprites-logos.gif) -707px -50px no-repeat;
}

.logos-parceiros .h{
	width:79px;
	height:23px;
	background:url(../assets/sprites-logos.gif)  -849px -5px no-repeat;
	margin: 5px 0px 0px 7px;
}
.h:hover{
	width:79px;
	height:23px;
	background:url(../assets/sprites-logos.gif)  -849px -56px no-repeat;
}

.logos-parceiros .i{
	width:115px;
	height:30px;
	background:url(../assets/sprites-logos.gif) -966px -4px no-repeat;
	margin: 5px 0px 0px 7px;
}
.i:hover{
	width:115px;
	height:30px;
	background:url(../assets/sprites-logos.gif) -966px -54px no-repeat;
}

/* 2 - INDEX */
.logo{
	margin: 17px 0px 0px 15px;
	float:left;
}

.topo-z{
	z-index:1;
	position:absolute;
	top:97;
	*z-index:999 !important;
	*display:block !important;
}
.criando{
	font-size:50px;
	margin:23px 0 0 0;	
	*color:#FFF;
	*font:Arial, Helvetica, sans-serif bold;
}
p.criando cufon.cufon.cufon-canvas{
	margin-bottom:5px;
}

.topo-home p#texto{
	color:#FFF;
	text-shadow:#000 1px 1px 2px;
	font-size:1em;
	margin:10px 0 0 0 ;
}

.busca{
	margin:35px 0 0 0;
	*margin-top:30px !important;
}
input.pesquisar{
	width:216px;
	height:30px;
	line-height:30px;
	text-align:left;
	background:url(../assets/sprites.jpg) -443px -207px no-repeat;
	border:none;
	padding:0 3px 0 35px;
}

input.botao{
	width:77px;
	height:29px;
	text-align:center;
	text-shadow:2px 1px 1px #FFF;
	border:none;
	background:url(../assets/sprites.jpg) -703px -207px no-repeat;
	margin:0 0 0 23px;
}
input.botao:hover{
	background:url(../assets/sprites.jpg) -789px -207px no-repeat;
}

.carrossel{ 
	width:955px;
	float:right;
	z-index:0;
	position:relative;
}
#itens{
	height:auto !important;
}
#item{
	width:955px !important;
	background:none !important;
}
.carrossel-img{
	width:362px;
	float:right;
	margin: 0px !important;
}
.carrossel-img img{
	*margin: -3px 0 0 0 !important;
}
.carrossel-textos{
	width:515px;
	float:left;
	margin-top: 35px;
}
.carrossel h1{
	float:left;
	margin:232px 0 0 0;
	padding:0px;
	font-size:1.8em;
	color:#333;
}
.carrossel h2{
	*width:505px !important;
	float:left;
	margin:10px 0 0 0;
	font-size:1em;
	padding:0px;
}

h1 a, h2 a{
	color:#333 !important;
}

.btn-anterior-proximo{
	width:78px;
	height:28px;
	float:left;
	z-index:9999;
	position:absolute;
	margin: 290px 0px 0px 514px;
}
#proximo{
	width:32px;
	height:28px;
	background:url(../assets/carrossel/bg-ant-pro.png) no-repeat -45px 0px;
	float:left;
	margin:0 0 0 14px;
}
#anterior{
	width:32px;
	height:28px;
	background:url(../assets/carrossel/bg-ant-pro.png) no-repeat 0px 0px;
	float:left;
}

.banner-solucoes{
	width:435px;
	height:235px;
	background:url(../assets/sprites.jpg) 0px 0px no-repeat;
	float:left;
	margin:5px 0px 0 0;
}

ul.menu-solucoes{
	width:182px;
	float:left;
	margin:21px 0 0 0px;
	font-size:16px;
	*margin-left:30px;
	_margin-left:15px !important;
}

ul.menu-solucoes li{
	list-style:outside url(../assets/ico-iten.gif);
	margin:0 0 13px 0;
}
ul.menu-solucoes li a{
	color:#333;
	text-decoration:none;
}
cufontext{
	color:#0F0 !important;
}

.frase-solucoes{
	width:174px;
	height:206px;
	background:url(../assets/sprites.jpg) -446px 0px no-repeat;
	float:right;
	margin:9px 39px 0 0;
	*margin-right:16px;
}

.frase-solucoes h1{
	color:#FFF;
	text-align:center;
	margin-top:15px;
	*font-size:25px;
	*margin-left:7px !important;
}

div.frase-solucoes h1 cufon.cufon.cufon-canvas{
	margin-top:7px;
}

.banners{
	width:516px;
	float:right;
	margin:13px 0px 0 0 ;
	letter-spacing:20px;
}

.destaque{
	width:517px;
	float:right;
	margin:24px 0 0 0;
}

.destaque p{
	line-height:13px;
	margin:0px !important;
	padding:0px !important;
}
hr{
	border-color:#FFF 1px solid;
	margin:13px 0 23px 0;
	color:#ccc;
}

.box-solucoes{
	width:281px;
	float:left;	
	margin:0 0 0 30px;
	*margin-left:25px;
}
div.box-solucoes a p{
	color:#000 !important;
}
.box-solucoes h2 cufon.cufon.cufon-canvas{
	margin:15px 0 -3px 0 !important;
}
.box-solucoes h2{
	*margin:15px 0 -3px 0 !important;
}
.box-solucoes p{
	margin:-15px 0 0 0 !important;
}

/* 3 - EMPRESA */
.foto-empresa-topo{
	width:925px;
	height:216px;
	margin:0 auto;
	padding:0px;
}
.a-empresa{
	width:604px;
	float:left;
	margin:15px 0 0 15px;
}

.cartao_bndes{
	float:left;
	margin:15px 0 0 15px;
}

.a-empresa p{
	text-indent:30px;
	line-height:15px;
}
.fotos-empresa{
	width:302px;
	float:right !important;
	margin:15px 0 0 0px !important;
}
.fotos-empresa-mini{
	width:89px;
	height:59px;
	float:left;
	margin: 0px 11px 11px 0px;
	background:center top;
}
.grupo-fotos{
	width:302px;
}

div.fotos-empresa div.carrossel{ 
	width:302px;
	float:right;
}

div.fotos-empresa div.carrossel div#foto{
	width:302px !important;
}
div.fotos-empresa div.carrossel div.btn-anterior-proximo{
	width:78px;
	height:28px;
	margin: 167px 0px 0px -2px;
}
#proximo{
	width:32px;
	height:28px;
	background:url(../assets/carrossel/bg-ant-pro.png) no-repeat -45px 0px;
	float:left;
	margin:0 0 0 14px;
}
#anterior{
	width:32px;
	height:28px;
	background:url(../assets/carrossel/bg-ant-pro.png) no-repeat 0px 0px;
	float:left;
}

/* Menu Produtos */

.box-menu-produtos{
	width:345px;
	z-index:3;
	position:absolute;
	margin:0px 0px 0px -36px;
}
#menu-empresa{
	margin:0px 0px 0px 15px !important;
}
#botao-menu-produtos{
	width:33px;
	height:88px;
	background:url(../assets/btn-menu-produtos.gif) no-repeat #75151D;
	border:none;
	float:left;
	/*z-index:1;
	position:absolute;
	margin-left:225px;*/
}
ul.menu-produtos{
	width:303px;
	background:#404040;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	float:left;
}
ul.menu-produtos.redondo{
	border-top-right-radius:0px;
	border-top-left-radius: 0px;
	}
ul.menu-produtos li{
	width:280px;
	padding:10px 0;
	margin:0px 0 0 13px;
	border-bottom:1px solid #333;
	border-top:1px solid #575757;
	list-style: inside url(../assets/list-style-produtos.gif);
}

ul.menu-produtos li a{
	color:#999999;
	text-decoration:none;	
}
ul.menu-produtos li a:hover{
	color:#FFF;
}

/* 4 - CLIENTES - PARCEIROS */
.box-logo-parceiros a img, .box-logo-clientes a img {
	width:163px;
	height:113px;
	float:left;
	margin:0 12px 15px 0;
	border:5px solid #FFF;
}

/* 5 - PORTFOLIO */
.box-portfolio, .box-produto, .box-solucoes2{
	width:173px;
	height:173px;
	float:left;
	text-align:center;
	margin: 0px 8px 15px 4px;
	background:#FFF;
}
.box-produto{
	text-align:left !important;
}
.foto-portfolio, .foto-produto, .foto-solucoes2{
	width:163px;
	height:112px;
	margin:5px 0 0 5px;
	background:no-repeat top center;
}
.foto-solucoes2{
	background-position:top !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}
.box-portfolio p, .box-produto p, .box-solucoes2 p, .box-portfolio p a, .box-produto p a, .box-solucoes2 p a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	text-decoration:none;
	margin:4px 4px 0px 4px;
}
/* PORTFOLIO DETALHES */
.botao-voltar{
	float:left;
	margin: -7px 0px 0px 15px;
}

.galeria-de-fotos p{
	margin:0px;
}
.foto-galeria{
	border:2px solid #FFF;
	float:left;
	margin: 15px 5px 0px 4px;
	width:89;
	height:69px;
}

/* 6 - CONTATO */
.formulario{
	width:300px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
}

.pequeno{
	width:55px;
	height:25px;
	border:1px solid #B5B6BC;
	
}
.medio{
	width:305px;
	height:25px;
	border:1px solid #B5B6BC;
}
.medio2{
	width:235px;
	height:25px;
	border:1px solid #B5B6BC;
}

.grande{
	width:300px;
	height:106px;
}

.btn_formulario{
	width:120px;
	height:30px;
	border:1px solid #ABADB3;
	background:url(../assets/bg-contato.jpg) repeat-x;
	float:right;
}

.box-direito-contato{
	width:600px;
	float:right;
	margin:15px 0 0 35px;
}

.box-direito-contato p{
	width:309px;
	float:left;
	margin:25px 0 0 0;
}
.box-direito-contato h1{ 
	float:left;
	margin:15px 0 0 48px;
	text-align:center;
}

.error{
	font-weight:bold;
	color:#F00;
}

div.jCarouselLite{
	height:42px !important;
	width:900px !important;
	margin:0 0 0 25px !important;
	float:left !important; 
}
div.jCarouselLite ul li{
	height:42px !important;
	width:128px !important;
	text-align:center !important;
}

div.selo{
    float:right;
    height:81px;
    width:142px;
    margin-top:-41px;
    margin-right: -52px;
}