/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { display:block; }


/* estrutura geral */
html, body { height:100%; }
* html #container {	height:100%; /* hack para IE6 que trata height como min-height */ }

body { font-family:Helvetica, sans-serif, Arial; background:url(../imagens/bg_body.jpg) center top no-repeat fixed #CCC; }
strong { font-weight:bold; }
em { font-style:italic; }
a { text-decoration:none; outline:0; }
a:hover { text-decoration:underline; }
a.mais { font-size:18px; font-weight:bold; color:#C9250E; }
h1 span, h2 span { display:none; }
p { font-size:13px; color:#333; margin:0 0 1em; }

#container { position:relative; width:100%; height:100%; height:auto !important; min-height:100%; }

#conteudo { width:980px; padding:0 0 247px; margin:0 auto; }


/* Box Esquerdo */
#colEsq div.estruturaBox { margin:0 0 5px; }
#colEsq div.estruturaBox h2 { float:left; width:29px; }
#colEsq div.estruturaBox div.box { float:right; width:407px; }
#colEsq div.estruturaBox div.box div.topo { height:5px; background:url(../imagens/bg_topo_box_esq.gif) top center no-repeat; }
#colEsq div.estruturaBox div.box div.conteudo { background-color:#FFF; border:2px solid #C9250E; border-top:0; border-bottom:0; }
#colEsq div.estruturaBox div.box div.rodape { height:21px; background:url(../imagens/bg_rodape_box_esq.png) bottom center no-repeat; }

/* Box Esquerdo Menor */
#colEsq div.estruturaBoxMenor { float:right; width:316px; margin:0 0 5px; }
#colEsq div.estruturaBoxMenor h2 { float:left; width:29px; }
#colEsq div.estruturaBoxMenor div.box { float:right; width:287px; }
#colEsq div.estruturaBoxMenor div.box div.topo { height:5px; background:url(../imagens/bg_topo_box_menor.gif) top center no-repeat; }
#colEsq div.estruturaBoxMenor div.box div.conteudo { background-color:#FFF; border:2px solid #C9250E; border-top:0; border-bottom:0; }
#colEsq div.estruturaBoxMenor div.box div.rodape { height:21px; background:url(../imagens/bg_rodape_box_menor.png) bottom center no-repeat; }

/* Box Direito */
#colDir div.estruturaBox { margin:0 0 5px; }
#colDir div.estruturaBox h2 { float:right; width:29px; }
#colDir div.estruturaBox div.box { float:left; width:502px; }
#colDir div.estruturaBox div.box div.topo { height:5px; background:url(../imagens/bg_topo_box_dir.gif) top center no-repeat; }
#colDir div.estruturaBox div.box div.conteudo { background-color:#FFF; border:2px solid #C9250E; border-top:0; border-bottom:0; }
#colDir div.estruturaBox div.box div.rodape { height:21px; background:url(../imagens/bg_rodape_box_dir.png) bottom center no-repeat; }


/* Coluna Esquerda */
#colEsq { float:left; width:436px; padding:20px 0 0; }

/* Cases */
#colEsq div.estruturaBox div.box div#cases { padding:10px 10px; }

#colEsq div.estruturaBox div.box div#cases div.imagem { float:left; margin:0 15px 0 0; }
#colEsq div.estruturaBox div.box div#cases div.imagem ul { padding:0 0 0 5px; margin:20px 0 40px; }

#colEsq div.estruturaBox div.box div#cases div.texto span { font-size:12px; font-weight:bold; color:#333; }
#colEsq div.estruturaBox div.box div#cases div.texto h3 { font-size:22px; font-weight:bold; color:#AD2C2C; margin:0 0 5px; }
#colEsq div.estruturaBox div.box div#cases div.texto p.apoio { font-size:14px; font-weight:bold; color:#333; margin:0 0 15px; }
#colEsq div.estruturaBox div.box div#cases div.texto h4 { font-size:14px; font-weight:bold; color:#C32F1B; }
#colEsq div.estruturaBox div.box div#cases div.texto p { font-size:13px; color:#333; line-height:100%; }

/* Clientes */
#colEsq div.estruturaBoxMenor div.box div#clientes { position:relative; height:550px; padding:5px 0; }

#colEsq div.estruturaBoxMenor div.box div#clientes ul { position:relative; margin:0; }
#colEsq div.estruturaBoxMenor div.box div#clientes ul li { padding:5px 0; background:url(../imagens/bg_li_clientes.jpg) center
 bottom no-repeat; }
#colEsq div.estruturaBoxMenor div.box div#clientes ul li.ultimo { background:none; }
#colEsq div.estruturaBoxMenor div.box div#clientes ul li img { margin:0 auto; }

#colEsq div.estruturaBoxMenor div.box div#clientes a.mais { float:right; padding:0 20px 0 0; }


/* Coluna Direita */
#colDir { float:right; width:531px; padding:20px 0 0; }

/* Cabeçalho */
div#cabecalho { height:195px; }

div#cabecalho ul#menu { float:left; width:220px; padding:44px 0 0; }
div#cabecalho ul#menu li { font-size:12px; font-weight:bold; text-transform:uppercase; line-height:100%; background:url(../imagens/bg_itens_menu.jpg) left 2px no-repeat; padding:0 0 0 8px; margin:0 0 5px; }
div#cabecalho ul#menu li a { color:#333; }
div#cabecalho ul#menu li a:hover { color:#C9250E; text-decoration:none; }

div#cabecalho div.marprom { float:right; width:273px; text-align:right; padding:5px 29px 0 0; }
div#cabecalho div.marprom h1 { margin:0 0 17px; }
div#cabecalho div.marprom ul li { display:inline; font-size:9px; font-weight:bold; color:#333; text-transform:uppercase; margin:0 0 0 13px; }
div#cabecalho div.marprom ul li img { display:inline; margin-left:-6px; }


/* Vídeos */
#colDir div.estruturaBox div.box div#videos { padding:5px 10px; }
#colDir div.estruturaBox div.box div#videos h3 { font-size:14px; color:#AD2C2C; margin:0 0 5px; }
#colDir div.estruturaBox div.box div#videos div.video { text-align:center; }
#colDir div.estruturaBox div.box div#videos div.video object, #colDir div.estruturaBox div.box div#videos div.video embed { width:450px !important; height:344px !important; }

/* Atuação */
#colDir div.estruturaBox div.box div#atuacao { padding:30px 20px 20px; }
#colDir div.estruturaBox div.box div#atuacao p { font-size:13px; font-weight:bold; color:#666; line-height:110%; margin:0 0 10px; }
#colDir div.estruturaBox div.box div#atuacao p strong { font-size:20px; letter-spacing:2px; line-height:100%; }

/* Fale Conosco */
#colDir div.estruturaBox div.box div#faleConosco { background:url(../imagens/bg_conteudo_fale_conosco.gif) 8px center no-repeat #FFF; padding:30px 20px 20px; }
#colDir div.estruturaBox div.box div#faleConosco p { width:345px; font-size:15px; font-weight:bold; color:#333; line-height:100%; margin:0 0 15px; }

#colDir div.estruturaBox div.box div#faleConosco ul { width:345px; }
#colDir div.estruturaBox div.box div#faleConosco ul li { font-size:12px; font-weight:bold; margin:0 0 5px; }
#colDir div.estruturaBox div.box div#faleConosco ul li a { color:#AD2C2C; }

/* Cadastro */
#colDir div.estruturaBox div.box div#Cadastro { padding:30px 20px 20px; }
#colDir div.estruturaBox div.box div#Cadastro p { width:345px; font-size:15px; font-weight:bold; color:#333; line-height:100%; margin:0 0 15px; }

#colDir div.estruturaBox div.box div#Cadastro ul { width:345px; }
#colDir div.estruturaBox div.box div#Cadastro ul li { font-size:12px; font-weight:bold; margin:0 0 5px; }
#colDir div.estruturaBox div.box div#Cadastro ul li a { color:#AD2C2C; }
#colDir div.estruturaBox div.box div#Cadastro form.contato input { display:inline-block; font:normal 12px Helvetica, sans-serif; color:#333; line-height:12px; width:210px; border:0; background:none; }
#colDir div.estruturaBox div.box div#Cadastro form.contato span { display:inline-block; width:210px; height:12px; background:url(../imagens/bg_input_contato.gif) top left no-repeat; padding:5px; margin:0 0 10px; }
#colDir div.estruturaBox div.box div#Cadastro form.contato input.botao { width:auto; height:auto; padding:0; margin:-3px 0 0 0; }


/* Rodape */
#rodape { position:absolute; bottom:0; width:100%; height:180px; background:url(../imagens/bg_rodape.gif) bottom repeat-x #C9250E; border-top:5px solid #951C0B; }

#rodape div.conteudoRodape { width:900px; min-width:900px; padding:20px 0 0; margin:0 auto; }

#rodape div.conteudoRodape ul { float:left; }
#rodape div.conteudoRodape ul li a { color:#000; }
#rodape div.conteudoRodape ul li a:hover { color:#FFF; text-decoration:none; }

#rodape div.conteudoRodape ul.marprom{ width:390px; margin:0 20px 0 0; }

#rodape div.conteudoRodape ul.marprom li { font-size:14px; text-align:right; }
#rodape div.conteudoRodape ul.marprom li.empresa { font-weight:bold; text-transform:uppercase; margin:0 0 3px; margin-left:110px; text-align:left; }

#rodape div.conteudoRodape ul.submenu li { font-size:14px; font-weight:bold; text-transform:uppercase; }

#rodape div.conteudoRodape address { float:left; width:182px; font-size:12px; line-height:110%; text-align:left; padding:10px 0 0; margin:-10px 0 0; }
#rodape div.conteudoRodape img { float:right; margin:0 0 0 13px; }


/* Internas */

/* Box Esquerdo Internas */
#colEsq div.estruturaBoxMenor div.box div#submenu { padding:10px 20px 20px; }

#colEsq div.estruturaBoxMenor div.box div#submenu h3 { font-size:13px; text-transform:uppercase; color:#999; background:url(../imagens/bg_tit_submenu.jpg) center bottom no-repeat; padding:0 0 20px; }

#colEsq div.estruturaBoxMenor div.box div#submenu ul { background:url(../imagens/bg_lista_submenu.jpg) center bottom no-repeat; padding:0 0 10px; margin:0 0 15px -10px; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li { font-size:14px; font-weight:bold; padding:5px 0 5px 15px; border-bottom:1px solid #EEE; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li.ativo { background:url(../imagens/bullet_seta.gif) left 9px no-repeat; color:#AD2C2C; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li.ativo a { color:#AD2C2C; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li.semborda { border:0; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li.menor { font-size:12px; font-weight:normal; padding:3px 0 3px 25px; border-bottom:1px solid #EEE; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li.menor.ativo { color:#AD2C2C; background:none; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li a { color:#999; }
#colEsq div.estruturaBoxMenor div.box div#submenu ul li a:hover { color:#AD2C2C; text-decoration:none; }

#colEsq div.estruturaBoxMenor div.box div#submenu form.jNice { margin:-18px 0 0; }

#colEsq div.estruturaBoxMenor div.box div#submenu div.logo { background:url(../imagens/bg_lista_submenu.jpg) center bottom no-repeat; padding:20px 0 23px; margin:0 0 10px; }
#colEsq div.estruturaBoxMenor div.box div#submenu div.logo img { margin:0 auto; }

/* Box Direito Internas */
#colDir div.estruturaBox div.boxInternas { float:left; width:502px; }
#colDir div.estruturaBox div.boxInternas div.topo { height:5px; background:url(../imagens/bg_topo_box_dir_interna.gif) top center no-repeat; }
#colDir div.estruturaBox div.boxInternas div.conteudo { background:url(../imagens/bg_conteudo_box_dir_interna.jpg) top repeat-x #FFF; border:2px solid #C9250E; border-top:0; border-bottom:0; padding:10px 20px; }
#colDir div.estruturaBox div.boxInternas div.conteudo ul { padding:0 0 0 30px; margin:0 0 1em; }
#colDir div.estruturaBox div.boxInternas div.conteudo ul li { font-size:13px; color:#333; list-style:disc; }
#colDir div.estruturaBox div.boxInternas div.conteudo h4 { font-size:13px; font-weight:bold; color:#C32F1B; }

#colDir div.estruturaBox div.boxInternas div.conteudo div.tituloInterna { background:url(../imagens/bg_tit_conteudo.jpg) center bottom no-repeat; padding:0 0 35px; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.tituloInterna h3 { font-size:22px; font-weight:bold; color:#AD2C2C; line-height:100%; background:url(../imagens/bullet_seta.gif) left 9px no-repeat; padding:0 0 0 15px; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.tituloInterna h4 { margin:0 0 0 18px; }

#colDir div.estruturaBox div.boxInternas div.conteudo div.setor { padding:0 0 5px; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.setor h4 { float:left; font-size:14px; font-weight:bold; color:#333; margin:0; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.setor h4 span { font-size:16px; color:#999; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.setor a { float:right; font-size:11px; color:#C32F1B; }
#colDir div.estruturaBox div.boxInternas div.rodape { height:21px; background:url(../imagens/bg_rodape_box_dir.png) bottom center no-repeat; }

#colDir div.estruturaBox div.boxInternas div.conteudo div.imagem { float:left; border:3px solid #C0C0C0; margin:0 10px 0 0; }

#colDir div.estruturaBox div.boxInternas div.conteudo div.avancaRecua a { display:inline-block; height:13px; line-height:13px; font-size:13px; font-weight:bold; color:#C32F1B; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.avancaRecua a.volta { float:left; background:url(../imagens/bullet_seta_invertida.gif) left 3px no-repeat; padding:0 0 0 15px; }
#colDir div.estruturaBox div.boxInternas div.conteudo div.avancaRecua a.avanca { float:right; background:url(../imagens/bullet_seta.gif) right 3px no-repeat; padding:0 15px 0 0; }

/* A Marprom */
#colDir div.estruturaBox div.boxInternas div#marprom p { padding:0 0 0 15px; }

/* Projetos */
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes { margin:0 0 15px; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li { background:url(../imagens/bg_li_conteudo_internas.gif) center bottom no-repeat; padding:10px 0 13px; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.logo { float:left; width:86px; margin:0 10px 0 0; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.logo img { margin:0 auto; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.info { float:left; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.info p { font-size:14px; font-weight:bold; margin:0; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.info p a.cliente { font-size:16px; color:#AD2C2C; }
#colDir div.estruturaBox div.boxInternas div#projetos ul.listaClientes li div.info p a.projeto { font-size:12px; color:#AD2C2C; }

/* Cases */
#colEsq div.estruturaBoxMenor div.box div#submenu dl { background:url(../imagens/bg_lista_submenu.jpg) center bottom no-repeat; padding:0 0 10px; margin:0 0 5px -10px; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dt { font-size:14px; font-weight:bold; padding:5px 0 0 15px; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dt.ativo { color:#AD2C2C; background:url(../imagens/bullet_seta.gif) left 11px no-repeat; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dt span { font-size:16px; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dt a{ color:#999; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dt a:hover { color:#AD2C2C; text-decoration:none; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dd { font-size:13px; border-bottom:1px solid #EEE; padding:0 0 5px 15px; }
#colEsq div.estruturaBoxMenor div.box div#submenu dl dd.semborda { border:0; }

#colDir div.estruturaBox div.boxInternas div#cases div.galeria { padding:0 0 20px; }
#colDir div.estruturaBox div.boxInternas div#cases div.galeria h4 { font-size:14px; font-weight:bold; color:#C32F1B; margin:0 0 10px; }
#colDir div.estruturaBox div.boxInternas div#cases div.galeria div.imagens { width:450px; margin:0 auto; }
#colDir div.estruturaBox div.boxInternas div#cases div.galeria div.imagens div.miniatura { float:left; margin:0 0 15px 15px; }


/* Clientes, Clientes Detalhes */
div.boxClientes { float:right; width:802px; padding:0 29px 0 0; margin:0 auto; }
div.boxClientes div.topo { height:5px; background:url(../imagens/bg_topo_box_clientes.gif) top center no-repeat; }
div.boxClientes div.rodape { height:21px; background:url(../imagens/bg_rodape_box_clientes.png) bottom center no-repeat; }
div.boxClientes div.conteudo { background:url(../imagens/bg_conteudo_box_dir_interna.jpg) top repeat-x #FFF; border:2px solid #C9250E; border-top:0; border-bottom:0; padding:10px 20px; }
div.boxClientes div.conteudo h4 { font-size:13px; font-weight:bold; color:#C32F1B; }
div.boxClientes div.conteudo div.tituloInterna { height:56px; background:url(../imagens/bg_tit_conteudo.jpg) center bottom repeat-x; }
div.boxClientes div.conteudo div.tituloInterna h3 { font-size:22px; font-weight:bold; color:#AD2C2C; line-height:100%; background:url(../imagens/bullet_seta.gif) left 9px no-repeat; padding:0 0 0 15px; }

div.boxClientes div#clientes div.tituloInterna{ position:relative; }
div.boxClientes div#clientes div.tituloInterna span { position:absolute; right:0; top:10px; font-size:11px; font-weight:bold; color:#999; }
div.boxClientes div#clientes div.logos { width:740px; margin:0 auto; }
div.boxClientes div#clientes div.logos div.miniatura { float:left; height:140px; margin:0 7px; }

#colDir div.estruturaBox div.boxInternas div#clientes div.projetos { background:url(../imagens/bg_li_conteudo_internas.gif) center bottom no-repeat; padding:0 0 20px; margin:0 0 20px; }
#colDir div.estruturaBox div.boxInternas div#clientes div.projetos h4 { float:left; font-size:14px; font-weight:bold; color:#333; margin:0 10px 0 0; }
#colDir div.estruturaBox div.boxInternas div#clientes div.projetos ul { float:left; }
#colDir div.estruturaBox div.boxInternas div#clientes div.projetos ul li { height:12px; line-height:12px; font-size:12px; font-weight:bold; background:url(../imagens/bullet_seta.gif) left 2px no-repeat; padding:0 0 0 15px; margin:0 0 10px; }
#colDir div.estruturaBox div.boxInternas div#clientes div.projetos ul li a { color:#AD2C2C; }

#colDir div.estruturaBox div.boxInternas div#clientes div.galeria { padding:0 0 20px; }
#colDir div.estruturaBox div.boxInternas div#clientes div.galeria h4 { font-size:14px; font-weight:bold; color:#C32F1B; margin:0 0 10px; }
#colDir div.estruturaBox div.boxInternas div#clientes div.galeria div.imagens { width:450px; margin:0 auto; }
#colDir div.estruturaBox div.boxInternas div#clientes div.galeria div.imagens div.miniatura { float:left; height:40px; margin:0 0 11px 17px; }

/* Contato */
#colDir div.estruturaBox div.boxInternas div#contato form.contato { padding:0 0 20px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato div.floatLeft, #colDir div.estruturaBox div.boxInternas div#contato form.contato div.floatRight { height:50px; width:220px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato label { display:block; font:bold 13px Helvetica, sans-serif; margin:0 0 3px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input { display:inline-block; font:normal 12px Helvetica, sans-serif; color:#333; line-height:12px; width:210px; border:0; background:none; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtPrefixo, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtPreftel, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtPrefcel, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtPrefrecado, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtDDD, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtDDDCel { width:32px !important; text-align:center; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtTelefone, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtRecado, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtCelular { width:160px !important; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtEstado { width:32px; text-align:center; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtCidade { width:160px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtCurriculo, #colDir div.estruturaBox div.boxInternas div#contato form.contato input#txtFoto { border:1px solid #AD2C2C; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato input.file { background:url(../imagens/bg_input_contato.gif) center left no-repeat; padding:5px; }

#colDir div.estruturaBox div.boxInternas div#contato form.contato textarea { width:455px; height:104px; font:normal 12px Helvetica, sans-serif; color:#333; line-height:120%; border:0; background:none; overflow:hidden; }

#colDir div.estruturaBox div.boxInternas div#contato form.contato span { display:inline-block; width:210px; height:12px; background:url(../imagens/bg_input_contato.gif) top left no-repeat; padding:5px; margin:0 0 10px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato span.prefixo { float:left; width:32px; background:url(../imagens/bg_input_prefixo.gif) top left no-repeat; margin:0 8px 0 0; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato span.estado { float:right; width:32px; background:url(../imagens/bg_input_prefixo.gif) top left no-repeat; margin:0 0 0 8px; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato span.fone { float:left; width:160px; background:url(../imagens/bg_input_telefone.gif) top left no-repeat; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato span.cidade { float:left; width:160px; background:url(../imagens/bg_input_telefone.gif) top left no-repeat; }
#colDir div.estruturaBox div.boxInternas div#contato form.contato span.textarea { width:455px; height:104px; background:url(../imagens/bg_textarea.jpg) top left no-repeat; }

#colDir div.estruturaBox div.boxInternas div#contato form.contato input.botao { width:auto; height:auto; padding:0; margin:0; }


/* especiais */
span.erro { font-size:1.2em; font-weight:bold; text-align:center; color:#900; display:block; padding:0 0 5px; }
.floatLeft { float:left; }
.floatRight { float:right; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* Slide de Imagens (S3Slider) */

div.mascaraGaleria { float:right; width:405px; height:188px; background:url(../imagens/bg_galeria_imagens.png) no-repeat; padding:2px 0 0 2px; }

#s3slider {
   width: 403px; /* important to be same as image width */
   height: 170px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   
   z-index:-1;
   background-color:#FFF;
}

#s3sliderContent {
   width: 403px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: bold 13px/15px 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 403px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}