/* Elemenos semanticos */

body { background:url(../imagens/cabeca/bg.gif) #fff repeat-x center top;}

body, div, h2, h2, h3, h4, h5, h6, td, th, p, input, label, textarea {font: 11px Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0;}
img, ul, li, a { margin:0; padding:0; border:0;}
a { text-decoration:underline;}

h4 { color:#666666; display:block; margin-bottom:5px; font-weight:bold; font-size:14px; letter-spacing:-1px; }
h3 { color:#666666; font-size:13px; font-weight:bold; margin:0 0 8px 0; letter-spacing:-1px;}
h2 { color:#1673AC; display:block; margin-bottom:5px; font-weight:bold; font-size:14px; letter-spacing:-1px; }
h1 { display:block; margin-bottom:15px; border-bottom:1px solid #1A75AC;}
p { margin-bottom:17px }

table{ margin:10px 0;}
table, td, th { border:1px solid #666666; border-collapse:collapse;}
td { padding:5px;}
th { padding:8px; background-color:#F2F2F2; font-weight:bold;}

/* Divisoes gerais da estrutura */

#cabeca {
	min-width:772px;
	width:100%;
	overflow:hidden;
	height:64px;
	background:url(../imagens/cabeca/bg_dir.gif) no-repeat right top;
}

#logo {
	width:311px;
	height:64px;
	float:left;
}

#menu {
	height:64px;
	float:left;
	background:url(../imagens/cabeca/bg_esq.gif) no-repeat left top;
	overflow:hidden;
}
#menu ul {
	list-style:none;
	clear:both;
}

#menu ul li{
	display:inline;
}
#menu ul li a span {
	display:none;
}
#menu ul li a {
	height:34px;
	display:block;
	float: left;
	padding-right:8px;
	background-repeat:no-repeat;
	border-top:4px solid #61AAD3;
}
#menu ul li a:hover {
	border-top:4px solid #fff;
}

#menu ul li .lnk-home{background-image:url(../imagens/cabeca/lnk_home_a.gif);width:39px;}
#menu ul li .lnk-home:hover{background-image:url(../imagens/cabeca/lnk_home_b.gif);}

#menu ul li .lnk-irion{background-image:url(../imagens/cabeca/lnk_irion_a.gif);width:49px;}
#menu ul li .lnk-irion:hover{background-image:url(../imagens/cabeca/lnk_irion_b.gif);}

#menu ul li .lnk-port{background-image:url(../imagens/cabeca/lnk_port_a.gif);width:64px;}
#menu ul li .lnk-port:hover{background-image:url(../imagens/cabeca/lnk_port_b.gif);}

#menu ul li .lnk-serv{background-image:url(../imagens/cabeca/lnk_serv_a.gif);width:55px;}
#menu ul li .lnk-serv:hover{background-image:url(../imagens/cabeca/lnk_serv_b.gif);}

#menu ul li .lnk-parceiros{background-image:url(../imagens/cabeca/lnk_parceiros_a.gif);width:62px;}
#menu ul li .lnk-parceiros:hover{background-image:url(../imagens/cabeca/lnk_parceiros_b.gif);}

#menu ul li .lnk-contato{background-image:url(../imagens/cabeca/lnk_contato_a.gif);width:55px;}
#menu ul li .lnk-contato:hover{background-image:url(../imagens/cabeca/lnk_contato_b.gif);}

#menu ul li .lnk-mapa{background-image:url(../imagens/cabeca/lnk_mapa_a.gif);width:77px;}
#menu ul li .lnk-mapa:hover{background-image:url(../imagens/cabeca/lnk_mapa_b.gif);}

#esquerda {
	width:390px;
	float:left;
}

#conteudo {
	clear:both;
}

#direita {
	width:48%;
	float:left;
	background-color:#FFFFFF;
}

#flash {
	position:relative;
	top:-15px;
}

#flash object{
	margin:0;
	padding:0;
}
#flash-logos {
	height:97px;
}

#news ul {
	list-style:none;
	margin:0 0 25px 3px;
	padding:0;
}
#news ul li {
	background:url(../imagens/setinha.gif) no-repeat left top;
	padding-left:25px;
	margin-bottom:10px;
}
#news ul li p{
	margin:0 5px 2px 0;
}
#news ul li p a, #news ul li p a:visited{
	color:#666666;
	text-decoration:none;
}
#news ul li p a:hover{
	color: #000;
	text-decoration:underline;
}

#chamada{
	float:left;
	width:390px;
	height:317px;
	overflow:hidden;
}
#chamada img{
	display:block;
	float:left;
}

.chamada {
	width:80%;
	float:left;
	background:url(../imagens/setinha.gif) no-repeat left center ;
	padding-bottom:15px;
	display:none;
	visibility:hidden;
}
.chamada img{
	margin-left:13px;
	display:block;
}
.chamada p {
	margin:0 10px 0 25px;
}

#rodape, #rodape-esq, rodape-dir, #rodape-pop {
	width:100%;
	height:36px;
	text-align:center;
}
#rodape {
	clear:both;
	background-image: url(../imagens/rodape/bg.gif);
	border-bottom:4px solid #61AAD3;
}
#rodape-esq {
	background: url(../imagens/rodape/bg_esq.gif) no-repeat left top;
}
#rodape-dir, #rodape-dir-pop {
	background:url(../imagens/rodape/bg_dir.gif) no-repeat right top;
}
#rodape-dir span {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:20px;
	display:block;
}
#rodape-dir-pop span {
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:5px;
	display:block;
}

#acesso-rapido {
	height:155px;
	background:url(../home/imagens/bg_acesso.gif) no-repeat left top;
	float:left;
	width:374px;
	padding:12px 0 0 0px;
}
#acesso-rapido img {
	float:right;
	margin-right:20px;
}
#acesso-rapido form {
	padding:40px 0 0 40px;
}
#acesso-rapido label {
	line-height:19px;
	display:block;
	float:left;
	text-align:right;
	padding:0 4px 0 50px;
}

.campo1 {
	height:19px;
	position:relative;
	top:-3px;
	width:100px;
}

/* Divisoes gerais da estrutura das paginas internas */

.arte {
	width:222px;
	float:left;
	padding-top:306px;
}

#arte-empresa {background:url(../empresa/imagens/arte.jpg) no-repeat;}
#arte-contato {background:url(../contato/imagens/arte.jpg) no-repeat;}
#arte-parceiros {background:url(../parceiros/imagens/arte.jpg) no-repeat;}
#arte-mapa {background:url(../mapa/imagens/arte.jpg) no-repeat;}
#arte-noticias {background:url(../noticias/imagens/arte.jpg) no-repeat;}

.direita-int, .direita-port {
	width:71%;
	float:left;
	background:url(../imagens/bg_cont_int.gif) #fff no-repeat;
	padding:35px 0 15px 0;
}

#bread-crumb {
	position:absolute;
	top:64px;
	right:7%;
	text-align:right;
}
#bread-crumb a, #bread-crumb a:visited{
	text-decoration:none;
	color:#666666;
	padding:0 3px;
	position:relative;
	top:1px;
}
#bread-crumb a:hover{
	text-decoration:underline;
	color:#666666;
}

#parceitos_logos {
	list-style:none;
	margin:0;
	padding:0;
}
#parceitos_logos li{
	display: inline;
	padding:0 10px;
}

/* Mapa site */

.mapa-lista {
	list-style:none;
	margin:0;
	padding:0;
}
.mapa-lista li {
	padding:7px 0 0 20px;
	background:url(../mapa/imagens/bullet_mapa.gif) no-repeat left top;
}
.mapa-lista ul, .mapa-lista ul ul {
	list-style:url(none) none inside;
	margin:8px 0;
	padding:0;
}
.mapa-lista ul ul {
	margin-left:20px;
}

/* Lista de sites */

.lista-sites {
	padding: 0 0 1px 10px;
}
.lista-sites li {
	background:url(../imagens/bullet.gif) no-repeat left center;
	padding-left:10px;
	line-height:22px;
}
.lista-sites li a, .lista-sites li a:visited {
	color:#333333;
	text-decoration:none;
	padding:3px 8px;
}
.lista-sites li a:hover {
	color:#003399;
	padding:3px 8px;
}
.lista-sites li:hover {
	background-color:#f2f2f2;
}
.lista-cliente .sub-sites {
	padding-bottom:10px;
	display:none;
	padding-top:12px;
	background:url(../imagens/seta_sublinhado.gif) no-repeat left top;
}
.direita-int .lista-cliente ul li .sub-sites a, .direita-int .lista-cliente ul li .sub-sites a:visited{
	line-height:20px;
	background-color:#f1f1f1;
}
.direita-int .lista-cliente ul li .sub-sites a:hover{
	background-color:#f1f1f1;
	background:url(../imagens/bullet_over.gif) #f2f2f2 no-repeat 2px center;
}

/* ACESSO RAPIDO INTERNAS */

#acesso-int {
	background:url(../imagens/bg_acesso_rapido.jpg) no-repeat;
	height:157px;
	padding: 25px 0 0 90px;
}
#acesso-int img{
	margin-bottom:5px;
}

/* SUBMENU */

#submenu {
	width:222px;
	float:left;
	background:url(../imagens/submenu/bg.jpg) no-repeat;
	padding-top:66px;
}
#submenu ul{
	list-style:none;
	margin:0 0 0 20px;
	width:130px;
	height:215px;
}
#submenu ul li a .mais {
	visibility:hidden;
}
#submenu ul li a:hover .mais{
	visibility:visible;
	padding:0 0 20px 5px;
	vertical-align:top;
}
#submenu ul li a, #submenu ul li a:visited{
	display:block;
	height:25px;
	color:#999999;
	text-decoration:none;
	background:url(../imagens/tracejado_horiz.gif) repeat-x center bottom;
	text-transform:uppercase;
	font-weight:bold;
}
#submenu ul li a:hover{
	color:#069;
	text-decoration:none;
}
#submenu ul li a img{
	border:none;
}
#submenu ul li p{
	margin:0;
	padding-left:8px;
}

/* Lista de clientes */

.lista-cliente {
	width:210px;
	float:left;
	background:url(../imagens/tracejado_vert.gif) repeat-y right top;
}
.lista-cliente ul{
	list-style:none;
}
.lista-cliente ul li a, .lista-cliente ul li a:visited{
	display:block;
	color:#666666;
	width:211px;/* Valor falso para o IE */
	line-height:25px;
	padding:0 0 0 18px;
	text-decoration:none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 193px; /* Valor correto para navegadores compativeis */
}

.lista-cliente ul li a:hover{
	color: #0033CC;
	background: url(../portfolio/imagens/lista_over.gif) repeat-y left center;
}

/* PORTFOLIO */

.direita-port h2 {
	padding:0 0 8px 0;
	display: block;
}
.logo-case {
	float:right;
	margin-right:5px;
	position:relative;
	top:-10px;
	width:155px;
	height:43px;
}
.secoes-txt-cases:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.secoes-txt-cases {
	width:95%;
	padding:5px 0 5px 8px;
	margin:0;
	background:url(../imagens/tracejado_horiz.gif) repeat-x center bottom;
	display: inline-table;
}
.secoes-txt-cases p img {
	padding:0 10px 5px 0;
	float:left;
	position:relative;
	top:2px;
}
h2 select {
	width:100px;
	float:right;
	position:relative;
	top:-11px;
	font:12px/20px Arial, Helvetica, sans-serif;
	margin-right:2px;
}
h2 input {
	float:right;
	position:relative;
	top:-11px;
}
h2 span {
	width:260px;
	float:left;
	position:relative;
	top:-11px;
	overflow:hidden;
}
#img-thumb {
	padding:3px 0 0 5%;
}
.relacionados {
	background:url(../portfolio/imagens/bg_lista.jpg) no-repeat center top;
	padding:10px 0 0 5%;
	width:40%;
	overflow:hidden;
	float:left;
	margin-right:10px;
	height:200px;
}
.lista-sites-port {
	list-style:none;
	margin:0 0 15px 20px;
}
.lista-trab {
	list-style:none;
	padding: 0 5px;
}
.lista-trab li {
	line-height:22px;
}
.lista-trab li a, .lista-trab li a:visited {
	background:url(../imagens/bullet.gif) no-repeat left center;
	color:#333333;
	text-decoration:none;
	padding:3px 8px 3px 20px;
}
.lista-trab li a:hover {
	color:#003399;
	text-decoration:underline;
}
#combos {
	width:150px;
	position: absolute;
	top:383px;
	left:600px;
}
#combos select {
	width:100px;
	font:12px/20px Arial, Helvetica, sans-serif;
	margin:0 2px 4px 0;
	float:left;
}
#combos input {
	margin:0 2px 4px 0;
	float:left;
}
#img-site img {
	margin-left:15px;
}
#img-site .tela {
	margin-top:17px;
	display:block;
}
#img-site h1 img {
	margin:0;
}

/* Formularios */

form { margin-top:15px;}
 
form label {
	font: normal 11px/23px Arial, Helvetica, sans-serif;
	display:block;
}
form input {
	font: normal 11px/17px Arial, Helvetica, sans-serif;
	height:17px;
	border:1px solid #989CA8;
	width:400px;
	background-color:#f2f2f2;
	padding:0 4px;
	margin-bottom:8px;
}
form .ddd {
	width:30px;
}
form .num {
	width:153px;
	margin-left:7px;
}
.botao { 
	border:none;
	background:none;
	width:56px;
	height:21px;
	position:relative;
	left:-5px;
}
.botao-ok { 
	border:none;
	background:none;
	width:39px;
	height:19px;
	margin:10px 0 0 0;
}
form textarea { 
	height:60px; 
	width:400px; 
	border:1px solid #989CA8;
	background-color:#f2f2f2;
	padding:0 4px;
	margin-bottom:10px;
}

/* POP */

.pop {
	background: url(../imagens/cabeca/bg.gif) repeat-x center top;
	width:100%;
}
.pop #texto {
	padding: 0px 25px 20px 25px;
}
.pop #texto ul {
	margin: 10px 0 10px 20px;
	list-style:square;
}
.pop #texto ul li {
	padding:3px 0;
}
.pop #cabeca-pop {
	width:100%;
	height:64px;
	background:url(../imagens/cabeca/bg_dir.gif) no-repeat right top;
}
h4 span {
	padding:0 4px;
	position:relative;
	top:-1px;
}
h4 a, h4 a:visited {
	color:#666666;
	text-decoration:none;
	padding:0 4px;
}
h4 a:hover {
	background:url(../portfolio/imagens/over_h4.gif) no-repeat;
	color:#333333;
}
h4 .clicked { 
	background:url(../portfolio/imagens/over_h4.gif) no-repeat;
	color:#333333;
}

#peca {
	margin-top:20px;
}
#peca img {
	border:1px solid #666666;
}

/* Elementos comuns */

body #cabeca .pular-menu {
	display:none;
}

.ant-prox { 
	padding:0 0 0 42px;
}
.ant-prox a{ 
	padding:0 5px;
	position:relative;
	top:1px;
}

#zoom {
	line-height:30px;
	padding-bottom:20px;
}
#zoom img{
	display:block;
	float:left;
	margin:5px 8px 0 0;
}
#zoom a, #zoom a:visited {
	color:#666666;
	text-decoration:none;
}
#zoom a:hover {
	color:#039;
	text-decoration:underline;
}

.texto {
	padding:0 0 0 20px;
}
.texto p {
	line-height:18px;
}
.texto a, .texto a:visited{
	color: #06C;
}
.texto a:hover{
	color: #09F;
	text-decoration:none;
}
.texto ul {
	margin: 0 0 20px 20px;
}

#imgs-menu-over {
	display: none;
	visibility:hidden;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}