@charset "utf-8";

/* 

MIX INTERNET -------- | www.mixinternet.com.br
--------------------- | fones: (84) 3082.1161 | 8841.2460
A Sua Agência digital | email: contato@mixinternet.com.br

*/

/*--- DEFINIÇÕES PADRÕES ---*/
* {margin: 0; padding: 0;}

html {background: url(../_imgs/barra_topo.jpg) repeat-x;}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
body {background: url(../_imgs/bg_topo.gif) no-repeat center 0;}
a {color: #333333;	text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}
p {line-height: 160%;}
h1,h2,h3,h4,h5,h6 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
h1 {font-size: 40px; margin-bottom: 30px;}
h2 {font-size: 35px; margin-bottom: 28px;}
h3 {font-size: 30px; margin-bottom: 26px;}
h4 {font-size: 27px; margin-bottom: 20px;}
h5 {font-size: 22px; margin-bottom: 13px;}
h6 {font-size: 15px; margin-bottom: 10px;}
/*--- fim de DEFINIÇÕES PADRÕES ---*/

/*--- ESTRUTURA ---*/
/*--- TOPO ---*/
#topo {
	width: 960px; height: 250px; margin: 0 auto;
}

#topo #box_logo{
	width: 276px; height: 238px; float: left;
}

#topo #box_form{
	width:684px; height:119px; float: left;
	background: url(../_imgs/bg_form_topo.gif) no-repeat 230px 48px;
}
#topo #box_form form input{
	background: none; border: none;
}
#topo #box_form #box_nome{
	width: 153px; height: 119px; float: right;
}
#topo #box_form #box_nome #nome{
	margin: 61px 5px 0 0; border: 0; width: 128px; /*background: #999999;*/
	font-family: "trebuchet MS"; color: #C3023E; font-weight: bold;
}
#topo #box_form #box_senha{
	width: 100px; height: 119px; float: right;  margin-right: 7px; _margin-right: 7px;
}
#topo #box_form #box_senha #senha{
	margin: 57px 0 0 13px; border: 0; width: 75px;
	font-family: "trebuchet MS";color: #C3023E; font-weight: bold;
}
#topo #box_form #box_bt{width: 54px; height: 119px; float: right;}
#topo #box_form #box_bt input{
	width: 54px; height: 30px; background: url(../_imgs/bg_butao.jpg) no-repeat;
	margin-top: 46px; cursor: pointer; padding-bottom: 5px; *padding-bottom: 3px;
	font-size: 11px; font-family: "trebuchet MS"; color: #C3023E; font-weight: bold;
}

#topo #box_menu{width: 684px; height: 119px; float: left;}
#topo #box_menu img {margin-top: 25px; margin-left:0; padding:0; vertical-align:middle;}
#topo #box_menu ul li {display:inline; margin-left:0;}
#topo #box_menu ul li.btn-empresa img{padding-top:10px; vertical-align:middle;}
#topo #box_menu ul li.btn-servicos img{padding-top:6px; vertical-align:middle;}
#topo #box_menu ul li.btn-portfolio img{margin-top:20px; vertical-align:middle;}
#topo #box_menu ul li.btn-envio img{margin-top:15px; vertical-align:middle;}
#topo #box_menu ul li.btn-contato img{margin-top:10px; vertical-align:middle;}
/*--- fim de TOPO ---*/

/*--- CONTEÚDO ---*/
#geral {width: 100%; background: url(../_imgs/bg_geral.jpg) 0 68px repeat;}
#conteudo {
	width:980px; margin:0 auto -70px auto; overflow: hidden;
	background:url(../_imgs/bg_bottom_conteudo.jpg) no-repeat bottom;
	*background:url(../_imgs/bg_bottom_conteudo.jpg) no-repeat 7px bottom;
	z-index: 2; position: relative; padding-bottom: 58px;
	/*background:url(../_imgs/bg_bottom_conteudo.jpg) no-repeat 6px bottom;]*/
}
body:nth-of-type(1) #conteudo{
   background:url(../_imgs/bg_bottom_conteudo.jpg) no-repeat 7px bottom;
}


#conteudo #destaque{margin-bottom:10px;}
#conteudo #promocao-do-mes {width:220px; min-height:300px; float:right;}
#conteudo #promocao-do-mes .titulo {text-indent:-9000em; overflow:hidden; background:url(../_imgs/bg-promocao.gif) top right no-repeat; height:46px; }
#conteudo #promocao-do-mes .foto {text-align:right; margin-top:30px; margin-right:15px;}
#conteudo #promocao-do-mes .textos {padding-left:45px; margin-top:5px; text-align:left; width: 160px;}
#conteudo #promocao-do-mes .textos h2 {color:#0075BB; font-size:19.5px; font-weight:bold;}
#conteudo #promocao-do-mes .textos p {line-height:160%; font-size:12px;}
#conteudo #ultimos-trabalhos {width:741px; min-height:200px; background:url(../_imgs/bg-ultimos-trabalhos.gif) no-repeat; padding-top: 40px; margin-bottom: 20px;}

#conteudo #servicos {width: 493px; height: 188px; float: left; background: url(../_imgs/bg-servicos.gif) no-repeat; margin-bottom: 20px; margin-left: 80px;}
#conteudo #servicos .box_titulo_servicos {width: 473px; height: 25px; text-align: right; padding: 15px 0 0 0; color: #FFFFFF; font-weight: bold; margin-bottom: 9px;}
#conteudo #servicos .box_titulo_servicos a {color: #FFFFFF;}
#conteudo #servicos table {}
#conteudo #servicos table td {padding: 3px 0 0 40px; height: 34px;}

#conteudo #localizacao {width: 169px; height: 188px; float: left; margin-bottom: 20px; text-align: left; position: relative;}
#conteudo #localizacao #loca {left: 40px; top: 140px; position: absolute;}
#conteudo #localizacao #msn {left: 40px; top: 40px; position: absolute;}
/*--- fim de CONTEÚDO ---*/

/*--- RODAPÉ ---*/
#rodape {clear: both; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; height: 190px; background:url(../_imgs/bg-rodape.jpg) repeat-x; z-index: 1; padding-top: 40px;}
#rodape .box-rodape {width:980px; margin:0 auto; padding-top:25px;}
#rodape .box-rodape img {vertical-align:middle; float:left; margin-left:40px; margin-top: 10px;}
#rodape .box-rodape .address {width: 520px; height: 95px; float:left; margin-left:90px; line-height:150%;}
#rodape .box-rodape .address span {color:#fff; font-size:12px; font-weight:bold;}
#rodape .box-rodape .address #box01 {width: 260px; height: 60px; float: left; margin: 10px 0 0 0; border-right: 1px #666666 solid;}
#rodape .box-rodape .address #box02 {width: 210px; height: 60px; float: left; margin: 10px 0 0 0; padding-left: 43px;}
#rodape .box-rodape .address #box01 span, #rodape .box-rodape .address #box02 span {color:#0782C8; font-size:12px; font-weight:bold;}

.telefone {float:right;}
#rodape .box-rodape span.address2 {margin-top:20px; line-height:150%; color:#0782C8; font-size:12px; font-weight:bold;}
#rodape .box-rodape p.address2 {font-size:23px; text-align:center; font-weight:bold;}
#rodape .box-rodape p.address2 span {color:#fff; font-size:13px; vertical-align:top; margin:0; padding:0;}
#rodape .assinatura {text-align:center; margin-top:40px; *margin-top:80px; _margin-top:65px;}
#rodape .assinatura a{font-size:9px; color: #333333; text-decoration:none;}
#rodape .assinatura span {color:#2997C8; font-size:12px;}
/*--- fim de RODAPÉ ---*/
/*--- fim de ESTRUTURA ---*/


/**
 * Overwrite for having a carousel with dynamic width.
 */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 670px;
		padding: 0px 30px;
		_padding: 0px 3px 0px 30px;
}
.jcarousel-skin-tango .jcarousel-item {
     background:url(../_imgs/bg-carousel.png) left top no-repeat;
		 height:210px;
}
.jcarousel-skin-tango .jcarousel-item img {padding-top:14px; padding-left:17px;}
.jcarousel-skin-tango .jcarousel-item p {font-size:12px; margin-left:10px; margin-top:10px;}
.jcarousel-skin-tango .jcarousel-item p span {color:#D30871; font-weight:bold;}
.jcarousel-item-horizontal {width:200px;}

#div_dir_principal {
	width: 151px; padding: 20px 11px 0 11px; float: right;
	margin: 0 13px 0 32px; _margin: 0 5px 0 0;
}

#div_dir_principal img {
	_margin: 0 0 0 0;
}
#div_dir_principal span {font-size: 10px;}