@charset "utf-8"; /* CSS Document */ /*- zerar estilo //////////////////////////////////////////////////////////// */ *{ padding:0; margin:0; border:0; } a:link { text-decoration: none; color: #6a6a6a; } a:visited { text-decoration: none; color: #6a6a6a; } a:hover { text-decoration: none; color: #003c43; } a:active { text-decoration: none; color: #6a6a6a; } .limpar{clear:both} /*- zerar estilos ----------------------------------------------------------- */ /*- Estrutura da página ///////////////////////////////////////////////////// */ .nova-galeria{ top:0px; left:0px; text-align:center; width:620px; height:465px; line-height:465px; background-color:#000; background-repeat:no-repeat; background-position:center 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .hotsite{ position:absolute; top:240px; left:0px; z-index:900; width:100%; height:540px; } .hotsite-imagem{ margin:0px auto; width:940px; height:540px; overflow:hidden; cursor:pointer; } .aviso{ position:absolute; top:240px; left:0px; z-index:900; width:100%; height:400px; } .aviso-imagem{ margin:0px auto; width:940px; height:400px; background-color:#f5f5f5; overflow:hidden; box-shadow: 0px 0px 10px #323885; -moz-box-shadow: 0px 0px 10px #323885; /* for Firefox 3.5+ */ -webkit-box-shadow: 0px 0px 10px #323885; /* for Safari and Chrome */ cursor:pointer; } .container{ margin:10px auto; width:940px; padding:20px 20px 0px 20px; background-color:#FFF; box-shadow: 0px 0px 10px #323885; -moz-box-shadow: 0px 0px 10px #323885; /* for Firefox 3.5+ */ -webkit-box-shadow: 0px 0px 10px #323885; /* for Safari and Chrome */ } .container-interna{ width:940px; } .container-interna-noticia{ width:620px; margin-right:20px; float:left; margin-bottom:20px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ } .container-interna-noticia h1{ font: 32px/40px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:10px; display:block; background-color:#FFF; color:#1d67ac; padding:0px; } .container-interna-noticia p{ font: 12px/18px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align:justify; display:block; margin-bottom:20px; padding:0px 20px 0px 0px; } .container-interna-cadastro{ width:620px; margin-right:10px; float:left; margin-bottom:20px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ margin-left: 0; } .container-interna-cadastro ul{ list-style:none; width:600px; display:block; margin-left: 0; margin-top: 10px; padding: 5px; } .container-interna-cadastro li{ width:580px; height:40px; display:block; background-color:#fff; margin-bottom:10px; border: 1px solid #f5f5f5; padding:5px 0px 5px 0px; } .container-interna-cadastro li:hover{ background-color:#eee; } .container-interna-cadastro li h3{ width:200px; height:40px; display:block; float:left; font-size:12px; line-height:40px; margin:0px; padding:0px; border:0px } .container-interna-cadastro li p{ width:360px; height:40px; line-height:60px; display:block; float:left; } .container-interna-cadastro .checked{ width:580px; height:40px; display:block; float:left; font-size:12px; line-height:40px; margin:0px; padding:0px; padding-left:8px; border:0px } .container-interna-cadastro .a1{ width:580px; height:100px; display:block; background-color:#fff; margin-bottom:10px; border: 1px solid #f5f5f5; } .container-interna-cadastro .a1 li{ border: 0; } .container-interna-cadastro li p input[type="submit"], .container-interna-cadastro li p input[type="text"]{ width:360px; height:40px; display:block; margin:0px; padding:0px; border:0px; background-color:#f5f5f5; } .container-interna-cadastro li p select{ width:360px; height:40px; } .news-letter {width:620px;} .news-letter a{ position:relative; width:140px; height:200px; margin-right:10px; float:left; margin-bottom:10px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ } .news-letter a img{ width:140px; height:200px; position:absolute; top:0px; left:0px; z-index:1; border: 1px solid #FFF; } .news-letter a img:hover { filter: alpha(opacity=80); opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; border: 1px solid #f5f5f5; } .news-letter a p{ position:absolute; bottom:0px; left:0px; z-index:2; display:block; width:110px; background-color:#900; line-height:20px; font-size:10px; text-transform:uppercase; padding-left:10px; color:#FFF; } .container-interna-tv{ width:620px; margin-right:20px; float:left; margin-bottom:20px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ } .container-interna-tv h1{ font: 24px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:20px; display:block; background-color:#1d67ac; color:#FFF; padding:10px; } .container-interna-tv h2{ font: 16px/20px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin:20px 20px 10px 0px; display:block; color:#1d67ac; } .container-interna-tv p{ font: 12px/18px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align:justify; color:#505050; display:block; margin-bottom:20px; padding:0px 20px 0px 0px; } .tv-tamar-bg{ position:relative; width:940px; height:610px; background-image:url(../imagens/bg_tamar.jpg); background-repeat:no-repeat; overflow:hidden; } .tv-tamar-titulo{ position:absolute; top:40px; right:0px; z-index:2; width:320px; height:30px; font: 14px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#1d67ac; } .tv-tamar-titulo-v{ position:absolute; top:445px; left:10px; z-index:2; width:250px; height:90px; font: 16px/20px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#1d67ac; } .tv-tamar-titulo-t{ position:absolute; top:445px; left:280px; z-index:2; width:320px; height:128px; font: 11px/14px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#6a6a6a; overflow:hidden; } .tv-tamar-outros{ position:absolute; top:95px; right:20px; z-index:2; width:300px; height:500px; } .tv-tamar-video{ position:absolute; top:95px; left:10px; z-index:2; } .tvtamar-canal{ position:absolute; top:60px; left:-40px; z-index:2; width:980px; height:30px; } .tvtamar-canal ul{ list-style:none;} .tvtamar-canal li{ font: 12px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; display:block; color:#1c6d9a; text-transform:uppercase; height:26px; padding-left:10px; padding-right:10px; float:right; background-color:#FFF; } .tvtamar-canal li:hover{background-color:#f5f5f5;} .tvtamar-canal li a{ font: 10px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; display:block; color:#1c6d9a; text-transform:uppercase; } .tvtamar-videos{} .tvtamar-videos h3{ font: 14px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:2px; display:block; background-color:#1d67ac; color:#FFF; padding:10px; } .tvtamar-videos ul{list-style:none;} .tvtamar-videos li{ position:relative; font: 10px/14px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; width:300px; height:65px; display:block; color:#1d67ac; background-color:#ebebeb; margin-bottom:9px; } .tvtamar-videos li a img{ position:absolute; top:0px; left:0px; z-index:2; width:80px; height:60px; } .tvtamar-videos li p a{ position:absolute; top:0px; left:90px; z-index:2; width:190px; height:80px; padding-top:0px; } .container-interna-texto{ width:620px; margin-right:20px; float:left; margin-bottom:20px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ } .container-interna-texto h1{ font: 24px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:20px; display:block; background-color:#1d67ac; color:#FFF; padding:10px; } .container-interna-texto p{ font: 12px/18px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align:justify; display:block; margin-bottom:20px; padding:0px 20px 0px 0px; } .container-interna-texto p a{ text-decoration:underline; } .container-interna-lista{ width:620px; margin-right:20px; float:left; margin-bottom:20px; box-shadow: 5px 5px 5px #f5f5f5; -moz-box-shadow: 5px 5px 5px #f5f5f5; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #f5f5f5; /* for Safari and Chrome */ } .container-interna-lista ul{ list-style:none;} .container-interna-lista ul li{ position:relative; width:620px; height:100px; margin-bottom:20px; background:#f5f5f5; clear:both; } .container-interna-lista ul li img { position:absolute; top:0px; left:0px; z-index:1; width:140px; height:100px; overflow:hidden; } .container-interna-lista ul li h3 { position:absolute; top:5px; right:20px; z-index:2; width:440px; height:50px; overflow:hidden; font: 18px/22px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color: #1D67AC; text-align:left; display:block; } .container-interna-lista ul li a { position:absolute; top:50px; right:20px; z-index:2; width:440px; height:45px; overflow:hidden; font: italic 12px/22px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align:left; display:block; } .container-interna-lista h1{ font: 24px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:20px; display:block; background-color:#1d67ac; color:#FFF; padding:10px; } .container-interna-img{ width:620px; position:relative; margin-bottom:20px; z-index:1; } .container-interna-img img{ width:620px; border: 0px; } .container-interna-img h2{ position:absolute; bottom:50px; left:0; z-index:2; display:block; padding:5px; background-color:#FFF; font-size:10px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-interna-img p{ position:absolute; bottom:-10px; left:0; z-index:3; display:block; width:290px; height:35px; background-color:#FFF; font-size:10px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-interna-img2{ width:620px; position:relative; margin-bottom:20px; z-index:1; } .container-interna-img2 img{ width:620px; border: 0px; } .container-interna-img2 h2{ position:absolute; bottom:20px; left:0; z-index:2; display:block; padding:5px; background-color:#FFF; font-size:10px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-interna-img2 p{ position:absolute; bottom:-10px; left:0; z-index:3; display:block; width:290px; height:35px; background-color:#FFF; font-size:10px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-interna-img-twitter{width:110px; float:left; padding: 7px 0px 0px 20px} .container-interna-img-facebook{width:150px; float:left; padding: 7px 0px 0px 0px;} .container-interna-facebook{ width:620px; height:60px; } .container-interna-lateral{ width:300px; float:left; margin-bottom:20px; margin-left: 0; } .container-interna-black{ width:940px; height:660px; background-color:#000; } .container-interna-expo{ width:300px; height:660px; overflow:hidden; float:left; margin-bottom:20px; background-color:#000; } .container-interna-texto2{ width:620px; margin-right:20px; float:left; margin-bottom:20px; } .container-interna-texto2 h1{ font: 24px/30px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-bottom:20px; display:block; background-color:#1d67ac; color:#FFF; padding:10px; } .container-inc-lateral{ width:300px; margin-bottom:20px; } .container-inc-pg{ position:relative; z-index:0; width:300px; height:240px; background-color:#f5f5f5; } .container-inc-pg a{ position:absolute; top:0; left:0; z-index:1; } .container-inc-pg h2{ position:absolute; bottom:0; left:0; z-index:3; display:block; background-color:#F90; color:#FFF; font-size:16px; width:290px; height:auto; line-height:25px; padding: 0px 5px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-inc-cv{ position:relative; z-index:0; width:300px; height:240px; background-color:#f5f5f5; } .container-inc-cv a{ position:absolute; top:0; left:0; z-index:1; } .container-inc-cv h2{ position:absolute; bottom:25px; left:0; z-index:3; display:block; background-color:#090; color:#FFF; font-size:16px; width:290px; height:25px; line-height:25px; padding: 0px 5px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-inc-cv p{ position:absolute; bottom:0; left:0; z-index:2; display:block; background-color:#090; color:#FFF; font-size:12px; width:290px; height:25px; line-height:25px; padding:5px; filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .container-parceiros{ width:940px; height:220px; overflow:hidden; } .container-parceiros-bloco1{ width:300px; height:200px; overflow:hidden; position:relative; background-color:#f5f5f5; float:left; margin-right:20px; } .container-parceiros-bloco2{ width:300px; height:200px; overflow:hidden; position:relative; background-color:#f5f5f5; float:left; margin-right:20px; } .container-parceiros-bloco3{ width:300px; height:200px; overflow:hidden; position:relative; background-color:#f5f5f5; float:left; } .container-atracoes{ width:940px; height:500px; overflow:hidden; } .container-rodape{ width:940px; height:160px; overflow:hidden; background-image:url(../imagens/bg_rodape.jpg); background-repeat:no-repeat; position:relative; border-top: 1px solid #ccc; } .container-rodape-apoio{ position:absolute; top:35px; left:120px; width:140px; height:85px; z-index:1; background-color:#fff; overflow:hidden; } .container-rodape-petrobras{ position:absolute; top:41px; right:185px; width:170px; height:41px; z-index:2; overflow:hidden; } .container-rodape-petrobras img{ width:170px; height:41px; } .topo-redes{ position:relative; width:940px; height:40px; background-color:#f5f5f5; overflow:hidden; margin-bottom:20px; } .topo-redes h2{ line-height:40px; color:#999; margin-left:20px;} .topo-redes-rss{ position:absolute; top:0px; right:0px; z-index:3; width:50px; height:40px; } .topo-redes-mais1{ position:absolute; top:10px; left:320px; z-index:3; width:100px; height:40px; } .topo-redes-twitter{ position:absolute; top:10px; left:200px; z-index:3; width:100px; height:40px; } .topo-redes-facebook{ position:absolute; top:10px; left:20px; z-index:4; width:150px; height:40px; } .topo-redes-google{ position:absolute; top:0px; left:80px; z-index:1; width:345px; height:40px; } .topo-redes-google input[type="text"]{ position:absolute; top:5px; right:0px; z-index:2; width:340px; height:25px; display:block; line-height:20px; background-color:#ebebeb; border:0px; padding:0px; margin:0px solid #FFF; } .topo-redes-google input[type="image"]{ position:absolute; top:7px; right:3px; z-index:2; } .topo-redes-google2{ width:345px; height:40px; } .topo-redes-google2 input[type="text"]{ position:absolute; top:5px; right:0px; z-index:2; width:340px; height:25px; display:block; line-height:20px; background-color:#ebebeb; border:0px; padding:0px; margin:0px solid #FFF; } .topo-redes-google2 input[type="image"]{ position:absolute; top:7px; right:3px; z-index:2; } .topo-imagem{ width:940px; height:150px; position:relative; } .topo-busca{ width:220px; height:39px; position:absolute; background-color:#EEE; padding-left:8px; top:10px; right:0px; z-index:1; filter: alpha(opacity=30); opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .topo-busca:hover{ filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .topo-busca input[type="text"]{ border:0; width:180px; height:20px; background-color:#FFF; margin:0px; padding:0px; position:absolute; top:6px; left:6px; } .topo-busca input[type="image"]{ border:0; margin-top:5px; position:absolute; top:0px; right:6px; } .topo-home{ width:100px; height:100px; position:absolute; top:20px; left:20px; z-index:1; } .topo-petrobras{ width:100px; height:40px; position:absolute; top:100px; right:20px; z-index:2; } .topo-idiomas{ width:100px; height:100px; position:absolute; top:-30px; right:-50px; z-index:1; } .topo-menu{ width:940px; height:40px; position:relative; z-index:999; background-color:#0d4b85; margin-bottom:20px; opacity:0.95; } .topo-menu-2013{ width:940px; height:40px; position:relative; z-index:999; background-color:#0d4b85; margin-bottom:20px; opacity:0.95; } .topo-menu-2013-1{ width:168px; height:40px; position:absolute; top:0px; left:0px; z-index:1; background-color:#237dd1; line-height:40px; color:#FFF; font-size:10px; text-transform:uppercase; padding-left:20px; cursor:pointer; } .topo-menu-2013-1:hover{background-color:#0d4b85;} .topo-menu-2013-2{ width:168px; height:40px; position:absolute; top:0px; left:188px; z-index:1; background-color:#2174c1; line-height:40px; color:#FFF; font-size:10px; text-transform:uppercase; padding-left:20px; cursor:pointer; } .topo-menu-2013-2:hover{background-color:#0d4b85;} .topo-menu-2013-3{ width:168px; height:40px; position:absolute; top:0px; left:376px; z-index:1; background-color:#1f68ad; line-height:40px; color:#FFF; font-size:10px; text-transform:uppercase; padding-left:20px; cursor:pointer; } .topo-menu-2013-3:hover{background-color:#0d4b85;} .topo-menu-2013-4{ width:168px; height:40px; position:absolute; top:0px; left:564px; z-index:1; background-color:#1c5e9c; line-height:40px; color:#FFF; font-size:10px; text-transform:uppercase; padding-left:20px; cursor:pointer; } .topo-menu-2013-4:hover{background-color:#0d4b85;} .topo-menu-2013-5{ width:168px; height:40px; position:absolute; top:0px; left:752px; z-index:1; background-color:#144b7e; line-height:40px; color:#FFF; font-size:10px; text-transform:uppercase; padding-left:20px; cursor:pointer; } .topo-menu-2013-5:hover{background-color:#0d4b85;} .topo-menu-2013-1-1{ width:940px; height:290px; position:absolute; top:40px; left:0px; z-index:1; color:#FFF; font-size:10px; overflow:hidden; padding-top:10px; background-color:#237dd1; } .topo-menu-2013-1-1-1{ width:188px; height:300px; float:left; } .topo-menu-2013-1-1-1 h1{ width:168px; height:27px; display:block; line-height:27px; font-stretch:normal; font-weight:300; font-size:10px; text-transform:uppercase; color:#FFF; border-left: 10px solid #1a4f7e; padding-left:10px; background-color:#1a4f7e; margin-bottom:1px; } .topo-menu-2013-1-1-1 h2{ width:168px; height:27px; display:block; line-height:27px; font-stretch:normal; font-weight:300; font-size:10px; text-transform:uppercase; color:#FFF; border-left: 10px solid #0d4b85; padding-left:10px; background-color:#2b6ba7; margin-bottom:1px; } .topo-menu-2013-1-1-1 a{ width:168px; height:27px; display:block; line-height:27px; font-stretch:normal; font-weight:300; font-size:11px; color:#FFF; border-left: 10px solid #0d4b85; margin-bottom:1px; padding-left:10px; background-color:#1c5e9c; overflow:hidden; } .topo-menu-2013-1-1-1 a:link{ border-left: 10px solid #0d4b85; background-color:#1c5e9c; font-weight:100; color:#FFF; } .topo-menu-2013-1-1-1 a:visited{ border-left: 10px solid #0d4b85; background-color:#1c5e9c; font-weight:100; color:#FFF; } .topo-menu-2013-1-1-1 a:hover{ border-left: 10px solid #f5f5f5; background-color:#FFF; font-weight:100; color:#505050; } .topo-menu-2013-1-1-1 a:active{ border-left: 10px solid #0d4b85; background-color:#1c5e9c; font-weight:100; color:#FFF; } .topo-menu-2013-2-1{ width:940px; height:300px; position:absolute; top:40px; left:0px; z-index:2; color:#FFF; font-size:10px; overflow:hidden; padding-top:10px; background-color:#2174c1; } .topo-menu-2013-3-1{ width:940px; height:260px; position:absolute; top:40px; left:0px; z-index:2; color:#FFF; font-size:10px; overflow:hidden; padding-top:10px; background-color:#1f68ad; } .topo-menu-2013-4-1{ width:940px; height:205px; position:absolute; top:40px; left:0px; z-index:2; color:#FFF; font-size:10px; overflow:hidden; padding-top:10px; background-color:#1c5e9c; } .topo-menu-2013-5-1{ width:940px; height:205px; position:absolute; top:40px; left:0px; z-index:2; color:#FFF; font-size:10px; overflow:hidden; padding-top:10px; background-color:#144b7e; } .menu-color-1 a{background-color:#2174c1;} .menu-color-2 a{background-color:#1f68ad;} .menu-color-3 a{background-color:#1c5e9c;} .menu-color-4 a{background-color:#144b7e;} .limpar{clear:both;} /*- Estrutura da página ----------------------------------------------------- */ .lista-publicacoes ul{ display:block; list-style:none; width:620px; } .lista-publicacoes ul li{ display:block; background-color:#f5f5f5; padding:5px; width:610px; margin-bottom:5px; } .lista-publicacoes ul li:hover{ background-color:#eee; padding:5px 5px 5px 5px; width:605px; border-left: 5px solid #036; } /*- destaque home */ .container-destaque { width:940px; height:380px; } .destaque-home{ width:620px; height:360px; background-color:#f5f5f5; float:left; margin-right:20px; overflow:hidden; } .destaque-news1-news2{ position:relative; z-index:1; width:300px; height:360px; float:left; } .destaque-news1-news2 ul{ list-style:none;} .destaque-news1-news2 ul li{ width:300px; height:75; margin-bottom:15px; overflow:hidden; background-color:#f2ecd8; } .destaque-news1-news2 ul li:hover{ background-color:#e9e2cb; box-shadow: 5px 5px 5px #ccc; -moz-box-shadow: 5px 5px 5px #ccc; /* for Firefox 3.5+ */ -webkit-box-shadow: 5px 5px 5px #ccc; /* for Safari and Chrome */ } .destaque-news1-news2 ul li h2{ width:160px; height:55px; margin:10px; font-size:12px; overflow:hidden; } .destaque-news1-news2 ul li img{ width:100px; height:75px; float:right; } .destaque-news1-news2 ul li img:hover{ filter: alpha(opacity=50); opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .twitter-home{ position:relative; z-index:1; width:300px; height:360px; background-color:#f5f5f5; float:left; } .twitter-home img{ position:absolute; top:-20px; left:0px; z-index:2; } .container-destaque-2 { width:940px; height:220px; } .container-tirinhas { width:940px; height:400px; } .container-fullbanner { width:940px; margin-bottom:15px; } .destaque-news1full{ position:relative; margin-bottom:20px; width:940px; height:310px; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; /* for Firefox 3.5+ */ -webkit-box-shadow: 0px 0px 10px #ccc; /* for Safari and Chrome */ overflow:hidden; } .destaque-news1full img{ position:absolute; top:0; left:0; z-index:1; width:470px; height:310px; } .destaque-news1fullTexto{ position:absolute; top:0; left:490px; z-index:1; width:450px; height:310px; } .destaque-news1fullTexto ul{ list-style:none; display:block;} .destaque-news1fullTexto ul li{ display:block; height:310px;} .destaque-news1fullTexto img{ position:absolute; top:0; left:-490px; z-index:2; width:470px; height:310px; } .destaque-news1fullTexto h1 a{ font: 28px/32px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin:20px 0 10px 0; display:block; background-color:#FFF; color:#1d67ac; padding:0px; width:430px; } .destaque-news1fullTexto p a{ font: 12px/18px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-style:italic; text-align:justify; display:block; margin-bottom:20px; padding:0px 20px 0px 0px; background-color:#FFF; width:410px; } .destaque-news1fullTexto h2 img{ position:absolute; top:150px; left:360px; z-index:10; width:70px; height:30px; } .destaque-news1fullRedes{ position:absolute; bottom:80px; left:470px; z-index:2; width:470px; height:40px; background-color:#f5f5f5; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; /* for Firefox 3.5+ */ -webkit-box-shadow: 0px 0px 10px #ccc; /* for Safari and Chrome */ } .destaque-news1fullBusca{ position:absolute; bottom:20px; left:490px; z-index:3; width:450px; height:40px; } .destaque-news1fullNav{ position:absolute; top:20px; left:388px; z-index:5; width:100px; height:30px; } #nav { margin: 5px; } #nav a { margin: 1px; padding: 3px 5px; border: 0px solid #ccc; background: #f5f5f5; text-decoration: none } #nav a.activeSlide { background:#1D67AC; color:#FFF; } #nav a:focus { outline: none; } .busca-news1fullBusca{ width:620px; height:40px; } .destaque-news2{ position:relative; z-index:1; width:600px; height:200px; padding-left:20px; background-color:#f5f5f5; background-repeat:repeat-x; float:left; margin-right:20px; } .destaque-news2 img{ margin-left:20px} .destaque-news2 h2{ font: 18px/22px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; margin-top:20px; margin-bottom:10px; color:#1d67ac; display:block; } .destaque-news2 p a{ font: 12px/18px "Helvetica", "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; font-style:italic; text-align:justify; margin:10px 0px; display:block; } .bt-twitter{float:left} .bt-facebook{float:left} .banner-news2{ position:relative; z-index:1; width:300px; height:200px; background-color:#f5f5f5; float:left; } .container-banner { width: 620px; height:500px; overflow:hidden; background-color:white; float:left; position: relative; z-index:0; } .video-vimeo{ width:600px; height:353px; } .thumbs-vimeo{display:block; margin-bottom:20px;} .thumbs-vimeo ul{ list-style:none;} .thumbs-vimeo ul li{ position:relative; float:left; width:186px; height:150px; display:block; background-color:#000; color:#FFF; overflow:hidden; margin-right:20px; margin-bottom:20px; } .thumbs-vimeo ul li img{ position:absolute; top:0px; left:0; z-index:1; width:200px; height:150px; } .thumbs-vimeo ul li p{ position:absolute; top:0px; left:0; z-index:2; width:146px; height:110px; padding:20px; display:block; overflow:hidden; background:#000; font-size:14px; color:#FFF; font-weight:bold; text-align:left; line-height:20px; filter: alpha(opacity=0); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .thumbs-vimeo ul li p:hover{ filter: alpha(opacity=70); opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .home-vimeo{ position:relative; width:960px; height:200px; display:block; background:#FFF; margin-bottom:20px; } .video-vimeo-home{ position:absolute; top:0px; right:0px; z-index:1; width:300px; height:200px; background:#000; } .thumbs-vimeo-home{ position:absolute; top:0px; left:0px; z-index:1; display:block; } .thumbs-vimeo-home ul{ list-style:none;} .thumbs-vimeo-home ul li{ position:relative; width:140px; height:200px; display:inline-block; float:left; background-color:#090; color:#FFF; overflow:hidden; margin-right:20px; filter: alpha(opacity=100); opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .thumbs-vimeo-home ul li:hover{ filter: alpha(opacity=90); opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; /* for Firefox 3.5+ */ -webkit-box-shadow: 0px 0px 10px #ccc; /* for Safari and Chrome */ } .thumbs-vimeo-home ul li img{ position:absolute; top:0px; left:0px; z-index:1; width:140px; height:100px; } .thumbs-vimeo-home-play{ position:absolute; top:0px; left:0px; z-index:2; width:140px; height:100px; } .thumbs-vimeo-home ul li p{ position:absolute; top:100px; left:0; z-index:2; width:120px; height:90px; padding:10px; display:block; overflow:hidden; background:#090; font-size:10px; color:#FFF; text-align:left; line-height:14px; } .thumbs-vimeo-home ul li p a:link{ color:#FFF; } .thumbs-vimeo-home ul li p a:visited{ color:#FFF; } .thumbs-vimeo-home ul li p a:hover{ color:#FFF; } .thumbs-vimeo-home ul li p a:active{ color:#FFF; } .especies{ position:relative; width:300px; height:300px; float:left; margin-right:10px; } .tartaruga-marinha{margin: 20px 0px 20px 0px; width:580px} .tartaruga-marinha p{ margin-bottom:10px; border-bottom:1px solid #ccc; line-height:18px} .folio_block { position: absolute; z-index:0; } .main_view { float: left; position: relative; } /*--Window/Masking Styles--*/ .window { height:360px; width: 620px; overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; } .image_reel { position: absolute; top: 0; left: 0; } .image_reel ul { list-style:none;} .image_reel ul li { float: left; width:620px; height:360px; overflow:hidden; position:relative; } .image_reel ul li img { position:absolute; top: 0; left: 0; z-index:2; } .image_reel ul li h1 { position:absolute; top: 10px; left: 0; z-index:2; display:block; background-color:#0d4b85; line-height:34px; color:#fff; font-size:24px; padding: 10px 20px; opacity:0.9; } .image_reel ul li p { position:absolute; bottom: 20px; left: 0; width:580px; z-index:2; display:block; background-color:#fff; line-height:15px; color:#000; font-size:10px; padding: 10px 20px; opacity:0.9; overflow:hidden; } /*--Paging Styles--*/ .paging { position: absolute; bottom: -10px; right: 0px; height:30px; z-index: 3; /*--Assures the paging stays on the top layer--*/ text-align: right; line-height: 30px; padding: 0px 20px; display: none; /*--Hidden by default, will be later shown with jQuery--*/ } .paging a { padding: 5px; text-decoration: none; color: #FFF; } .paging a.active { font-weight: bold; background: #0d4b85; border: 0px solid #044f58; color:#FFF; } .paging a:hover {font-weight: bold;} /*- destaque home */