/*Nativ */
/*Definições gerais*/
*{margin:0px; padding:0px;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}


html, body, h2, h3, h4, div, p, ul, li, input {
font:  "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}
body { 
font: 11px "Lucida Sans Unicode", verdana, helvetica, sans-serif;
line-height: 14px;
background: #6099B6 url(../imagens/bg_body.jpg) repeat-x;
background-position : top center;
}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

img.leftSemborda{float:left; margin:0 12px 5px 0;border: none;}
img.centeSemborda{display:block; margin:0 auto 5px auto;border: none;}
img.rightSemborda{float:right; margin:0 0 5px 12px; border: none;}

p{padding:0 0 1.6em 0;}
div {border: none;}

/*Divs de estruturação*/
#corpo{
/*background: url(../imagens/bg_corpo.png) no-repeat 50% top;*/
position: relative;
width: 100%;
height: 100%;
margin: auto;
border: 0px solid Fuchsia;

}	

#pagina {
position: relative;
margin: auto;
width: 760px;
height: 100%;
top: 0px;
border: 0px solid white;
}	

#centro {
float: left;
/*position: relative;*/
margin: auto;
width: 748px;
height: 100%;
border: solid 0px red;
clear: both;
background: url(../imagens/bg_degrade.gif) repeat-y;
}	

#centroHome {
/*float: left;*/
position: relative;
margin: auto;
width: 748px;
border: solid 0px red;
background: url(../imagens/bg_degrade.gif) repeat-y;
}		

#topo {
margin: auto;
width:750px;
height:80px;
position: relative;
left: 0px;
top: 0px;
}	

#topo h1{  
width: 152px;
height: 64px;
margin: 10px 0px 0px 40px;
float: left;
visibility: visible;
background: url(../imagens/logo.gif) no-repeat;
}

#topo h1 a {
float: left;
display: block;
width: 152px;
height: 64px;
cursor: pointer;
z-index: 5;
}

#topo h1 a span {display: none;}

/*#topo h1 span {
top:10px;
left:50px;
position: relative;
text-indent: -999em;
}

#topo h1 span.logo {
background:  url(../imagens/logo.gif) no-repeat top;
width: 152px;
height: 64px;
margin: auto;
float: left;
}*/

/**************** MENU ****************/

#menu {
width:505px;
height: 64px;
position: relative;
margin-left: 180px;
_margin-left: 55px;
padding: 0px 0px 0px 0px;
}

#menu ul{list-style:none;}
 
#menu li{
   position:absolute;
   top:0;
   height:64px;
   text-indent: -9999;   
}
 
#menu li a{
   position:absolute;
   display:block;
   width:100%;
   height:100%;
   top:0;
   cursor: pointer;
   text-decoration: none;
   color: #fff;
   font-size: 8px;
}

#menu li a span{
   position: absolute;
   display:block;
   width: 100%;
   height:100%;
   top:0;
}

/* cada um desses estilos substitui a lista pela sua imagem */
#mHome{
	width:94px;
   left:0;
}
#mSobreanativ{
	width:90px;
   left:94px;
}
#mServicos{
	width:67px;
	left:184px;
}
#mPortfolio{
	width:79px;
	left:251px;
}
#mNativresponde{
	width:105px;
	left:330px;
}

#mFaleconosco{
	width:159px;
	left:435px;
}


#mHome a span{
	background:url(../imagens/menu.gif) no-repeat 0 0;
}
#mSobreanativ a span{
	background:url(../imagens/menu.gif) no-repeat -94px 0;
}
#mServicos a span{
	background:url(../imagens/menu.gif)  no-repeat -184px 0;
}

#mPortfolio a span{
	background:url(../imagens/menu.gif)  no-repeat -251px 0;
}
#mNativresponde a span{
	background:url(../imagens/menu.gif)  no-repeat -330px 0;
}

#mFaleconosco a span{
	background:url(../imagens/menu.gif)  no-repeat -435px 0;
}
#menu ul li a:hover{
	z-index:1000;
}
#mHome a:hover span{
	background:url(../imagens/menu.gif) no-repeat 0 -66px;
}
#mSobreanativ a:hover span{
	background:url(../imagens/menu.gif) no-repeat -94px -66px;
}

#mServicos  a:hover span{
	background:url(../imagens/menu.gif) no-repeat -184px -66px;
}
#mPortfolio  a:hover span{
	background:url(../imagens/menu.gif) no-repeat -251px -66px;
}
#mNativresponde a:hover span{
	background:url(../imagens/menu.gif) no-repeat -330px -66px;
}

#mFaleconosco a:hover span{
	background:url(../imagens/menu.gif) no-repeat -435px -66px;
}


/************* coluna esquerda **************/
#colunaEsquerda{
width: 505px;
float: left;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
/*background:#4A839F;*/
}

#conteudoInterno{
left:0px;
top:0px;
font-size: 13px;
line-height:18px;
padding: 0px 0px 10px 0px;
color: #526D7A;
float: left;
width: 100%;
border-bottom: solid 2px #276A8C;
background-color: #fff;
}

#conteudoInterno h2{
	left:0px;
    top:0px;
	/*width: 505px;*/
	background: url(../imagens/bg_tit_interna.gif) no-repeat right;
	height: 86px;
	position: relative;
	margin: 0px 0px 0px 0px; 
}

#conteudoInterno h2 span {
float: left;
margin: 45px 0 0 35px;
text-indent: -999em;
}
	
#conteudoInterno h2 span.tit_nativ{
background: transparent url(../imagens/tit_nativ.gif) no-repeat top;
width: 85px;
height: 15px;
}

#conteudoInterno h2 span.tit_servicos{
background: transparent url(../imagens/tit_servicos.gif) no-repeat top;
width: 54px;
height: 19px;
}

#conteudoInterno h2 span.tit_portfolio{
background: transparent url(../imagens/tit_portfolio.gif) no-repeat top;
width: 60px;
height: 19px;
}

#conteudoInterno h2 span.tit_nativ_resp{
background: transparent url(../imagens/tit_nativ_responde.gif) no-repeat top;
width: 94px;
height: 15px;
}

#conteudoInterno h2 span.tit_fale_conosco{
background: transparent url(../imagens/tit_fale_conosco.gif) no-repeat top;
width: 81px;
height: 15px;
}

#conteudoInterno .breadcrumb{
float: left;
clear: both;
width: 450px;
margin: 10px 0px 5px 30px;
padding-bottom: 10px;
font-weight: bold;
color: #297AA3;
font-size: 11px;
text-align: left;
background: url(../imagens/bg_bread.gif) no-repeat left bottom;


}

#conteudoInterno .breadcrumb img{padding: 5px 0 5px 0;}

#conteudoInterno .breadcrumb span{
	text-decoration: none;
	padding: 0; /*adjust bullet image padding*/
	color: #297AA3;
	font-size: 11px;
	text-align: left;
	clear: both;
	font-weight: normal;
}
#conteudoInterno .breadcrumb span a{
color: #297AA3;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#conteudoInterno .breadcrumb span a:hover{color: #F28133;}
#conteudoInterno .breadcrumb a:hover{text-decoration: underline; font-weight: normal;}

#conteudoInterno h3{
padding: 6px 30px 10px 30px;
color: #F28133;
font-size: 14px;
font-weight: bold;
}

#conteudoInterno h3 a:hover{
color: #F17726;
text-decoration: underline;
}


#conteudoInterno h4{
padding: 4px 30px 10px 30px;
color:#297AA3;
font-size: 12px;
font-weight: bold;
}


#conteudoInterno p{
color: #526D7A;
padding: 0 30px 15px 30px;
line-height: 130%;
}


#conteudoInterno OL{
padding: 0 30px 15px 30px;

}

#conteudoInterno UL {
padding: 0 30px 15px 30px;

}


#conteudoInterno hr{
width: 90%;
margin: auto;
height: 4px;
color: #fff;
background: #fff;
border-top: 1px dashed #526D7A;
border-left: none;
border-right: none;
border-bottom: none;
}

#conteudoInterno .logoClientes{float: left; margin-right: 10px;}


#conteudoInterno .descricao{
text-align: justify;
margin: 20px 0px 0px 0px;}

#conteudoInterno .tela{border: 1px solid #ccc; padding: 4px; margin: auto; width: 400px;}

#conteudoInterno .portfolio-item {
    width: 400px; 
	 margin: auto;
}

#conteudoInterno .box2 {
position:relative;
left:0px;
width:90%;
margin:10px 10px 10px 20px ;
 border: 1px solid #eee;
 background-color:#F4F4F4;

 }
 
 #conteudoInterno .fonte {
 margin-top:12px;
 font-size:10px;
 font-weight:bold;
 color:#365260;


 }

#conteudoInterno .portfolio-item   img  {
 width: 400px; 
 border: 6px solid #eee;

}
#conteudoInterno .portfolio-item  img:hover  {
    border: 6px solid #CECECE;
}

#conteudoInterno .buscaDestaque{color: #0C5F94; font-weight: bold; 
margin-top: 20px;

}

#conteudoInterno #buscaSite{
position: relative;
top: 0px;
left: 20px;
width: 470px;
color: #526D7A;
margin: 5px 0px 40px 0px;
padding: 5px 0 10px 0;
border-bottom: 1px dashed #ABABAB;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#conteudoInterno #buscaSite label{
width: 60px;
margin: 0 3px 0 0;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#conteudoInterno #buscaSite select{
background: #D0E3E9;
color: #465359;
border: 1px solid #1C6488;
width: 145px;
height: 18px;
margin: 2px 5px 0px 0px;
padding: 1px;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#conteudoInterno #buscaSite .bt_buscar { 
background: url(../imagens/bt_ok.gif);
width: 28px;
height: 28px;
float: right;
margin: -27px 0 0 0;
_margin: -28px 0 0 0;
clear: both;
border: none;
cursor: pointer;
z-index: 5;
}

#conteudoInterno #quadroTrab{
float: left;
width: auto;
/*background: #B5CFDC;*/
margin: 5px 5px 3px 10px;
_margin: 5px 0 0 2px;
padding: 0 3px 3px 0;
}

#conteudoInterno #quadroTrab #boxQuadro{
float: left;
width: 155px;
height: 145px;
background: #fff;
background-image: url(../imagens/clientes/bg.gif);
margin: 3px 0 0 2px;
_margin: 3px 0 0 2px;
padding-bottom: 5px;

}

#conteudoInterno #quadroTrab #boxQuadro img{
float: left;
margin: 4px 0 0 2px;
padding-bottom: 3px;
}

#conteudoInterno #quadroTrab #boxQuadro a img{text-decoration: none; border: none;}

#conteudoInterno #quadroTrab #boxQuadro dt{
font-weight: bold;
margin: 0px 0px 0px 6px;
text-align:left;
color: #297AA3;
}

#conteudoInterno #quadroTrab #boxQuadro dt a {text-decoration: none; color: #297AA3;}

#conteudoInterno #quadroTrab #boxQuadro dd{
margin: 3px 3px 0 3px;
float: left;
width: 148px;
}

#conteudoInterno #quadroTrab #boxQuadro dd .diferente{
float: left;
color: #999;
margin-right: 2px;
}

/*#conteudoInterno .portfolio ul {
position: relative;
width: 250px;
margin: 0px;
padding: 0px;
list-style: none;
}*/

#conteudoInterno ul.portfolio li{
    padding: 0 0 0 5px;
    margin: 0 0 5px 10px;
	list-style: url(../imagens/list.gif);
/*	background: url(../imagens/list.gif) no-repeat 0px 3px;*/
}


#contato{
width: 450px;
color: #526D7A;
font-size:11px;
top: 0px;
left: 20px;


}

#contato form{margin: auto; padding: 5px 0 0 0;}

#contato form label{
float:left;
width: 150px;
text-align: right;
margin: 0 15px 2px 0;
}

#contato form input, textarea, select{
background: #A5C4D6;
color: #465359;
border: 1px solid #1C6488;
width: 220px;
margin: 0px 0px 10px 0px;
padding: 3px;
}

#contato form .submit { 
background: url(../imagens/bt_enviar.gif);
width: 42px;
height: 17px;
float: right;
_margin-right: 55px;
margin-right: 57px;
position: relative;
clear: both;
border: none;
cursor: pointer;
}

/************* coluna esquerda home **************/
#colunaEsquerdaHome{
float: left;
width: 505px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

#colunaEsquerdaHome #flashHome {
position: relative;
width: 505px;
height: 176px;
}

#chamadasHome{
font-size:11px; 
line-height: 16px;
width: 500px;
background: #ffffff;
margin: 0px 0px 0px 0px;
float: left;
border-top: #AFD3ED 3px solid;
}

#noticias{
background:#fff;
padding: 5px 5px 0px 4px;
color: #526D7A;
width: 52%; 
float: left;
}

#depoimentos{
background:#fff;
padding: 0px 2px 0px 7px;
width: 40%;
position: relative;
float:right;
color: #666666;
}

#colunaEsquerdaHome #chamadasHome #noticias dl{margin:0 5px 0px 5px; font-size:11px; }

#colunaEsquerdaHome #chamadasHome #noticias dt{margin-bottom:5px;}

#colunaEsquerdaHome #chamadasHome #noticias dd{margin:0 0 10px 5px;}
#colunaEsquerdaHome #chamadasHome #noticias dd a.leiaMais {
text-decoration: none; font-weight: bold;}
#colunaEsquerdaHome #chamadasHome #noticias dd a:hover.leiaMais {
text-decoration: underline; font-weight: bold;}

#colunaEsquerdaHome #chamadasHome #noticias dd.separador{
margin:0 0 10px 5px; border-bottom: #94BCD1 1px dotted; padding:8px 0px 15px 0px ;}

#colunaEsquerdaHome #chamadasHome #depoimentos .foto{margin: auto; padding: 2px 5px 2px 0px;}

#colunaEsquerdaHome #chamadasHome #depoimentos dl{
margin:2px 2px 3px 0px; padding: 6px 2px 2px 2px;font-size:11px; background:#F7F8F8; }

#colunaEsquerdaHome #chamadasHome #depoimentos dt{margin:0px 0px 5px 5px;}

#colunaEsquerdaHome #chamadasHome #depoimentos dd{margin:0 0 10px 3px; font-style: italic;}

#colunaEsquerdaHome #chamadasHome #depoimentos dd.assinatura{
text-align:right; margin:0 5px 10px 5px; font-style:normal;}

#colunaEsquerdaHome #lancamentos{
width: 505;
margin:5px 0px 8px 0px;
height: 220px;

}

#colunaEsquerdaHome #lancamentos dl{
float: left;
width: 122px;
height: 100%;
margin: 0px 3px 0px 0px;
}

#colunaEsquerdaHome #lancamentos dt{
margin:0px 0px 0px 4px;
font-size:11px;
font-weight:bold;
text-align: left;
color: #fff;
}

#colunaEsquerdaHome #lancamentos dt a img{
text-decoration: none;
border: none;
margin: 1px 0px 2px -2px;
}

#colunaEsquerdaHome #lancamentos dt a{text-decoration: none; color: #fff;}

#colunaEsquerdaHome #lancamentos dd{
margin:4px;
color:#fff;
font-size:11px;
font-weight:normal;
}

#colunaEsquerdaHome #lancamentos dd a{text-decoration: none; color: #fff;}
#colunaEsquerdaHome #lancamentos dd a:hover{text-decoration: underline; color: #fff;}

#colunaEsquerdaHome #lancamentos dl.lanc01{background: #A7AC22;}
#colunaEsquerdaHome #lancamentos dl.lanc02{background: #F28133;}
#colunaEsquerdaHome #lancamentos dl.lanc03{background: #1D5C7A;}
#colunaEsquerdaHome #lancamentos dl.lanc04{background: #506168;}

/************* coluna direita **************/
#colunaDireita{ 
margin: 10px 15px 0 0px;
_margin: 10px 10px 0 0px;
width: 228px;
float: right;
padding: 0px 0px 0px 0px;
}	

#colunaDireita .topoDireito{ 
padding:55px 5px 5px 13px;
height: 30px;
background: url(../imagens/topo_direito.gif) no-repeat top;
}

#colunaDireita .bgFim{
/*position: relative;*/
float: left;
width: 228px;
height: 29px;
}
#colunaDireita .corpoDireito{
background: #fff;
color: #727E85;
font-size:11px;
top: 0px;
}

#colunaDireita  .clientesFlash {
	margin: auto;
	position: relative;
	text-align: center;
}

.tit_responde{
color: #F28133;
}
.tit_responde1{
font-size: 11px;
clear:both;
}
#centroDireito{
padding: 5px 15px 5px 18px;
position: relative;
top: 0px;
left: 0px;
}
#colunaDireita .tit{ 
padding:0px 5px 5px 10px;
}
#colunaDireita #parceiros{
width: auto;
height: 29px;
float: left;
}
#colunaDireita .responde{ 
padding:20px 5px 5px 13px;
background: #3F7A97 url(../imagens/bg_responde.gif) no-repeat top;
}
#colunaDireita ul{
padding: 0px 0 3px 16px;
color: #727E85;
}
#colunaDireita ul li{
list-style-image: url(../imagens/setinha.gif);
list-style-position: outside;
padding: 3px 0 3px 0px;
}
#colunaDireita form {
width: 200px;
font-size: 0.6em;
}
#colunaDireita fieldset {
width: 100%;
margin: auto;
position: relative;
top: 0px;
left: 0px;
border: none;
}
#colunaDireita label {
float:left;
width: 70px;
margin-right:0.5em;
text-align:left;
font-weight:bold;
font-size: 11px;

color: #fff;
}
#colunaDireita input, #colunaDireita textarea, #colunaDireita select{
background: #86ABBD;
border: 1px solid #86ABBD;
width: 190px;
color: #fff;
margin: 0px 0px 6px 0px;
font-size: 11px;
}
#colunaDireita input:hover, #colunaDireita textarea:hover {
background: #D8DDDD;
color:#333;	
}
#colunaDireita input:focus, #colunaDireita textarea:focus {
background: #9F9F9F;
}
#colunaDireita .submit { 
width: 50px;
height: 19px;
float: right;
margin: 0px 0px 10px 0px;
right: 0px;
position: relative;
font-weight: bold;
font-size: 10px;
clear: both;
}

#colunaDireita #submenu{
float: left;
width: 100%;
clear: both;
margin: 10px 0px 10px 0px;
}

#colunaDireita #submenu ul {margin: 0px; padding: 0px; list-style: none;}
#colunaDireita #submenu ul li{
border-bottom: 1px dotted #2E7DA4;
list-style-image: none;
padding-left: 5px;
background: #E8F1F6;
}
#colunaDireita #submenu ul li.primeira{background: #F4F8FB;}
#colunaDireita #submenu ul li:hover{background: #fff;}

#colunaDireita #submenu ul li a{
color:#297BA3;
font-weight:bold;
text-decoration: none;
list-style: none;
}
#colunaDireita #submenu ul li a:hover{color:#F28133; text-decoration: none;}

#colunaDireita ul li a{color:#727E85;font-weight:bold; text-decoration: none;}
#colunaDireita ul li a:hover{color:#727E85; text-decoration: undeline;}
#colunaDireita .leia_mais a{color:#F28133; text-decoration: none;}
#colunaDireita .leia_mais a:hover{color:#F28133; text-decoration: undeline;}
a.leia_mais:link {text-decoration: none;color: #F28133;}
a.leia_mais:visited {text-decoration: none; color: #F28133;}
a.leia_mais:active {text-decoration: none; color: #F28133;}
a.leia_mais:hover {text-decoration: underline; color: #F28133;}

a:link {text-decoration: none;color: #526D7A;}
a:visited {text-decoration: none; color: #526D7A;}
a:active {text-decoration: none; color: #526D7A;}
a:hover {text-decoration: underline; color: #526D7A;}
/**************** Estilos do rodapé ****************/

#rodape{
position: relative;
clear: both;
width: 505px;
padding: 8px 0px 5px 0px;
color:#fff;
font-size: 11px;
background: inherit;
}	
#rodape p{padding:0px; margin:0px; text-align:left;}
#rodape a{color:#fff;  font-weight:bold; text-decoration: none;}
#rodape a:hover{color:#fff; text-decoration: underline;}


 /*CLASSES E ESTILOS DIVERSOS*/
.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.clear{clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/*  Esconde IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* IE-mac */ 

.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}
.erro{color:#F80F04; font-weight:bold; margin-left: 122px;}

/**************** Estilos da coluna central ****************/
#colunaCentral{
float: left;
top: 0px;
left: 0px;
font-size:11px;
width: 57%;
background-color: #93FF71;
padding:20px 0 0 20px;

}


#colunaCentral h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}
#colunaCentral h2 a{font-weight:normal;}
#colunaCentral h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#colunaCentral a:hover,#colunaCentral a:hover{text-decoration:underline;}
#colunaCentral ul,#colunaCentral  ol{margin:0 5px 16px 35px;}
#colunaCentral dl{margin:0 5px 10px 25px;}
#colunaCentral dt{font-weight:bold; margin-bottom:5px;}
#colunaCentral dd{margin:0 0 10px 15px;}

.marcas_clientes{padding: 10px; float: left; clear: both;}