@import url("reset.css");
/*PNGs -> .tituloBlog, .feedrss, .linkcomments  */
/*GERAL*/
body {background:url(img/bg_body.jpg) no-repeat top center #FFF; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
div#container {margin:0 auto; width:1000px;}
div#header {height:215px; margin-bottom:50px;}
div#content {float:left; margin-bottom:35px; padding-left:100px; padding-right:50px; width:658px;}
div#sidebar {float:left; width:192px;}
div.navlink {font-size:11px; text-align:center;}
div.navlink a {background:#0BAF4D; border:1px solid #999999; color:#FFFFFF; padding:5px;}
div.navlink a:hover {background:#00BDE1;}
em {font-style:italic;}
/*HEADER*/
div#header div.barratop {float:left; font-size:11px; padding:12px 0 0; position:relative; width:100%; z-index:20;}
div#header div.barratop ul {float:left; list-style:none; padding:9px 0 0 244px;}
div#header div.barratop ul li {display:inline;}
div#header div.barratop ul li a.trabalhe {background:url(img/link_trabalhe.gif) no-repeat; float:left; height:9px; margin-top:2px; width:76px; text-indent:-9999px;}
div#header div.barratop ul li.separador  {color:#D4D4D4; float:left; margin:0 10px;}
div#header div.barratop ul li a.contato {background:url(img/link_contato.gif) no-repeat; float:left; height:9px; margin-top:3px; width:33px; text-indent:-9999px;}
div#header div.barratop form {float:left; left:210px; position:relative;}
div#header div.barratop form label {background:url(img/tit_busca.gif) no-repeat; float:left; height:12px; margin:0 17px 0 0; position:relative; text-indent:-9999px; top:4px; width:40px;}
div#header div.barratop form div.fundoBusca {background:url(img/bg_busca.jpg) no-repeat; float:left; height:24px; padding:0 0 0 10px; width:205px;}
div#header div.barratop form div.fundoBusca input {background:url(img/bg_transp.gif) repeat-x; border:medium none; color:#8077B7; float:left; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; height:19px; outline:none; padding:3px 0 0; width:180px;}
div#header div.barratop form input.btBusca {float:left; height:24px; position:relative; width:15px;}
div#header div.logogommo a {background:url(img/logo_gommo.jpg) no-repeat 0 50%; float:left; height:111px; left:120px; margin-right:100px; position:relative; text-indent:-9999px; top:20px; width:199px;}
div#header div.menuSuperior {float:left; padding:44px 0 0;}
/*CONTENT*/
div#content h1 a.tituloBlog {background:url(img/tit_blog.png) no-repeat; height:35px; display:block; margin-bottom:40px; position:relative; text-indent:-9999px; width:276px;}
div#content div.blogpost {margin-bottom:130px;}
div#content div.blogpost h2 a, div#content div.blogpost h2 {clear:both; color:#0BAF4D; font-size:30px; font-weight:bold; line-height:normal; width:600px;}
div#content div.blogpost div.datapost {font-size:11px; font-style:italic; margin-bottom:16px; margin-left:10px;}
div#content div.blogpost div.autorpost {float:left; font-size:12px; margin-right:10px;}
div#content div.blogpost div.autorpost a {color:#00bbe4;}
div#content div.blogpost div.categoriapost {font-size:12px;}
div#content div.blogpost div.categoriapost a {color:#096fb7;}
div#content div.blogpost div.autorpost a:hover, div#content div.blogpost div.categoriapost a:hover {border-bottom:1px dashed; text-decoration:none;}
div#content div.blogpost div.post {line-height:23px; margin:25px 0;}
div#content div.blogpost div.post p {margin:15px 0;}
div#content div.blogpost div.post a {color:#096fb7;}
div#content div.blogpost div.post a:hover {color:#00bbe4;}
div#content div.blogpost div.post ul {list-style-position:inside; list-style-type:square;}
div#content div.blogpost div.post ul li {margin-bottom:2px;}
div#content div.blogpost div.post .alignleft {border:1px solid #999999; float:left; margin-bottom:10px; margin-top:10px; margin-right:12px;}
div#content div.blogpost div.post .alignright {border:1px solid #999999; float:right; margin-bottom:10px; margin-top:10px; margin-left:12px;}
div#content div.blogpost div.post div.alignleft, div#content div.blogpost div.post div.alignright {background:#DBDBDB; margin-bottom:7px; margin-top:7px; padding-top:5px; text-align:center;}
div#content div.blogpost div.post div p.wp-caption-text {color:#666666; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; line-height:15px; margin:5px 0;}
div#content div.blogpost div.post blockquote {border-left:5px solid #CCCCCC; font-style:italic; margin-left:20px; margin-right:20px; padding-left:20px;}
div#content div.blogpost div.posttools div.sharelinks {font-size:13px; font-family:Arial,sans-serif; float:left;}
div#content div.blogpost div.posttools div.sharelinks a {color:#096fb7;}
div#content div.blogpost div.posttools div.sharelinks a:hover {text-decoration:none;}
div#content div.blogpost div.posttools a.linkcomments {background:url(img/bg_comentarios.png) no-repeat; color:#FFF; float:right; font-size:11px; height:20px; margin-right:25px; padding-left:30px; padding-top:3px; width:104px;}
div#content div.blogpost div.posttools a.linkcomments:hover {background:url(img/bg_comentarios.png) 0 -23px no-repeat; text-decoration:none;}
div#content div.blogpost div.post h3 {color:#8077B6; font-size:18px; font-weight:bold; margin-top:30px;}
/*SIDEBAR*/
div#sidebar div.redesgommo {float:left; margin-bottom:20px; padding-left:20px; width:100%;}
div#sidebar div.redesgommo a.feedrss {background:url(img/rssicon.png) no-repeat; display:block; height:58px; margin-left:-4px; text-indent:-9999px; width:88px;}
div#sidebar div.redesgommo ul {margin-left:5px; margin-top:7px;}
div#sidebar div.redesgommo ul li {display:inline; list-style:none;}
div#sidebar div.redesgommo ul li.twitter a {background:url(img/socialmedia.gif) -16px 0 no-repeat; float:left; height:16px; margin-right:5px; width:16px; text-indent:-9999px;}
div#sidebar div.redesgommo ul li.facebook a {background:url(img/socialmedia.gif) -32px 0 no-repeat; float:left; height:16px; margin-right:5px; width:16px; text-indent:-9999px;}
div#sidebar div.redesgommo ul li.youtube a {background:url(img/socialmedia.gif) -48px 0 no-repeat; float:left; height:16px; margin-right:5px; width:16px; text-indent:-9999px;}
div#sidebar div.redesgommo ul li.linkedin a {background:url(img/socialmedia.gif) no-repeat; float:left; height:16px; width:16px; text-indent:-9999px;}
div#sidebar div.widget {margin-bottom:30px;}
div#sidebar div.widget h4 {font-size:28px; font-weight:normal; margin-bottom:18px; margin-left:10px;}
div#sidebar div.widget ul {padding-left:12px;}
div#sidebar div.widget ul li {background:url(img/bullet_widgets.gif) 0 center no-repeat; font-size:12px; list-style:none; margin:3px 0; padding-left:10px;}
/*Style Widgets*/
div#sidebar div.widget#categories-3 h4 {color:#8077b6;}
div#sidebar div.widget#categories-3 ul li a {color:#8077b6;}
div#sidebar div.widget#linkcat-2 h4 {color:#00bde1;}
div#sidebar div.widget#linkcat-2 ul li a {color:#00bde1;}
/*RODAPE*/
div#rodape {clear:both; font-family:tahoma; font-size:17px; font-weight:normal; height:90px; margin-top:50px; width:100%;}
div#rodape address {text-align:center;}
div#rodape address a.endereco {color:#888888; text-decoration:none;}
div#rodape address a.email {color:#50D7ED;}
/*COMMENTS*/
h4#comments {color:#857cb9; font-size:16px; margin-bottom:20px;}
div#respond h4 {color:#857cb9; font-size:20px; font-weight:bold; margin:30px 0 10px;}
img.avatar {border:2px solid #C2CD23; float:left; margin-left:-5px; margin-right:10px; margin-top:-1px; position:relative; z-index:5; padding:0px !important;}
form#commentform {width:625px;}
.formcampos {margin-bottom:10px;}
form#commentform  textarea#comment {font-family:arial; font-size:12px; padding:7px;}
.commentlist li {list-style:none; border:0.1em solid #CCCCCC; padding-bottom:5px; margin-bottom:20px; width:625px;}
.commentlist p {font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:5px 10px;}
.comment-meta { background-color:#EBEBEB; color:#006699; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px !important; margin-bottom:10px; padding-bottom:15px; padding-left:52px; position:relative; border-bottom:0.1em solid #DADADA;}
.comment-meta a { padding-left:0px; color:#006699; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px !important;}
.fn {font-size:16px; color:#339; font-weight:bold; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}
.says {color:#666; font-style:italic; font-size:12px;}
.comment-author {background-color:#EBEBEB; color:#006699; height:17px; padding-bottom:3px; padding-left:10px; padding-top:5px;}
#respond label {margin-left:5px; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}