/*
Theme Name: Equilibrium-v1
Theme URI: http://freelart.com.br/
Description: Tema feito por freelart.com.br para Instituto Equilibrium.
Version: 1.0
Author: Ivan Design
Tags: blue color, two columns,
*/

* {margin:0 auto; padding:0; border:none; }

img, div, li, ul {behavior: url(iepngfix.htc) }

body, html { height:100%; min-height:100% }

body {
	background:#F2F2F2  url(imagens/principal/background.gif) top repeat-x;
	font-family:Verdana, Geneva, sans-serif;
}

.conteudo {
	width:994px;
	height:auto;
	display:inline;
}


.warp {
	background:url(imagens/principal/bg-conteudo.gif) top left repeat-y;
	width:994px;
	height:auto;
}


.coluna-alpha {
	background:#f2f2f2;
	width:694px;
	height:100%;
	float:left;
}

.topo {
	background:url(imagens/principal/topo.gif) right top no-repeat;
	width:694px;
	height:352px;
	float:left;
}

.logo {
	background:url(imagens/principal/logo.gif) top left no-repeat ;
	width:694px;
	height:205px;
	text-indent:-9999px;
}

.menu {
	background:url(imagens/principal/menu/bgmenu.png) center repeat-x;
	color:#000;
	width:694px;
	height:37px;
	float:left;
	font-size:13px;
	font-weight:bold;
	display:inline;
}

.menu a, a.ativa {
	color:#000;
	text-decoration:none;
	margin:10px 0 0 0;
}

.menu a.visited {
	color:#000;
	text-decoration:none;
}

.menu a:hover {
	color:#0066CC;
	text-decoration:none;
}

ul {
	list-style-type:none;
	display:inline;
}

.menu li {
	display:inline;
}

.home, .instituto, .contato, .feed {
	width:auto;
	height:28px;
	float:left;
}

.home {
	background:url(imagens/menu/home.png) center left no-repeat;
	padding:0 0 0 41px;
	margin:5px 40px 0 14px;
}

.instituto {
	background:url(imagens/menu/instituto.png) center left no-repeat;
	padding:0 0 0 40px;
	margin:5px 40px 0 0;
}

.contato {
	background:url(imagens/menu/contato.png) center left no-repeat;
	padding:0 0 0 45px;
	margin:5px 0 0 0;
}

.feed {
	background:url(imagens/menu/feed.png) center left no-repeat;
	padding:0 0 0 44px;
	margin:5px 0 0 180px;
}
.menu p {
	margin:10px 0 0 0;
	font-size:13px;
}


.finaltopo {
	background:url(imagens/principal/finaltopo.png) center repeat-x;
	width:694px;
	height:110px;
	float:left;
}

.coluna-postagem {
	background:#F2F2F2;
	width:656px;
	height:100%;
	margin:0 0 0 25px;
	float:left;
	display:inline;
}

.post {
	width:656px;
	height:auto;
	margin:0 13px 110px 0;
	float:left;
	display:inline;
}

.posttitle {
	color:#0066CC;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	width:auto;
	height:22px;
}

.posttitle a, a.ativa {
	color:#0066CC;
	text-decoration:none;
}

.posttitle a:hover {
	color:#BD0A25;
	text-decoration:none;
}

..posttitle a.visited {
	color:#0066CC;
	text-decoration:none;
}

.autor {
	color:#000032;
	font-size:13px;
	line-height:16px;
	width:auto;
	height:17px;
}

.postdate {
	color:#000032;
	font-size:11px;
	line-height:13px;
	width:auto;
	height:15px;	
}

.texto {
	color:#000032;
	font-size:11px;
	line-height:18px;
	width:auto;
	height:auto;
	margin:20px 0 0 0;
}

.texto a, a.ativa {
	color:#0093DD;
	text-decoration:none;	
}

.texto a.visited {
	color:#93C9F5;
	text-decoration:none;
}

.texto a:hover {
	color:#BD0A25;
	text-decoration:none;
}

.texto p {
	margin:16px 0 0 0;
}

/*
.post img {
	float:left;
	margin:6px 5px 0 0 ;
}
*/

.coment {
	width:656px;
	height:15px;
	line-height:15px;
	font-size:13px;
	color:#000032;
	float:left;
	margin:20px 0 0 0;
	display:inline;
}

.comentsnumber {
	float:left;
	width:auto;
	height:15px;
	white-space:pre;
}

.click2coment {
	width:auto;
	height:15px;
	float:left;
}

.coment a, a.ativa {
	color:#0093DD;
	text-decoration:none;
}

.coment a.visited {
	color:#93C9F5;
	text-decoration:none;
}

.coment a:hover {
	color:#BD0A25;
	text-decoration:none;
}

.comment-template {
	width:656px;
	height:auto;
	float:right;
}

.head-comment-form {
	background:url(imagens/principal/head-comment-form.gif) center no-repeat;
	width:656px;
	height:10px;
	margin:80px 0 0 0;
	float:left;
}

.comment-form {
	background:url(imagens/principal/bg-comment-form.gif) left repeat-x #f00;
	width:656px;
	height:210px;
	float:left;
	color:#000032;
}

.comment-form-col-alpha {
	background:#f000;
	height:210px;
	width:260px;
	float:left;
}

.comment-form-col-beta {
	background:#c777;
	width:380px;
	height:210px;
	float:right;
	margin:10px 4px 0 0;	
}

.comment-form-col-alpha, .comment-form-col-beta ul {
	list-style-type:none;
}


.leave-comment {
	width:auto;
	height:12px;
	line-height:12px;
	color:#000032;
	margin:0 0 10px 5px;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

.comment-label {
	color:#000032;
	width:45px;
	height:16px;
	margin:10px 0 0 5px;
}

.comment-imput-name, .comment-imput-email, .comment-imput-site {
	background:#f2f2f2;
	width:260px;
	height:16px;
	font-size:12px;
	line-height:16px;
	margin:0 0 0 5px;
}

.comment-textarea {
	background:#f2f2f2 url(imagens/principal/bg-textarea.gif) left top no-repeat;
	width:370px;
	height:180px;
	padding:32px 0 0 10px;
	float:left;
}

.send {
	background:url(imagens/principal/textarea-send.gif) center bottom no-repeat;
	width:50px;
	height:16px;
	float:left;
	margin:0 0 0 10px;
}

.comments-number {
	width:656px;
	height:24px;
	line-height:24px;
	color:#000032;
	font-size:16px;
	margin:100px 0 30px 0;
}

.comment-aproval {
	margin:0 0 0 10px;
	color:#000032;
	font-size:12px;
	font-style:italic;
}	

.head-comment-item {
	background:#D4E4F3 url(imagens/principal/head-comment-item.gif) center top no-repeat;
	width:656px;
	height:26px;
	color:#000032;
}

.comment-item {
	background:url(imagens/principal/bg-comment-item.gif) top left repeat-x;
	width:656px;
	height:auto;
	min-height:124px;
	margin:0 0 30px 0;
}

.comment-item-text {
	background:#f2f2f2;
	width:638px;
	padding:10px 5px 0 5px;
	height:auto;
	min-height:124px;
	font-size:10px;
	color:#000032;
	line-height:16px;

}

.comment-item-text p {
	margin:10px 0 0 0;

}

.comment-author, .comment-date {
	font-size:14px;
	line-height:26px;	
	width:auto;
	height:26px;
	float:left;
	margin:0 0 0 10px;
	font-size:14px;
}

.comment-id {
	width:auto;
	height:26px;
	line-height:26px;
	color:#000032;
	font-size:14px;
	float:right;
	margin:0 10px 0 0;
}
	

.navigation {
	font-size:13px;
	width:656px;
	height:24px;
	margin:-30px 0 30px 0;
	float:left;
	display:inline;
}

.navigation a, a.ativa {
	color:#f2f2f2;
	text-decoration:none;
}

.navigation a:hover {
	color:#0066CC;
	text-decoration:none;
}

.navigation a.visited {
	color:#f2f2f2;
	text-decoration:none;
}



.prevpost, .bac2ktop, .nextpost {
	height:24px;
	line-height:24px;
}

.prevpost, .bac2ktop {
	padding:0 6px 0 24px;
}

.prevpost {
	background:#000032 url(imagens/principal/prev.gif) left center no-repeat;
	width:148px;
	float:left;
	margin:0 84px 0 0;
}

.nextpost {
	background:#000032 url(imagens/principal/next.gif) right center no-repeat;
	padding:0 0 0 6px;
	float:right;
	width:160px;
}

.bac2ktop {
	background:#000032 url(imagens/principal/back2top.gif) left center no-repeat;
	width:100px;
	float:left;
}
	

.coluna-beta {
	background:#000032;
	width:300px;
	height:100%;
	float:left;
}

.arquivo, .midia, .clientes, .nextevent, .prevevent {
	background:#D4E4F3 url(imagens/principal/bg-misc.gif) bottom left no-repeat;
	margin:7px 0 0 2px;
	width:296px;
	margin:7px 0 0 2px;
}

.about, .inside {
	width:296px;
	height:195px;
}

.about {
	background:url(imagens/principal/bg-about.gif) left repeat-x;
	margin:4px 0 0 2px;
}


.title-about {
	width:100px;
	height:25px;
	margin:6px 0 0 5px;
	line-height:25px;
	font-size:14px;
	color:#f2f2f2;
	float:left;
}

.text-about {
	width:278px;
	height:108px;
	margin:10px 0 0 8px;
	float:left;
	font-size:10px;
	color:#000032;
	line-height:16px;
}

.who-about {
	margin:18px 0 0 0;
}

.inside {
	background:url(imagens/principal/bg-inside.gif) left top no-repeat;
}

.busca {
	background:#f2f2f2;
	width:293px;
	height:35px;
	margin:5px 0 0 0;
	padding:2px 5px 0 2px;
}

.botao-input {
	background:url(imagens/menu/search.png) left center no-repeat;
	width:34px;
	height:31px;
	border-width:1px 0 0 1px;
	border-color:#B3B3B3;
	border-style:solid;
	margin:0 0 0 3px;
	float:left;
}

.input {
	background:#f2f2f2;
	width:256px;
	height:31px;
	border-width:1px 0 0 0;
	border-color:#B3B3B3;
	border-style:solid;
	line-height:30px;
	font-size:13px;
	float:left;
}

.search-results {
	width:656px;
	height:26px;
	line-height:26px;
	color:#000032;
	margin:10px 0 60px 0;
	font-size:18px;
	font-style:italic;
}

.sidebar-title {
	background:#000032 url(imagens/principal/bg-sibebar-title.gif) bottom left no-repeat;
	width:296px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#f2f2f2;
	font-size:14px;
}

.arquivo {
	height:373px;
}

.items ul {
	list-style-type:none;
}

.items li {
	width:260px;
	line-height:28px;
	font-size:10px;
	color:#000032;
}

.items li a, a.ativa {
	color:#000032;
	text-decoration:none;
}

.items li a:hover {
	color:#BD0A25;
}

.items li a.visited {
	color:#000032;
}

.ultimas-postagens {
	width:260px;
	height:280px;
	margin:20px 0 0 18px;
}

div.scrollable {
    position:relative; 
    overflow:hidden;     
    height: 280px;      
    width: 260px; 
} 
  
div.scrollable ul.items {     
    position:absolute;     
    height:auto;;     
}

div.prev, div.next{
	background:url(imagens/principal/postagens-a-r.gif);
	width:125px;
	height:19px;
	float:left;
	line-height:19px;
	text-align:center;
	font-size:10px;	
	margin:21px 0 0 0;
}

div.next {
	background:url(imagens/principal/postagens-a-r.gif);
	width:125px;
	height:19px;
	float:right;
	line-height:19px;
	text-align:center;
	font-size:10px;
	margin:21px 0 0 0;
}

.prev, .next,  a, a.ativa {
	color:#f2f2f2;
	text-decoration:none;
}

.prev, .next, a:hover {
	color:#0066CC;
	text-decoration:none;	
}

.prev, .next, a.visited {
	color:#f2f2f2;
	text-decoration:none;	
}

div.navi {
	width:260px;
	height:22px;
}

.midia {
	height:472px;
}

.midia ul {
	list-style-type:none;
}

.Small {
	width:138px;
	height:67px;
	margin:6px -2px 0 7px;
	float:left;
}

.Large {
	width:282px;
	height:67px;
	float:left;
	margin:6px 0 0 7px;
}

#abtd {
	width:296px;
	height:130px;
	margin:7px 0 7px 2px;
}

.clientes {
	height:220px;
}

.slideshow {
	background:#f3f3f3;
	width:282px;
	height:181px;
	margin:7px 0 0 7px;
}

.nextevent-img {
	width:278px;
	height:auto;
	margin:5px 0 0 9px;
}


.prevevent img {
	width:278px;
	height:208px;
	margin-bottom:10px;
}


.nextevent {
	height:100%;
}

.prevevent {
	height:100%;
}

.events-name, .events-date {
	width:278px;
	height:auto;
	color:#000032;
}

.events-name {
	margin:14px 0 0 9px;
	font-size:13px;
	line-height:15px;
}

.events-name a, a.ativa {
	color:#000032;
	text-decoration:none;
}

.events-name a:hover {
	color:#BD0A25;
	text-decoration:none;
}

.events-name a.visited {
	color:#000032;
	text-decoration:none;
}

.events-date {
	margin:0 0 20px 9px;
	font-size:10px;
}

.categorias {
	background:#D4E4F3;
	height:auto;
	margin:7px 0 0 2px;
	width:296px;
	margin:7px 0 0 2px;	
}

.cat-list {
	width:260px;
	height:100%;
	padding:0 0 60px 0;
	margin:16px 0 60px 18px;
}

.cat-list ul{
	width:260px;
	height:100%;
	padding:0 0 60px 0;
	margin:16px 0 0 18px;
}

.cat-list ul, li, a, a.ativa {
	color:#000032;
	text-decoration:none;
}

.cat-list ul, li, a:hover {
	color:#BD0A25;
	text-decoration:none;
}

.cat-list ul, li, a.visited {
	color:#000032;
	text-decoration:none;
}

.categorias ul {
	list-style-type:none;
	width:260px;
	margin:0 0 10px 0;
}

.categorias li {
	width:auto;
	height:26px;
	float:left;
	line-height:26px;
	font-size:13px;
	color:#000032;
	margin:0 12px 0 0;
}


.footer {
	background:url(imagens/footer/background.gif) left repeat-x;
	width:100%;
	height:81px;
	float:left;
}

.rodape {
	background:url(imagens/footer/logo-bar.gif) bottom left no-repeat;
	width:994px;
	height:81px;
}