/* Theme Name: adba Theme URI: http://example.com/ Description: adba original Version: 1.0 Author: Virtualize Author URI: http://www.virtualizeid.com.br/ */ @charset "ISO-8859-1"; /* CSS Document */ /* Cores: Textos: #555555; T�tulos h2: #00a5cd; */ @import url('clearfix.css'); * { margin:0; padding:0; border:0; list-style:none; text-decoration:none;} body { background:url(imgs/bg-body.gif) repeat-x left 157px; font-size:62.5%; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.4; color:#555555; font-size: 12px;} a { color:#555555; outline:none;} a:hover { color:#00a5cd; text-decoration:underline;} .hide { display:none;} .alignleft { float:left;} .alignright { float:right;} .aligncenter { text-align:center;} #page-wraper { width:1000px; margin:0 auto;} img.img-border { border:1px #CCC solid} .float-right { float: right; } .post-cat-three { float:left; margin-bottom: 15px;} /* ######################################### # # Headings # ######################################### */ h2.titulo { color:#00a5cd; font-size:2em; border-bottom:solid 1px #555; padding-bottom:4px; margin-bottom:10px;} h2.titulo_x { color:#00a5cd; font-size:2em; border-bottom:solid 1px #555; padding-bottom:4px; margin-bottom:10px; background:url(imgs/adba_x.jpg) no-repeat right center} h3.blog-title { color:#00a5cd; font-size:1.6em; background:url(imgs/balao.gif) no-repeat left; padding-left:30px; margin-bottom:5px;} /* ########################################## # # Header # ########################################## */ #header { min-height:200px; height:215px; margin-bottom: 15px;} h1#logo { position:relative; top:25px; left:10px;} h1#logo a { background:url(imgs/adba-logo.gif); width:334px; height:101px; text-indent:-1000em; display:block;} p#associar { display:block; background:url(imgs/associe-se.gif); width:164px; height:53px; position:relative; right:0; top:-5px; text-indent:-1000em;float:right} ul#menu { width:100%; padding-top:50px;} #menu li.page_item { float:left; display:inline; padding:12px 15px; font-size:16px; line-height:16px; background:url(imgs/bg-menu-border.gif) no-repeat right center; margin-top:3px; } #menu a { } #menu a:hover { color:#00a5cd; text-decoration:underline;} div#redes-socias { position:relative; top:-180px; float:right; right:5px; font-size:1.2em; color:#999999;} #redes-socias img { margin: 0 2px; vertical-align:middle;} /* ##################################### # # Home # ##################################### */ #news { /*background:url(imgs/bg-news.jpg);*/ height: 277px; width: 1000px; margin:0 0 1px 0;} /*#news2 { background:url(imgs/bg-news.jpg); height: 235px; margin-bottom:1px;}*/ #content {} #home-infos { width:450px; margin-top:35px; height:auto;} #single-post { width:1000px; height:auto; margin-bottom: 20px;} #home-infos > div { padding:10px 15px 20px; } #home-infos p { font-size:1.2em;} #box1 { margin-bottom:3px; background:#fbfdfd /*url(imgs/home/box1-bottom.gif) no-repeat bottom;*/} #box2 { margin-bottom:3px; background:#fbfdfd /*url(imgs/home/box2-bottom.gif) no-repeat bottom*/;} #box3 { background:#fbfdfd /*url(imgs/home/box3-bottom.gif) no-repeat bottom;*/} #box_f { background:#ffffff} #blog { height:300px;width:500px; padding:0px 0px 0px 5px;} #blog img { float:left; margin-right:8px; border:2px solid #ccc} #blog h2.titulo { /*background:url(imgs/balao.gif) no-repeat right; padding-top:10px;*/} #blog h2.titulo2 { /*background:url(imgs/balao.gif) no-repeat left; padding-bottom:5px;padding-left:28px;*/} #blog a { color:#00a5cd;} #blog h3 a:visited { color:#840081;} #blog p { font-size:1.2em; margin-bottom:10px;} p#blog-link { margin:0; padding-bottom:5px;} #associados { border-top:solid 0px #555; padding-top:5px; margin-bottom: 10px} #associados h2 { /*padding-left:15px;*/} #associados img { margin:0 20px 20px 15px; margin-bottom:20px;} #abradi { width:40%; margin-right:5%;} #abradi img { margin-right:15px;} #apoios { width:55%;} #apoios img { margin-right:35px;} #box4 { background-color:#ffffff;} #home-infos2 { width:1000px; height:auto;} #home-infos2 > div { padding:10px 15px 20px; } #home-infos2 p { font-size:1.2em;} /* ############################################ # # Footer # ############################################ */ #footer { background:url(imgs/bg-footer.gif) repeat-x left 10px; padding-top:10px; margin-top: 10px; display:table; width:100%;} #footer-content { font-size:1.1em; text-align:center; padding:0 15px; vertical-align:middle; display:table-cell; height:79px; /*width:984px;*/} .active_page { background-color: #00a5cd; color:#ffffff} #page_navigation { float:right;margin:5px 0;} #page_navigation a { padding:2px 6px;border:1px solid #00a5cd;margin:0px 2px;} #banner-navigator { position:relative;float:right;top:-278px; z-index:100;} #banner-navigator a { font-size: 12px; padding:1px 4px;background-color:#ffffff; color:#000000;border-right:1px solid #eaeaea;margin:0px 0.5px;} #banner-navigator a.active_banner{ background-color: #00a5cd; color:#ffffff } #banner-navigator.page_banners { position:relative;top:-615px} .wpcf7-validates-as-required,textarea {border:1px solid #00a5cd } .mmf-form-control-wrap input {border:1px solid #00a5cd } /*define contorno das imagens ASSOCIADOS e APOIO de INDEX*/ .thumbs img {border:1px solid #cccccc;} /* ############################################ # # blog # ############################################ */ .content {float:left; width:700px;} .content p {margin:0 0 15px 0; line-height:18px;} #side {float:left; width:260px; margin-left:40px;} #side ul {margin:10px 0 10px 0;} #side ul li {margin:0 0 5px 0; padding-bottom:5px; line-height:18px; border-bottom:1px solid #ccc} .twitter {margin-bottom:20px;} .videos {margin-bottom:20px;} /*social*/ .separa {float:left; width:690px; margin:0 0 20px 0; border:1px solid #E5EBE1; padding:5px;} .lnk-comentar {float:left; width:100px; padding-left:30px; background:url(imgs/balao.gif) no-repeat 0 50%; font-weight:bold;} .social {float:right; margin:0; padding:0;} .social li {list-style:none; margin-right:5px !important; text-transform:lowercase} .social li.delicious, .social li.googlebuzz, .social li.facebook, .social li.twitter, .social li.yahoo {width:15px;} .social li.compartilhe {margin-top:1px} .social li.compartilhe, .social li.delicious, .social li.googlebuzz, .social li.facebook, .social li.twitter {margin-right:0;} .social li {float:left; position: relative; z-index: 100; margin:0; color:#666;} .social li a {outline:0; display: block; text-decoration: none; text-indent: -50000px; height:15px;} .social li.delicious {background:url(imgs/delicious.png) no-repeat top;} .social li.googlebuzz {background:url(imgs/buzz.png) no-repeat top;} .social li.facebook {background:url(imgs/facebook.png) no-repeat top;} .social li.twitter {background:url(imgs/twitter.png) no-repeat top;} .social li.yahoo {background:url(imgs/yahoo.png) no-repeat top;} /*páginacao*/ .box-paginacao {clear:both; float:left; width:100%; margin:10px 0 30px 0;} .paginas a, .paginas strong, .paginas span {margin-right:5px; padding:3px; color:#E9DB9B;} .box-paginacao .link-proximo, .link-proximo-single a {float:right; padding:12px; background-color:#2D64A3; font-size:18px; color:#fff; width:100px; text-align:center;} .link-proximo-single a { width:auto;} .box-paginacao .link-proximo:hover, .link-proximo-single a:hover {text-decoration:none; background-color:#2D64A3; color:#77420D;} .box-paginacao .link-anterior, .link-anterior-single a {float:left; padding:12px; background-color:#00A5CD; font-size:18px; color:#fff; width:92px; text-align:center;} .link-anterior-single a { width:auto; } .box-paginacao .link-anterior:hover, .link-anterior-single a:hover {text-decoration:none; background-color:#00A5CD; color:#fff;} .paginas {float:left; text-align:center; width:100px; margin:0 auto; padding-top:13px; height:32px;} .box-paginacao .link-anterior-sem {float:left; padding:12px; font-size:18px; background:#f6f6f6; color:#c6c6c6; width:92px; } .box-paginacao .link-proximo-sem {float:right; padding:12px; font-size:18px; background:#f6f6f6; color:#c6c6c6; width:100px; text-align:right} .link-proximo-single a {float:right;} .box-paginacao a.link-proximo, .link-proximo-single a {background-color:#00A5CD; color:#fff;} .box-paginacao a.link-proximo:hover, .link-proximo-single a:hover {background-color:#2D64A3; color:#fff;} .box-paginacao a.link-anterior, .link-anterior-single a {background-color:#00A5CD; color:#fff;} .box-paginacao a.link-anterior:hover, .link-anterior-single a:hover {background-color:#2D64A3; color:#fff;} /*comentários*/ .tit-comment {margin:0 0 20px 0; font-size:20px; font-weight:normal;} .comments {float:left; width:100%; margin:0 0 20px 0;} .comments a {color:#4B84A0} .comments a:hover {color:#2D7AB2} .comments blockquote {margin-bottom:5px; } .gravatar {float:left; width:50px; margin:20px 0 0 0;} .txt_comments { float:left; width:540px; margin-left:30px;} .txt_comments h3 {margin:0 0 5px 0; font-size:18px; font-weight:normal; } .txt_comments h3 a {} .txt_comments p {margin:0 0 5px 0; color:#;} .txt_comments small {font-size:0.9em;} /*formulários*/ #commentform p {margin-bottom:10px; } #commentform a {color:#4B84A0;} .label_um {float:left;} .label_um {width:150px;} .campos_um, .txt_um, .btns {padding:5px; border:1px solid #E9E9E9; font:12px Georgia, "Times New Roman", Times, serif} .campos_um, .txt_um {width:370px; color:#000;} .txt_um {height:100px;} .btns {background:#4B84A0; color:#fff; cursor:pointer;} /*formularios contatos e associe-se*/ .formularios label, .mmf-form label {float:left; font-weight:bold;} .formularios label {width:150px;} .mmf-form label {width:180px;} .formularios input, .formularios textarea, .mmf-form input, .mmf-form textarea {padding:5px; font:12px Georgia, "Times New Roman", Times, serif; border:1px solid #00A5CD} .formularios input, .formularios textarea {width:460px;} .mmf-form .iptum, .mmf-form textarea {width:460px} .mmf-form .iptdois {width:200px} .formularios textarea, .mmf-form textarea {height:100px; } .formularios button, .mmf-form button {padding:5px; background:#00A5CD; font:12px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#fff; cursor:pointer} /*validacao form*/ .formError {position: absolute; top: 300px; left: 300px; padding-bottom: 13px; display: block; z-index: 5000;} .formError .formErrorContent {width:100%; background: #ee0101; color:#FFF; width: 150px; font: 11px Arial; border: 2px solid #DDD; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .greenPopup .formErrorContent {background: #33be40;} .yellowPopup .formErrorContent {background: #393939; color: #FFF;} .formError .formErrorArrow{position: absolute; bottom: 0; left: 20px; width: 15px; height: 15px; z-index: 5001;} .formError .formErrorArrow div{border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0px 2px 3px #444; -moz-box-shadow: 0px 2px 3px #444; -webkit-box-shadow: 0px 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin:0 auto; line-height: 0px; font-size: 0px; display: block;} .greenPopup .formErrorArrow div{background: #33be40;} .yellowPopup .formErrorArrow div{background: #393939; color: #FFF;} .formError .formErrorArrow .line10{width: 15px;border: none;} .formError .formErrorArrow .line9{width: 13px; border: none;} .formError .formErrorArrow .line8{width: 11px;} .formError .formErrorArrow .line7{width: 9px;} .formError .formErrorArrow .line6{width: 7px;} .formError .formErrorArrow .line5{width: 5px;} .formError .formErrorArrow .line4{width: 3px;} .formError .formErrorArrow .line3{width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0px solid #ddd;} .formError .formErrorArrow .line2{width: 3px;border: none; background: #ddd;} .formError .formErrorArrow .line1{width: 1px; border: none; background: #ddd;}