/* Documento CSS */

*{
 margin: 0;
 padding: 0;
}

body{
 font-family: 'Open Sans', sans-serif;
}

a{
 text-decoration:none;
 color:#00cc00;
}

.eBlock p{
 color:#333;
 text-align:justify;
}

div#geral{
 width: 1000px;
 position: relative;
 left: 50%;
 margin-left: -500px;
 padding-top: 40px;
 display: block;
}

/*
 ||Topo
*/

div#topo{
 display: block;
 position: relative;
 width: 1000px;
 background: url("../img/bg_topo.fw.png") no-repeat;
}

div.topoCentro{
 width: 1000px;
 height: 275px;
 position: relative;
 left: 50%;
 margin-left: -500px;
}

/*
 ||Icones Social
*/

div.linksSociais{
 position:absolute;
 top:70px;
 right:280px;
}

div.facebook, div.twitter, div.linkRss{
 display:inline-block;
 position:relative;
}

div.linksSociais div.facebook{
 width:70px;
 height:70px;
 position:absolute;
 background:url("../img/iconSocial/facebook.png") no-repeat;
 background-size:70px 70px;
}

div.linksSociais div.twitter{
 width:70px;
 height:70px;
 position:absolute;
 background:url("../img/iconSocial/twitter.png") no-repeat;
 background-size:70px 70px;
 left:80px;
}

div.linksSociais div.linkRss{
 width:70px;
 height:70px;
 position:absolute;
 background:url("../img/iconSocial/rss.png") no-repeat;
 background-size:70px 70px;
 left:160px;
}

/*
 ||Icones Social Roda Pé
*/

div.linksSocial_rodape{
 position:absolute;
 top:0px;
 right:124px;
}

div.facebook, div.twitter, div.linkRss{
 display:inline-block;
 position:relative;
}

div.linksSocial_rodape div.facebook{
 width:35px;
 height:35px;
 position:absolute;
 background:url("../img/iconSocial/facebook.png") no-repeat;
 background-size:35px 35px;
}

div.linksSocial_rodape div.twitter{
 width:35px;
 height:35px;
 position:absolute;
 background:url("../img/iconSocial/twitter.png") no-repeat;
 background-size:35px 35px;
 left:40px;
}

div.linksSocial_rodape div.linkRss{
 width:35px;
 height:35px;
 position:absolute;
 background:url("../img/iconSocial/rss.png") no-repeat;
 background-size:35px 35px;
 left:82px;
}

/*
 ||Logo Do Site
*/

div.logoSite{
 display: inline-block;
 margin-top: 30px;
 margin-bottom: -35px;
 width: 199px;
 height:153px;
 background-image: url("../img/logo.fw.png");
 position: relative;
 left: 60px;
}

/*
 ||Menu do site ---> TOPO
*/

div.menuTopo{
 position: relative;
 margin-top: 80.5px;
 overflow: hidden;
 height: 40px;
 width: 1000px;
 background: url("../img/bg_menuTopo.fw.png") no-repeat;
}

div.menuTopo ul{
 list-style-type: none;
 overflow: hidden;
 height:40px;
 width: 728px;
 position: relative;
 left: 141px;
}

div.menuTopo ul li{
 display: inline-block;
 line-height: 40px;
 padding: 0 5px;
 font-size: 24px;
}

div.menuTopo ul li:hover{
 background: yellow;
 color: #666600;
}

div.menuTopo ul li a {
 color: #333333;
 text-decoration: none;
}

div.menuTopo ul li:hover a{
 color: #666600;
}

/*
 ||Slide
*/

div.slideTopoSite{
 position: relative;
 width: 1000px;
 height: 315px;
 margin-top: 20px;
 background-color: #111;
 overflow: hidden;
}

div.slideConteudo img{
 position: absolute;
 width: 100%;
 height: auto;
}

h1.tituloSlideConteudo{
 position: absolute;
 z-index: 2;
 padding: 10px;
 background: rgba(255,255,255, 0.5);
 left: 20px;
 top: 20px;
 color: #333;
}

div.btn_slideTopo{
 position: absolute;
 bottom: 20px;
 right: 20px;
}

div.btnSlide_voltar{
 margin-right: 8px;
}

div.btnSlide_avancar{
 margin-left: 8px;
}

div.btnSlide_voltar, div.btnSlide_avancar{
 width: 60px;
 height: 60px;
 line-height: 50px;
 text-align: center;
 background: rgba(255,255,255, 0.5);
 display: inline-block;
 font-size: 51px;
 color: #333333;
}

a div.btnSlide_voltar, a div.btnSlide_avancar{
 text-decoration: none;
}

/*
 ||Centro do site
*/

div.colunaAlheia{
 background:rgba(255,255,255,1);
 padding:10px;
 box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
 opacity:1;
}

div#centro{
 clear:both;
 margin-top:30px;
 display: block;
 position: relative;
}

div.conteudo_posts{
 width:700px;
 float:left;
}

div.esqueleto_posts, .eBlock{
 margin:10px 0;
 width: 100%;
 float:left;
 padding:20px 10px;
 box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
}

div.esqueleto_posts img, .eBlock img{
 max-width: 650px;
 height:auto;
 display:block;
 margin:0 auto;
}

div.titulo_posts h1, .eTitle{
 border-left:6px solid red;
 padding-left: 10px;
 margin: 10px;
 margin-left: 0;
 font-size: 30px;
}

.eTitle a{
 color:#333;
}

div.texto_posts p, .eMessage p{
 padding:5px;
 line-height: 28px;
}

.sideBar, .sideBar ul, .sideBar ul li, .sideBar li{
 list-style-type:none;
}

div.sideBar{
 float: right;
 width:280px;
}

div.esqueleSideBar_item{
 float: right;
 background-color:#fff;
 margin:20px 0;
 width:100%;
 box-shadow:0 0 5px 1px rgba(0,0,0,0.1);
}

div.sideBar_titulo{
 text-align:center;
 padding:10px;
 background-color:#999999;
 color:#fff;
}

div.sideBar_conteudo{
 padding:10px;
}

/*
 ||Roda Pé
*/

div#rodape{
 clear: both;
 margin: 20px 0;
 margin-top: 30px;
 background-color:#111111;
 display: block;
 position: relative;
}

div.barraBaixo_rodape{
 background-color:#222222;
 border-top:4px solid #333333;
 color:#555555;
 position:relative;
}

span.TCCopy{
 color:#555555;
 padding-left:10px;
 font-size:30px;
}

div.menu_rodapeAll{
 padding:10px;
 padding-left:20px;
 overflow:hidden;
}

div.menu_rodape ul{
 list-style-type:none;
 padding-left: 10px;
}

div.menu_rodape ul li a{
 color: #ccc;
 text-decoration:none;
}

span.tituloItem_rodape{
 font-size: 30px;
 color:#555555;
 padding: 0px 5px;
 margin-bottom: 10px;
 display: inline-block;
 position: relative;
 width:200px;
 border-bottom: 1px solid #ccc;
}