html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
.piclenselink { display: none;
!important}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ---------------------------------------- jTwitter ----------------------------------------- */
.twitted {
/*border:1px solid #888888;*/
float:left;
margin-bottom:1.5em;
margin-left:11px;
_margin-left: -47px;
width:13.4em;
color: #fff;
font-size: 0.9em;
}
.twitted a {
color: #82C241;
text-decoration: none;
}
.twitted a:hover {
text-decoration: underline;
}
.twitted h2 {
margin: 0;
/*padding: 0 0.8em;*/
font-size: 1em;
color: #fff;
width: 74px;
height: 14px;
background: transparent url(../images/twittadas.png) center top no-repeat;
display: block;
text-indent: -3000px;
/*background-color: #888;*/
}
#footer{ background: url(../images/footer.gif) no-repeat; width:886px; height:108px; margin: 80px auto 0; }
.twitted p.preLoader {
margin: 0;
padding: 1em 1em 1em 3em;
background: transparent url("../images/loader.gif") 1em center no-repeat;
/* generate your own loader gif: http://www.ajaxload.info */
}
.twitted ul#twitter_update_list {
margin: 0;
/*padding: 0 0.8em;*/
list-style-type: none;
}
.twitted ul#twitter_update_list li {
margin: 0;
padding: 0.8em 0 1em 0;
border-bottom: 1px solid #ccc;
}
.twitted ul#twitter_update_list li span {
/* tweet content */
display: block;
color: #DDDDDD;
font-size: 0.8em;
}
.twitted ul#twitter_update_list li span a {
/* links in tweet content */
color: #82C241;
}
.twitted ul#twitter_update_list li a {
/* timestamp link */
color: #c2c2c2;
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
border-bottom: none;
}
.twitted p.profileLink {
color:#FFFFFF;
display:block;
float:right;
font-size:11px;
margin:0;
width:60px;
_position: relative;
}
.twitted p.profileLink a {
display: block;
text-decoration: none;
text-indent: -3000px;
cursor: pointer;
width: 58px;
height: 45px;
background: transparent url(../images/twitter2.jpg) center top no-repeat;
}
.twitted p.profileLink a:hover {
background-position: center bottom;
}
/* ---------------------------------------- Growl Plugin ------------------------------------- */
div.jGrowl {
padding: 10px;
z-index: 9999;
}
/** Special IE6 Style Positioning **/
div.ie6 {
position: absolute;
}
div.ie6.top-right {
right: auto;
bottom: auto;
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.top-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-right {
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.bottom-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div.ie6.center {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
width: 100%;
}
/** Normal Style Positions **/
body > div.jGrowl {
position: fixed;
}
body > div.jGrowl.top-left {
left: 0px;
top: 0px;
}
body > div.jGrowl.top-right {
right: 0px;
top: 0px;
}
body > div.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}
body > div.jGrowl.bottom-right {
right: 0px;
bottom: 0px;
}
body > div.jGrowl.center {
top: 0px;
width: 50%;
left: 25%;
}
/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
background-color: #82c225;
color: #202020;
opacity: .95;
filter: alpha(opacity = 95);
zoom: 1;
width: 235px;
padding: 15px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
display: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
div.jGrowl div.jGrowl-notification {
min-height: 40px;
}
div.jGrowl div.jGrowl-notification div.header {
font-weight: bold;
font-size: 10px;
margin-bottom: 5px;
}
div.jGrowl div.jGrowl-notification div.close {
float: right;
font-weight: bold;
font-size: 12px;
cursor: pointer;
}
div.jGrowl div.jGrowl-closer {
height: 15px;
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: 11px;
font-weight: bold;
text-align: center;
}
/* ---------------------------------------- Growl Plugin ------------------------------------- */
/********************************************* SITE ******************************************************/
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
background: #202020 url(../images/background_internas.jpg) center top no-repeat;
}
.clear {
clear: both;
height: 0;
margin-bottom: 20px;
}
#tudo {
width: 910px;
margin: 0 auto;
background: #202020 url(../images/background_internas.jpg) center top no-repeat;
}
#topo {
width: 910px;
height: 105px;
margin: 0 auto;
}
#logo {
width: 242px;
height: 88px;
float: left;
}
#logo a.logo {
display: block;
width: 242px;
height: 88px;
text-indent: -5000px;
background: transparent url(../images/logo.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
margin-top: 4px;
}
#menu {
width: 605px;
height: 21px;
float: left;
margin-top: 54px;
_margin-top: 5px;
}
#menu ol {
width: 701px;
_width: 650px;
height: 21px;
}
#menu ol li {
float: left;
margin-top: 4px;
margin-left: 35px;
_margin-left: 30px;
}
#menu a.menu_sobre_ie6 {
_margin-top: 48px;
}
#menu ol li.li_menu_projeto {
margin-top: -34px;
margin-left: 65px;
}
#menu ol li.li_menu_projeto_ie6 {
_margin-top: 15px;
}
#menu ol li.li_menu_canais {
margin-top: -37px;
_margin-top: 0;
margin-left: 15px;
}
#menu ol li.li_menu_canais_ie6 {
_margin-top: 12px;
}
#menu ol li.li_menu_galeria {
margin-top: -48px;
_margin-top: 0;
margin-left: 15px;
}
#menu ol li.li_menu_downloads {
margin-top: -45px;
_margin-top: 0;
margin-left: 15px;
}
#menu ol li.li_menu_downloads_ie6 {
_margin-top: 3px;
}
#menu ol li.li_menu_contato {
margin-top: -34px;
_margin-top: 0;
margin-left: 15px;
}
#menu ol li.li_menu_contato_ie6 {
_margin-top: 15px;
}
#menu ol li a.menu_sobre {
display: block;
width: 45px;
height: 16px;
text-indent: -5000px;
background: transparent url(../images/menu_sobre2.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
}
#menu ol li a.menu_sobre:hover {
background-position: center bottom;
}
#menu ol li a.menu_projeto {
display: block;
/*width: 72px;
height: 53px;*/
width: 52px;
height: 53px;
text-indent: -5000px;
/*background: transparent url(../images/menu_projeto2.png) center top no-repeat;*/
background: transparent url(../images/menu_filmes.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
}
#menu ol li a.menu_projeto:hover {
background-position: center bottom;
}
#menu ol li a.menu_canais {
display: block;
width: 88px;
height: 56px;
text-indent: -5000px;
background: transparent url(../images/menu_canais2.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
}
#menu ol li a.menu_canais:hover {
background-position: center bottom;
}
#menu ol li a.menu_galeria {
display: block;
width: 88px;
height: 67px;
text-indent: -5000px;
background: transparent url(../images/menu_galeria2.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
margin-top: 1px;
}
#menu ol li a.menu_galeria:hover {
background-position: center bottom;
}
#menu ol li a.menu_downloads {
display: block;
width: 87px;
height: 64px;
text-indent: -5000px;
background: transparent url(../images/menu_downloads2.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
margin-top: 1px;
}
#menu ol li a.menu_downloads:hover {
background-position: center bottom;
}
#menu ol li a.menu_contato {
display: block;
width: 60px;
height: 53px;
text-indent: -5000px;
background: transparent url(../images/menu_contato2.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
font-family: impact;
}
#menu ol li a.menu_contato:hover {
background-position: center bottom;
}
#conteudo {
width: 910px;
margin: 0 auto;
_margin: -15px auto 0 auto;
}
#conteudo #bloco_imagens {
width: 955px;
}
#conteudo #bloco_imagens #projeto_principal {
width: 670px;
height: 339px;
float: left;
margin-right: 10px;
}
#conteudo #bloco_imagens #projeto_secundario {
width: 217px;
height: 340px;
float: left;
}
#conteudo #bloco_imagens #projeto_secundario .projeto_secundario_titulo_secao {
width: 188px;
height: 41px;
background: transparent url(../images/projetos_recentes.png) right top no-repeat;
margin-top: 0;
margin-left: 29px;
margin-bottom: 29px;
}
#conteudo #bloco_imagens #projeto_secundario .projeto_secundario_titulo_galeria {
width: 188px;
height: 41px;
background: transparent url(../images/galeria_recentes.png) right top no-repeat;
margin-top: 0;
margin-left: 29px;
margin-bottom: 29px;
}
#conteudo #bloco_imagens #projeto_secundario .projeto_secundario_titulo_greenlab {
width: 188px;
height: 41px;
background: transparent url(../images/projetos_novos.png) right top no-repeat;
margin-top: 0;
margin-left: 29px;
margin-bottom: 29px;
}
#conteudo #bloco_imagens #projeto_secundario .projeto_secundario {
width: 217px;
height: 120px;
margin-top: 8px;
_margin-top: 26px;
}
#conteudo #bloco_blog_e_downloads {
width: 668px;
margin-top: 15px;
float: left;
}
#conteudo #bloco_blog_e_downloads #bloco_blog {
width: 370px;
float: left;
margin-right: 10px;
}
#conteudo #bloco_blog_e_downloads #icone_blog {
width: 125px;
height: 32px;
}
#conteudo #bloco_blog_e_downloads #icone_blog a {
width: 125px;
height: 32px;
display: block;
text-indent: -3000px;
cursor: pointer;
border: none;
background: transparent url(../images/icone_blog.png) center top no-repeat;
}
#conteudo #bloco_blog_e_downloads #blog_post {
width: 350px;
_margin-top: -35px;
}
#conteudo #bloco_blog_e_downloads #blog_post p {
font-size: 0.8em;
}
#conteudo #bloco_blog_e_downloads #blog_post p a {
font-size: 16px;
color: #DDD;
font-weight: lighter;
}
#conteudo #bloco_blog_e_downloads #blog_post .texto_verde a {
font-size: 17px;
color: #84c225;
}
#conteudo #bloco_blog_e_downloads #blog_post a .texto_verde {
color: #84c225;
}
#conteudo #bloco_blog_e_downloads #blog_post .align_right a {
text-align: right;
}
#conteudo #bloco_blog_e_downloads #blog_post .font_size1 a {
font-size: 18px;
}
#conteudo #bloco_blog_e_downloads #blog_post .font_size2 a {
font-size: 12px;
}
#conteudo #bloco_blog_e_downloads #blog_post .align_justify a {
text-align: justify;
}
#conteudo #bloco_blog_e_downloads #blog_post .float_right a {
float: right;
clear: right;
line-height: 14px;
}
#conteudo #bloco_blog_e_downloads #blog_post .margin a {
margin: 5px 7px 5px 0;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior {
width: 290px;
float: left;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #icone_post_anterior {
width: 80px;
height: 32px;
background: transparent url(../images/posts_anteriores.png) center top no-repeat;
float: left;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #icone_rss {
width: 12px;
height: 12px;
float: left;
margin-top: 20px;
margin-left: 10px;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #icone_rss a {
width: 12px;
height: 12px;
display: block;
text-indent: -3000px;
cursor: pointer;
border: none;
background: transparent url(../images/icone_rss.png) center top no-repeat;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #posts_anteriores {
width: 350px;
float: left;
_margin-top: -35px;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #posts_anteriores p {
margin-top: 7px;
font-weight: normal;
font-size: 0.9em;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #posts_anteriores p a {
font-size: 0.8em;
color: #DDD;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 5px;
font-weight: normal;
}
#conteudo #bloco_blog_e_downloads #blog_post_anterior #posts_anteriores p a span {
color: #84c225;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes {
width: 215px;
float: left;
margin-left: 10px;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes a.titulo_downloads_recentes {
width: 215px;
height: 21px;
background: transparent url(../images/downloads_recentes.png) center top no-repeat;
cursor: pointer;
text-decoration: none;
border: none;
text-indent: -3000px;
display: block;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes a {
text-decoration: none;
text-indent: -3000px;
display: block;
cursor: pointer;
border: none;
height: 39px;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes #download_1 {
width: 215px;
height: 39px;
background-color: #7b3dda;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes #download_2 {
width: 215px;
height: 39px;
background-color: #8952de;
}
#conteudo #bloco_blog_e_downloads #downloads_recentes #download_3 {
width: 215px;
height: 39px;
background-color: #9868e2;
}
/*********************************** PROJETOS ***************************************************/
body#interna {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
background: #202020 url(../images/background_internas.jpg) center top no-repeat;
}
body#interna #tudo_interna {
width: 910px;
margin: 0 auto;
background: #202020 url(../images/background_internas.jpg) center top no-repeat;
}
body#interna #conteudo #projeto_cabecalho,
#conteudo #projeto_cabecalho {
width: 902px;
height: 44px;
background: transparent url(../images/projetos_interna.png) center top no-repeat;
margin-top: 25px;
}
#publicidade_cabecalho {
width: 902px;
height: 44px;
background: transparent url(../images/publicidade_interna.png) center top no-repeat;
margin-top: 25px;
}
#portifolio_cabecalho {
width: 902px;
height: 44px;
background: transparent url(../images/portifolio_interna.png) center top no-repeat;
margin-top: 25px;
}
#portifolio_cabecalho_greenlab {
width: 902px;
height: 44px;
background: transparent url(../images/green_interna.png) center top no-repeat;
margin-top: 25px;
}
body#interna #conteudo #projeto_cabecalho .tags,
#conteudo #projeto_cabecalho .tags {
float: right;
margin-left: 10px;
margin-top: 5px;
}
body#interna #conteudo #projeto_cabecalho .tags a,
#conteudo #projeto_cabecalho .tags a {
text-decoration: none;
color: #fff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-variant: small-caps;
cursor: pointer;
}
body#interna #conteudo #projeto_cabecalho .tags a:hover,
#conteudo #projeto_cabecalho .tags a:hover {
color: #81c020;
}
body#interna #conteudo .projeto_interna,
#conteudo .projeto_interna {
width: 217px;
float: left;
margin-right: 10px;
margin-top: 5px;
}
body#interna #conteudo .lampadas {
width: 205px;
float: left;
clear: left;
}
body#interna #conteudo .lampadas a {
width: 41px;
height: 41px;
display: block;
cursor: pointer;
text-decoration: none;
border: none;
text-indent: -3000px;
background: transparent url(../images/sem_voto.png) center top no-repeat;
float: left;
}
body#interna #conteudo .lampadas a:hover {
background: transparent url(../images/com_voto.png) center top no-repeat;
}
body#interna #conteudo .pontuacao {
float: right;
}
body#interna #conteudo .pontuacao p {
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
color: #fff;
margin: 5px 0;
}
/************************************************* PROJETOS INTERNA *************************************************/
#projeto_coluna_esquerda {
width: 230px;
float: left;
margin-top: 15px;
}
#projeto_titulo_projeto {
width: 206px;
}
.projeto_titulo {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
font-variant: small-caps;
color: #fff;
border-bottom: 1px solid #84c225;
text-align: left;
}
.projeto_data {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #84c225;
margin-top: 3px;
text-align: left;
}
#projeto_info_destaque {
width: 206px;
margin-bottom: 10px;
}
.projeto_interna_lampadas {
width: 230px;
float: left;
clear: left;
margin: 30px 0 10px;
}
.projeto_interna_lampadas p {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
font-variant:small-caps;
font-weight:bold;
padding-top: 10px;
text-align: center;
_padding-top: 0;
}
.projeto_interna_pontuacao {
float: left;
width: 177px;
height: 53px;
padding-left: 30px;
padding-top: 4px;
margin-left: 56px;
_margin-left: 0;
}
.projeto_interna_pontuacao p {
/*float: right;*/
/*width: 177px;*/
height: 53px;
padding-left: 17px;
padding-top: 5px;
_padding-top: 10px;
font-size: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
color: #fff;
}
#projeto_downloads_e_comentarios {
width: 230px;
float: left;
margin-top: 15px;
}
.caixa_comentario {
float:left; margin-top:50px; width:200px;
}
.download {
background: transparent url(../images/projeto_titulo_download.jpg) right top no-repeat;
width: 234px;
height: 53px;
text-indent: -3000px;
cursor: pointer;
}
.items_para_download li {
margin-left:3px;
text-align:left;
width:203px;
list-style: square inside none;
margin-bottom: 15px;
}
.items_para_download a {
color: #fff;
text-decoration: none;
font-size: 0.7em;
font-weight: normal;
}
.items_para_download a:hover {
color: #82C426;
text-decoration: underline;
}
.comentario {
background: transparent url(../images/projeto_titulo_comentario.jpg) right top no-repeat;
width: 233px;
height: 51px;
text-indent: -3000px;
cursor: pointer;
}
.comment {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
font-size: 11px;
width: 185px;
color: #fff;
line-height: 13px;
float: left;
clear: left;
margin-bottom: 10px;
}
.date {
color: #84c225;
}
.comment_text {
color: #84c225;
font-size: 11px;
font-style: italic;
}
#projeto_coluna_direita {
width: 670px;
_width: 600px;
float: right;
margin-top: 41px;
}
#projeto_video {
width: 670px;
height: 377px;
background-color: #000;
}
#projeto_sobre_e_fotos {
width: 670px;
float: left;
}
.background_projeto a {
width: 115px;
height: 43px;
cursor: pointer;
text-indent: -3000px;
display: block;
background: transparent url(../images/menu_tab_projeto.jpg) center top no-repeat;
}
.background_projeto a:hover {
background: transparent url(../images/menu_tab_projeto_hover.jpg) center top no-repeat;
}
.background_fotos a {
width: 175px;
height: 43px;
cursor: pointer;
text-indent: -3000px;
display: block;
background: transparent url(../images/menu_tab_foto.jpg) center top no-repeat;
}
.background_fotos a:hover {
background: transparent url(../images/menu_tab_foto_hover.jpg) center top no-repeat;
}
.background_relacionado a {
width: 215px;
height: 43px;
cursor: pointer;
text-indent: -3000px;
display: block;
background: transparent url(../images/menu_tab_relacionado.png) center top no-repeat;
}
.background_relacionado a:hover {
background: transparent url(../images/menu_tab_relacionado_hover.png) center top no-repeat;
}
.projeto_relacionado_info {
width: 200px;
float: left;
margin: 7px 25px;
_margin: 7px 5px;
}
.projeto_relacionado_info a {
text-decoration: none;
cursor: pointer;
}
.projeto_relacionado_info a img {
border: none;
}
#mycarousel {
width: 3000px;
}
/******************************************** CONTATO *************************************************/
#contato_cabecalho {
width: 240px;
height: 44px;
background: transparent url(../images/contato_interna.png) center top no-repeat;
margin-top: 25px;
}
#telefone_e_email {
width: 300px;
float: left;
margin-top: 30px;
}
#telefone_e_email p {
font-size: 0.8em;
float: left;
margin-top: 10px;
margin-left: 5px;
color: #81c020;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#telefone_e_email #email {
width: 400px;
float: left;
clear: left;
margin-top: 10px;
}
#telefone_e_email #email #icone_mail {
width: 91px;
height: 38px;
background: transparent url(../images/contato_email_interna.jpg) center top no-repeat;
float: left;
}
#telefone_e_email #telefone {
width: 300px;
float: left;
margin-top: 10px;
}
#telefone_e_email #telefone #icone_tel {
width: 115px;
height: 39px;
background: transparent url(../images/contato_telefone_interna.jpg) center top no-repeat;
float: left;
}
#formulario {
float: right;
width: 509px;
height: 482px;
background: transparent url(../images/formulario_contato_background.jpg) center top no-repeat;
}
#formulario form {
width: 400px;
margin: 70px 0 0 60px;
_margin: 70px 0 0 30px;
}
#formulario label.label_nome {
width: 37px;
height: 13px;
display: block;
cursor: pointer;
background: transparent url(../images/label_nome.png) center top no-repeat;
text-indent: -3000px;
float: left;
margin-right: 16px;
_margin-left: 15px;
margin-top: 3px;
}
#formulario label.label_email {
width: 44px;
height: 13px;
display: block;
cursor: pointer;
background: transparent url(../images/label_email.png) center top no-repeat;
text-indent: -3000px;
float: left;
margin-right: 10px;
_margin-left: 15px;
margin-top: 3px;
}
#formulario form input {
background-color: #000;
border: none;
color: #fff;
margin-bottom: 5px;
width: 284px;
}
#formulario form textarea {
background-color: #000;
color: #fff;
width: 337px;
height: 200px;
border: none;
}
#formulario form input.submit {
width: 60px;
color: #fff;
border: none;
float: right;
clear: right;
margin-top: 45px;
_margin-top: 40px;
margin-right: 100px;
_margin-right: 70px;
background-color: #202020;
cursor: pointer;
}
#contato_mensagem {
width: 700px;
text-align: right;
margin-bottom: 20px;
}
/***************************************** CANAIS *********************************************************/
#conteudo #texto_informativo_canais {
width: 250px;
float: left;
margin-top: 0;
}
#conteudo #texto_informativo_canais #titulo_canais {
width: 117px;
height: 41px;
background: transparent url(../images/titulo_canais.png) center top no-repeat;
margin-bottom: 20px;
}
#conteudo #texto_informativo_canais p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
width: 200px;
line-height: 20px;
}
#conteudo #nossas_redes {
width: 700px;
_width: 500px;
/*float: left;*/
margin-top: 30px;
}
#conteudo #nossas_redes #vimeo,
#conteudo #nossas_redes #flickr,
#conteudo #nossas_redes #twitter,
#conteudo #nossas_redes #facebook,
#conteudo #nossas_redes #myspace,
#conteudo #nossas_redes #youtube,
#conteudo #nossas_redes #orkut,
#conteudo #nossas_redes #smp-wrapper a {
width: 170px;
height: 50px;
margin-left: 40px;
margin-top: 30px;
float: left;
}
#conteudo #nossas_redes #vimeo a {
width: 115px;
height: 37px;
display: block;
text-indent: -5000px;
background: transparent url(../images/vimeo.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #flickr a {
width: 114px;
height: 32px;
display: block;
text-indent: -5000px;
background: transparent url(../images/flickr.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #twitter a {
width: 137px;
height: 33px;
display: block;
text-indent: -5000px;
background: transparent url(../images/twitter.jpg) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #facebook a {
width: 130px;
height: 49px;
display: block;
text-indent: -5000px;
background: transparent url(../images/facebook.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #myspace a {
width: 193px;
height: 41px;
display: block;
text-indent: -5000px;
background: transparent url(../images/myspace.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #youtube a {
width: 107px;
height: 42px;
display: block;
text-indent: -5000px;
background: transparent url(../images/youtube.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
#conteudo #nossas_redes #orkut a {
width: 108px;
height: 37px;
display: block;
text-indent: -5000px;
background: transparent url(../images/orkut.png) center top no-repeat;
position: absolute;
cursor: pointer;
}
/***************************************** SOBRE *********************************************************/
#conteudo #texto_informativo_sobre {
width: 250px;
float: left;
margin-top: 30px;
height: 1200px;
}
#conteudo #texto_informativo_sobre #titulo_sobre {
width: 213px;
height: 41px;
background: transparent url(../images/sobre.jpg) center top no-repeat;
margin-bottom: 20px;
}
#conteudo #texto_informativo_sobre p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
width: 200px;
line-height: 15px;
}
#conteudo .sobre {
float: left;
width: 500px;
font-size: 11px;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
color: #fff;
margin-top: 50px;
border-bottom: 1px solid #82C520;
padding-bottom: 40px;
line-height: 15px;
}
#conteudo .iconicos {
float: left;
margin-right: 10px;
margin-top: 10px;
}
#conteudo .ppl {
font-size: 20px;
font-weight: bold;
color: #fff;
}
/***************************************** GALERIA *********************************************************/
#conteudo #texto_informativo_galeria {
width: 250px;
float: left;
margin-top: 30px;
height: 700px;
}
#conteudo #texto_informativo_galeria #titulo_galeria {
width: 213px;
height: 51px;
background: transparent url(../images/galeria.jpg) center top no-repeat;
margin-bottom: 20px;
}
#conteudo #texto_informativo_galeria p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
width: 200px;
line-height: 15px;
}
#conteudo #galeria {
margin-left: 70px;
float: left;
}
#idc-container{ display:none; !important}
/***************************************** DOWNLOADS *********************************************************/
#conteudo #texto_informativo_downloads {
width: 250px;
float: left;
margin-top: 30px;
height: 700px;
}
#conteudo #texto_informativo_downloads #titulo_downloads {
width: 213px;
height: 51px;
background: transparent url(../images/downloads.jpg) center top no-repeat;
margin-bottom: 20px;
}
#conteudo #texto_informativo_downloads p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
width: 200px;
line-height: 15px;
}
#conteudo #downloads_arquivos_disponiveis {
width: 650px;
float: left;
}
#libradesign {
float: right;
margin-top: 15px;
margin-right: 69px;
}