/* PagSeguro */ table#pagamento-pagseguro-socios { margin: 15px auto } table#pagamento-pagseguro-socios tr td { padding: 0 9px } table#pagamento-pagseguro-socios tr td input { background: none repeat scroll 0 0 transparent; border: 0 none; opacity: 1 } /* ------------------------------- LAYOUT ---------------------------------- */ #page { background: url(images/back.png) repeat-y; width: 933px; margin: 0 auto; text-align: left; } #header { background: url(images/topo.png) no-repeat top left; width: 933px; height: 764px;} #footer { background: url(images/back.png) repeat-y; width: 933px; height: 15px; clear: both;} /* ------------------------------- SIDEBAR ---------------------------------- */ #sidebar { width:165px; line-height: 12px; text-align: justify; float: left; margin:-560px 15px 0 11px; _margin:-560px 15px 0 5px;} div#sidebar-interno { padding: 0 8px } div#sidebar-interno h2 { font-size: 14px } div#sidebar-interno h2 a { color: #024268; font-size: 14px; font-weight: bold; line-height: 18px } /* ------------------------------- CONTEUDO ---------------------------------- */ #content { width:723px; text-align: justify; float: left; margin:-560px 0 0 0;} /* ------------------------------- INFORMACOES BASICAS ---------------------------------- */ body { color: #393939; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: justify; margin: 0; padding: 0; background: #fff url(/images/layout/background.gif) repeat-x } p { margin: 0 0 10px; line-height: 18px } strong, em { text-decoration: none } u { color: #393939; cursor: default; text-decoration: none; border-bottom: 1px dashed #024268; } /* ------------------------------- IMAGENS ---------------------------------- */ img {border: 0px;} img.aligncenter { display: block; margin: 0 auto; background-color: #75B5DB; border: 1px solid #05456B; padding: 5px } img.aligncenter:hover { border: 1px solid #39912d; background-color: #8be37f } .blogimage { border: 1px solid #05456b; background-color: #75b5db; padding:5px;} .blogimage:hover{ border: 1px solid #39912d; background-color: #8be37f; padding:5px;} .imgLeft { border:1px solid #05456b; background-color: #75b5db; padding:5px; margin:0 10px 10px 0; float:left} .imgRight { border:1px solid #05456b; background-color: #75b5db; padding:5px; margin:0 0 10px 10px; float:right} .imgLeft:hover, .imgRight:hover { border: 1px solid #39912d; background-color: #8be37f; padding:5px;} /* ------------------------------- FLICKR ---------------------------------- */ ul#flickr { clear: both; margin: 0 auto 10px; overflow: hidden; padding: 0 } ul#flickr li { float: left; height: 65px; list-style: none outside none; margin: 0 3px 3px 0; overflow: hidden; padding: 0; text-align: center; width: 65px } ul#flickr li a { background-color: #FFFFFF; border: 2px solid #FFFFFF; display: block } ul#flickr li a:hover { border: 2px solid #257D19 } ul#flickr li img { height: 61px; width: 61px } /* ------------------------------- TWITTER ---------------------------------- */ div#sidebar-interno h2#link-twitter a { background: url(http://ivva-campinas.org.br/images/layout/icones/twitter.gif) no-repeat 0 3px; display: block; margin-bottom: 5px; padding-left: 20px } div#sidebar-interno h2#link-twitter:hover { border-bottom: 1px solid #3d96ff } ul.twitter { margin: 0; padding: 0 } ul.twitter li { line-height: 18px; list-style: none outside none; margin-bottom: 15px } /* ------------------------------- OUTRAS MIDIAS ---------------------------------- */ ul#midias-sociais { margin: 0 0 15px; padding: 0 } ul#midias-sociais li { list-style: none outside none; margin-bottom: 5px } ul#midias-sociais li a { display: block; font-weight: bold; padding: 3px 0 3px 20px } ul#midias-sociais li a#link-orkut { background: url(http://ivva-campinas.org.br/images/layout/icones/orkut.gif) no-repeat 0 1px } ul#midias-sociais li a#link-facebook { background: url(http://ivva-campinas.org.br/images/layout/icones/facebook.gif) no-repeat 0 1px } ul#midias-sociais li a#link-flickr { background: url(http://ivva-campinas.org.br/images/layout/icones/flickr.gif) no-repeat 0 1px } /* ------------------------------- LINKS ---------------------------------- */ a { text-decoration: none; cursor: pointer;} a:link { color: #257d19; font-weight: normal;} a:visited, a:active { color: #257d19; font-weight: normal;} a:hover { color: #241684; text-decoration:none; font-weight: normal;} /* ------------------------------- LISTAS ---------------------------------- */ h1 { border-bottom: 2px solid #257D19; color: #024268; display: block; font-size: 16px; font-weight: bold; margin: 0 0 10px; padding-bottom: 2px } h2 { border-bottom: 1px solid #257D19; color: #024268; display: block; font-size: 12px; font-weight: bold; line-height: 18px; margin: 0 0 10px } h2 a, h2 a:hover, h2 a:visited, h2 a:active { color: #024268; font-size: 12px; font-weight: bold } h3 {font-weight: bold; font-size: 12px; font-weight:bold; color: #024268; border-bottom:1px solid #257d19; padding: 0; margin:0 0 0 210px; display: block;} ol, ul { color:#393939; margin: 1.0em 1.0em 1.0em 3.0em; padding: 1px;} .breadcrumb {display:block; margin:10px 0; overflow:hidden;} .projetos { list-style: none outside none; list-style-image: url(/images/layout/icones/check.gif) } .projetos ul li { margin: 1.0em 1.0em 1.0em 3.0em } /* ------------------------------- CABECALHO POSTS -------------------------- */ .fRight {float:right;} /* ------------------------------- LOOPING ---------------------------------- */ #looping {list-style: none; float: left; height: 155px; width: 915px; text-align:justify; margin: 0 0 0 9px; _margin: 0 0 0 4px;} /* ------------------------------- MENU SUPERIOR ---------------------------------- */ ul#menu-superior { display: block; float: left; margin: 5px 0 0 7px; overflow: hidden; padding: 0 } ul#menu-superior li { float: left; font-size: 0; line-height: 0; list-style: none outside none; margin: 0 9px; text-indent: -5000em } ul#menu-superior li a { background: url(/images/layout/menu/menu.png) no-repeat; display: block; height: 43px } ul#menu-superior li a#menu-home { background-position: -14px 0; width: 69px } ul#menu-superior li a#menu-home:hover { background-position: -14px -43px } ul#menu-superior li a#menu-institucional { background-position: -99px 0; width: 101px } ul#menu-superior li a#menu-institucional:hover { background-position: -99px -43px } ul#menu-superior li a#menu-projetos { background-position: -218px 0; width: 84px } ul#menu-superior li a#menu-projetos:hover { background-position: -218px -43px } ul#menu-superior li a#menu-eventos { background-position: -321px 0; width: 65px } ul#menu-superior li a#menu-eventos:hover { background-position: -321px -43px } ul#menu-superior li a#menu-parceria { background-position: -402px 0; width: 101px } ul#menu-superior li a#menu-parceria:hover { background-position: -402px -43px } ul#menu-superior li a#menu-links { background-position: -520px 0; width: 64px } ul#menu-superior li a#menu-links:hover { background-position: -520px -43px } ul#menu-superior li a#menu-legislacao { background-position: -602px 0; width: 95px } ul#menu-superior li a#menu-legislacao:hover { background-position: -602px -43px } ul#menu-superior li a#menu-noticias { background-position: -710px 0; width: 83px } ul#menu-superior li a#menu-noticias:hover { background-position: -710px -43px } ul#menu-superior li a#menu-contatos { background-position: -809px 0; width: 94px } ul#menu-superior li a#menu-contatos:hover { background-position: -809px -43px } /* ------------------------------- MENU ---------------------------------- */ #menu {display:block; margin:0 auto; width:909px;} #menu a {display:inline-block; background-image:url(/images/layout/menu/menu.png); width:101px; height:43px; margin:5px 0 0 0;} #menu a.link01 {background-position: 0 0;} #menu a.link01:hover {background-position: 0 -43px;} #menu a.link02 {background-position: -101px 0;} #menu a.link02:hover {background-position: -101px -43px;} #menu a.link03 {background-position: -212px 0;} #menu a.link03:hover {background-position: -212px -43px;} #menu a.link04 {background-position: -303px 0;} #menu a.link04:hover {background-position: -303px -43px;} #menu a.link05 {background-position: -402px 0;} #menu a.link05:hover {background-position: -402px -43px;} #menu a.link06 {background-position: -502px 0;} #menu a.link06:hover {background-position: -502px -43px;} #menu a.link07 {background-position: -600px 0;} #menu a.link07:hover {background-position: -600px -43px;} #menu a.link08 {background-position: -703px 0;} #menu a.link08:hover {background-position: -703px -43px;} #menu a.link09 {background-position: -806px 0;} #menu a.link09:hover {background-position: -806px -43px;} /* ------------------------------- BOX AFILIADOS ---------------------------------- */ #afiliados {background: url(/images/layout/afiliados.gif) no-repeat top left; width: 155px; height: 105px; padding: 35px 0 0 7px; margin: 0 0 0 5px;} /* ------------------------------- CHAMADAS HOME ---------------------------------- */ div#txt-apresentacao-home p { margin: 0 0 10px } div#txt-video { float: left; width: 406px } div#txt-video p { margin: 0 0 10px } div#video { display: block; float: right; margin-bottom: 10px; width: 300px } div.chamadas { background: #8989BA url(http://ivva-campinas.org.br/images/layout/bg-chamadas.gif) repeat-x; border:1px solid #656599; display:block; float:left; height:205px; margin:0 7px; overflow:hidden; padding:10px; text-align: left; width:205px;} div.chamadas h2 { font-size: 14px; margin-bottom: 10px; padding: 0 } div.chamadas p { margin: 0 0 10px } div.chamadas a { color: #333 } div.chamadas a:hover { text-decoration: underline } /*ultimas atualizacoes*/ div.chamadas ul#ultimas-atualizacoes { margin: 0 } div.chamadas ul#ultimas-atualizacoes li { background: url(http://ivva-campinas.org.br/images/layout/icones/star.gif) no-repeat 0 1px; list-style: none outside none; padding-left: 15px } #flash { display: block; margin: 0 auto; overflow: hidden; width: 157px } #flash img { padding: 4px; margin: 4px } #chamadas {text-align:center;} #chamadas p {padding:2px;} #chamadas img { border: 1px solid #666699; background-color: #8989ba; padding:4px; margin:4px;} #chamadas img:hover { border: 1px solid #86af45; background-color: #b3d77a; padding:4px; margin:4px;} #chamadas2 {text-align:center;} #chamadas2 p {padding:2px;} /* ------------------------------- BOX HOME ---------------------------------- */ #melevapracasa { background: url(/images/layout/boxMeLevaPraCasa.gif) no-repeat top center; width: 222px; height: 193px; padding-top: 35px; } #melevapracasa .interno { display:block; padding: 0 5px; text-align:center;} #ultimasatualizacoes { background: url(/images/layout/UltimasAtualizacoes.gif) no-repeat top center; width: 222px; height: 193px; padding-top: 35px; } #ultimasatualizacoes .interno { display:block;margin: -10px 0 0 -25px;} #ultimasatualizacoes .interno a{color:#393939;list-style:none;} #ultimasatualizacoes .interno a:hover{color:#000;list-style:none;} #enquete { background: url(/images/layout/Enquete.gif) no-repeat top center; width: 222px; height: 193px; padding-top: 35px; } #enquete .interno { display:block; width: 205px; padding: 0 5px; position: absolute; height: 157px; overflow: auto; } /* ------------------------------- LINKS ---------------------------------- */ #links {display: block; color: #808080; width: 95%; line-height: 15px; margin: 5px; padding:2px 2px 5px 5px; letter-spacing: 1px;} #links strong{color:#555;} #links:hover {background-color:#cbe4a3; display: block;text-decoration: none;} #links a {color: #808080;text-align : left;} #links a:hover {color: #208620;text-align : left;} #extras { display: block; color: #808080; width: 95%; line-height: 15px; margin: 5px; padding:2px 2px 2px 5px; letter-spacing: 1px; border-bottom: #ededed 1px solid; } #extras:hover { color: #208620; display: block; text-decoration: none; border-bottom: #ededed 1px solid; } #extras a {color: #808080;text-align: left;} #extras a:hover {color: #208620;text-align: left;} #vermais { width: 80px; display:block; padding: 5px; margin: 5px 0; text-decoration: none; border-bottom: 1px solid #ccc;} a.ver-mais { background: url(/images/seta.gif) no-repeat 0 2px; border-bottom: 1px solid #CCCCCC; color: #257D19; display: inline-block; margin-bottom: 15px; padding: 0 0 5px 15px; text-decoration: none } a.ver-mais:hover { color: #241684; text-decoration: none !important } ul.extras { margin: 0 0 15px; padding: 0 } ul.extras li { background: url(/images/seta.gif) no-repeat 0 6px; border-bottom: 1px solid #EDEDED; color: #808080; display: block; margin: 5px 0; padding: 2px 2px 2px 15px } ul.extras li a { color: #808080; text-align: left } ul.extras li a:hover { color: #208620 } /* ------------------------------- TEXTO / POST / PAGINAS ---------------------------------- */ .postentry { font-size : 11px; margin-top: 5px; padding-left: 2px; } .postentry ol { font-size: 1em; line-height: 1.5em; margin: 1.2em 0 1.2em 1.8em; padding: 0; } .postentry li { list-style:none; background: transparent no-repeat left; padding-left: 5px; } .postentry ul { list-style:none; font-size: 1em; line-height: 1.5em; margin: 1.0em 0 1.0em 1.0em; padding: 0; } .storyinfo { background: transparent; padding-right: 1px; text-transform:uppercase; font-weight:bold; padding-top: 3px; text-align: right; border-bottom: 1px dashed #ffacd0; } /* ------------------------------- MENU SIDEBAR ---------------------------------- */ #link { display: block; color: #759b44; font-size: 10px; font-family: verdana; text-indent: 5px; height: 15px; line-height: 15px; vertical-align:middle; margin-bottom: 2px; padding: 1px 0; border: 1px solid #759b44; background-color: #cbe4a3; } #link:hover { display: block; color: #c62284; border: 1px solid #c62284; background-color: #e88ec4;} #link a { color: #759b44; font-family: verdana; font-size: 9px; text-align: left; } #link a:hover { color: #c62284; font-family: verdana; font-size: 9px; text-align : left;} /* ------------------------------- FORMATACAO LINKS DO PAGINAVI ETC ---------------------------------- */ #footlink { clear:both; display:block; padding-top:15px; overflow:hidden; text-align:center;} /* pagina aberta */ #footlink span.footlinkcurrent { display: inline-block; padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; border: 1px solid #1e5389; color: #ffffff; background-color: #386ba0;} /* paginas existentes */ #footlink span.footlinktotal { display: inline-block; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; border: 1px solid #1e5389; color: #ffffff; background-color: #386ba0; } /* links */ #footlink a { display: inline-block; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #1e5389; color: #ffffff; background-color: #386ba0; } #footlink a:link, #footlink a:visited, #footlink a:active { display: inline-block; padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #1e5389; color: #ffffff; background-color: #386ba0;} #footlink a:hover { display: inline-block; border: 1px solid #175b0e; color: #ffffff; background-color: #257d19; } /* ------------------------------- FORMULARIO E SELECAO ---------------------------------- */ input, select, textarea { font-family:'Verdana', Trebuchet MS, Arial, Helvetica, Sans-serif; font-size:7pt; filter:alpha(opacity=90); opacity: .90; color: #666666; background-color: #f8f8f8; border-width:1px; border-style:solid; border-bottom-color: #d8d8d8; border-right-color: #d8d8d8; border-top-color: #efeded; border-left-color: #efeded;} input:focus, textarea:focus, label:focus, select:focus:focus { font-family:'Verdana', Trebuchet MS, Arial, Helvetica, Sans-serif; font-size:7pt; filter:alpha(opacity=90); opacity: .90; color: #292929; background-color: #f1f1f1; border-width: 1px; border-style:solid; border-bottom-color:#b7b7b7; border-right-color:#b7b7b7; border-top-color:#e0dcdc; border-left-color:#e0dcdc; } ::-moz-selection {color: #FFFFFF;background:#386ba0;} ::selection {color: #FFFFFF;background:#386ba0;} /* ------------------------------- CAIXA DE OBSERVACOES ---------------------------------- */ blockquote {padding: 0 5px; margin:10px 30px 20px 30px; color: #000000; border-left: 5px double #024268; border-right: 5px double #024268;} code {font-family: monospace; color: #3e5a5b; cursor: default; } form {margin: 0;padding: 0;border: 0;} .block { background-color:#EFFFE6; border-color:#A4D589; border-style:solid double; border-width:1px 15px; color:#55863A; margin:0 0 15px; padding:5px; } /* ------------------------------- COMENTARIOS ---------------------------------- */ .alt {background-color: transparent;} .comments{border: 0px; background-color:transparent ;font-size: 11px;} .commentname {font-size: 10px; font-family: verdana; letter-spacing: normal; padding: 2px 0 9px 0; margin-bottom: 5px; color: #be2b83; background-color: #fccfe7; border:1px solid #eb8ac2; text-align: left; } .comentario { font-size: 10px; font-family: verdana; letter-spacing: normal; padding:2px 5px; color: #55863a; background-color: #c4f5a9; border:1px solid #8dbe72; text-align: left; } .gravatar {margin:1px 4px 1px 2px; background-color: #d5ffb7; border:1px solid #8dbe72; float: left; padding: 5px;} .gravatar:hover {margin:1px 4px 1px 2px; background-color: #d5ffb7; border:1px solid #55863a; float: left; padding: 5px;} .cit{text-align: right;padding: 3px;background-color: #257d19;font-weight: bold;} hr {border: 1px; border-top: 1px dashed #257d19; clear:both; height:1px; margin:10px 0;} /* ------------------------------- CALENDARIO ---------------------------------- */ .calendario{float:right; width:200px;} #wp-calendar {width: 90%;background: transparent;} #wp-calendar td a {color: #004e1a;font-weight: bold;} #wp-calendar td a:hover {color: #000;background: none;} #wp-calendar td {text-align:center;background-color: #f2f5f4;padding: 4px 5px;font: normal 10px Arial;color: #004e1a;} /* Celulas vazias */ #wp-calendar td.pad { background: #eeebf8;} /* Data Atual */ #wp-calendar td#today {background: #386ba0;color: #fff; } /* Dias da semana */ #wp-calendar thead {font: normal 10px Arial;color: #666699;text-align: center;} /* Mês */ #wp-calendar caption { font: bold 14px Arial;color: #666699;} /* ------------------------------- GALERIA ME LEVA PRA CASA OLD ---------------------------------- */ #principal { margin:0;display:table; } #principal ul { margin:auto;text-align:center;display:table;} #principal li { display:inline; float:left;text-align:left;background-color:#fcfcfc;margin:9px; padding:10px; border-right: #cccccc solid 1px; border-bottom: #cccccc solid 1px;font-family : 'Tahoma', Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;} .conteinerfoto { float:left; background-color:#fcfcfc; border-right: #cccccc solid 1px; border-bottom: #cccccc solid 1px; text-align:center;} #principal span {color:#999;} #principal span b{color:#666;} #principal span h1{ font-size : 11px; font-weight:bold;padding-bottom: 2px;color:#0a0;} /* ------------------------------- GALERIA ME LEVA PRA CASA NEW ------------------------------- */ .galeria {color:#999; text-align:left; font-size:10px;} .galeria a:hover {color:#386ba0;} #shName .galeria img {margin:5px 10px;} /*Adesivos*/ ul#adesivos { margin: 0 0 15px; padding: 0 } ul#adesivos li { background: url(/images/layout/icones/check.gif) no-repeat; list-style: none outside none; margin-bottom: 15px; padding-left: 25px } ul#adesivos li h3 { border: 0 none; margin: 0 0 5px } ul#adesivos li img { float: right }