/*   
Theme Name: Cooperativa Santo Antão
Theme URI: http://www.coopsantoantao.com/
Description: Tema criado pela acorespro para a Cooperativa de Santo Antão C.R.L.
Author: acorespro
Author URI: http://www.acorespro.com
Version: 1.0
*/

/*
Oh, the reset!1!1!
*/

*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul, li{
list-style:none;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:active{
}

a:visited{
}

/*
Oh, the code!!111!1!1!
*/

body{
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

h1, h2{
font-family:'PT Sans', Arial, Verdana, Lucida Grande, Lucida Sans Unicode, sans-serif;
}

li{
list-style:none;
}

a{
color:#fff;
}

img.alignright {float:right; margin:0 0 10px 10px}
img.alignleft {float:left; margin:0 10px 10px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 10px 10px}
a img.alignleft {float:left; margin:0 10px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

body, html{
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
width:100%;
height:100%;
/*position:fixed;*/
}

.hide{
display:none;
}

.click{
cursor:pointer;
text-decoration:underline;
color:#7DC30F;
}

#area_logo{
width:960px;
height:180px;
float:left;
z-index:100;
position:relative;
margin:10px 0 15px 0;
}

#logo{
background:url('img/logo2.png') no-repeat top left;
width:153px;
height:180px;
float:left;
}

#logo a{
display:block;
width:153px;
height:180px;
}

#descricao{

width:780px;
height:121px;
float:left;
margin:50px 0 0 20px;
}

#all{
top:0;
left:0;
position:absolute;
}

#slideshow img {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 860px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        top: 0;
        left: 0;
}

@media screen and (max-width: 860px) { /* Specific to this particular image */
        #slideshow img {
                left: 50%;
                margin-left: -430px;   /* 50% */
        }
}

#fixo{
z-index:-100;
position:fixed;
margin-top:0;
left:0;
width:100%;
height:100%;
}

#slideshow{
top:0;
left:0;
position:fixed;
}

#wrapper{
  float:left;
  left:0;
  margin-bottom:0;
  margin-left:10px;
  margin-right:0;
  margin-top:20px;
  position:relative;
  top:0;
  width:955px;
}

#overlay{
background:url('img/overlay.png') repeat;
z-index:2;
position:absolute;
width:100%;
height:100%; 	
min-height:100%;
}

#sidebar-wrapper{
width:140px;
float:left;
z-index:100;
position:relative;
}

#sidebar{
width:140px;
height:390px;
float:left;
background:url('img/transparente_claro.png') top left repeat;
}

#nav{
width:140px;
float:left;
z-index:100;
margin-top:5px;
}

#nav ul{
z-index:100;
position:absolute;
}

#nav li{
width:160px;
height:35px;
margin-top:3px;
}

#socios{
width:140px;
float:left;
margin:10px 0 0 0;
}

#socios .phc{
width:140px;
}

#facebook {
float: left;
height: 35px;
margin-top: 30px;
width: 140px;
}

#visitas{
background:url('img/transparente_claro.png');
width:140px;
height:45px;
float:left;
color:#fff;
font-weight:bold;
font-size:11px;
text-align:center;
margin:12px 0 0 0;
padding:25px 0 0 0;
}

.backLava {
  background:url('img/bg_nav.png') no-repeat top left;
  z-index: 2;
  position:absolute;
  width:160px;
  text-indent:-9999px;
  height:35px;
  margin: 0 0 0 -5px;
}

#selectedLava {
z-index: 100;
position:relative;
font-weight:bold;
text-shadow:0px 0px 5px #c9e898;
}

#nav li a{
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#fff;
text-decoration:none;
display: block;
width:140px;
height:23px;
padding:7px 0 0 15px;
}


#conteudo{
width:810px;
min-height:500px;
float:left;
background:url('img/transparente_intermedio.png') top left repeat;
z-index:10;
position:relative;
padding:0 0 15px 0;
}

#content2{
width:810px;
height:400px;
float:left;
z-index:10;
position:relative;
}

#main-content{
width:790px;
float:left;
z-index:10;
position:relative;
overflow:hidden;

}


#load{
width:400px;
height:30px;
font-size:11px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;

}

h1.title{
width:760px;
float:left;
margin:10px 0px 0px 25px;
padding:5px 0px 5px 15px;
background:url('img/transparente_escuro.png') top left repeat;
font-family:'PT Sans', Arial, Verdana, Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:24px;
color:#fff;
text-shadow:1px 1px 0px #000;
}



h1.confidencial{
width:760px;
float:left;
margin:10px 0px 0px 0px;
padding:5px 0px 5px 15px;
background:url('img/transparente_escuro.png') top left repeat;
font-family:'PT Sans', Arial, Verdana, Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:24px;
color:#fff;
text-shadow:1px 1px 0px #000;
}


.title3{
width:750px;
float:left;
padding:1px 0 1px 15px;
margin:5px 0 5px 0;
background:url('img/transparente_escuro.png') top left repeat;
font-family:'PT Sans', Arial, Verdana, Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:14px;
color:#fff;
text-shadow:1px 1px 0px #000;
}

.voltar a{
display:block;
cursor:pointer;
width:100px;
padding:3px 0 5px 0;
text-decoration:none;
}

h1#title2{
width:760px;
float:left;
margin:10px 0px 0px 25px;
padding:10px 0px 10px 25px;
background:url('img/loading.gif') center left no-repeat;
font-family:'PT Sans', Arial, Verdana, Lucida Grande, Lucida Sans Unicode, sans-serif;
font-size:24px;
color:#fff;
text-shadow:1px 1px 0px #000;
}

.txt{
float:left;
width:730px;
margin:0 20px 0 20px;
padding:0 20px 0 20px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
line-height:30px;
color:#fff;
text-shadow:1px 1px 0px #000000;
}

.txtnoticias{
float:left;
width:730px;
margin:15px 20px 0 20px;
padding:0 20px 0 20px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
line-height:30px;
color:#fff;
text-shadow:1px 1px 0px #000000;
}

.imagem_evento{
width:775px;
height:250px;
float:left;
overflow:hidden;
margin:15px 0 10px -15px;
}

.imagem_evento img{
width:765px;
float:left;
}


.txt2{
float:left;
width:790px;
margin:25px 10px 0 19px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
line-height:30px;
color:#fff;
text-shadow:1px 1px 0px #000000;
}

.txt2 p{
width:765px;
}

.txt3 p{
width:755px;
}

.txt3{
float:left;
width:780px;
margin:5px 10px 0 19px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
line-height:30px;
color:#fff;
text-shadow:1px 1px 0px #000000;
padding:0 10px 0 10px;
}

.attachment_wrapper{
float:left;
width:750px;
height:100%;
min-height:450px;
margin:-40px 0 0 0;
margin-left:6px;
overflow:hidden;
}

.back_wrapper{
float:left;
width:755px;
height:35px;
}

.back{
z-index:150;
position:absolute;
width:100px;
height:35px;
right:10px;
}

.back a{
width:100px;
height:40px;
display:block;
text-indent:-9999px;
background:url('img/voltar_atras.png') top left no-repeat;
overflow:hidden;
margin:45px 17px 0 0;
}

.back a:active{
width:100px;
height:40px;
display:block;
text-indent:-9999px;
background:url('img/voltar_atras.png') bottom left;
overflow:hidden;
}

.back_wrapper2{
float:left;
width:810px;
height:35px;
}

.back2{
z-index:150;
position:absolute;
width:100px;
height:35px;
right:0;
}

.back2 a{
width:100px;
height:35px;
display:block;
text-indent:-9999px;
background:url('img/voltar_atras.png') top left no-repeat;
overflow:hidden;
}

.back2 a:active{
width:100px;
height:35px;
display:block;
text-indent:-9999px;
background:url('img/voltar_atras.png');
background-position: 0px -360px;
overflow:hidden;
}

.nav-previous{
  left: 8px;
top:0;
float:left;
width:35px;
height:35px;
position:absolute;
background:url('img/previous.png') top left no-repeat;
margin:225px 0 0 39px;
}

.nav-previous a{
display:block;
width:35px;
height:35px;
text-indent:-9999px;
}

.nav-next{
right:0;
top:0;
float:left;
width:35px;
height:35px;
position:absolute;
background:url('img/next.png') top left no-repeat;
margin:225px 30px 0 0;
}

.nav-next a{
display:block;
width:35px;
height:35px;
text-indent:-9999px;
}

.page-id-227 img{
float:left;
margin:8px 18px 15px 10px;
border:5px solid #fff;
}

.posicao{
float:left;
}

.caixa{
width:140px;
height:180px;
float:left;
margin:0 2px 0 11px;
overflow: hidden;  
position: relative;  
}

.imagem{
width:140px;
height:135px;
top: 0;  
left: 0;  
border: 0;
overflow:hidden;
}

.imagem img{
position: absolute;
height:135px;
width:auto;
top: 0;  
left: 0;  
}

.ver{
position: absolute;  
background: #000;  
width:140px;
height:135px;
background:url('img/transparente_escuro.png') top left repeat;
z-index:100;
}

.hover .abrir{
display:none;
}

.descricao{
width:140px;
background:url('img/transparente_claro.png') top left;
}

.caixa:hover > .descricao{
background:url('img/transparente_escuro.png') top left;
}

.descricao-txt{
width:130px;
text-align:center;
line-height:16px;
margin:0px auto;
padding:8px 0 8px 0;
}

.botao{
background:url('img/ver_galeria.png') top left no-repeat;
width:92px;
height:38px;
margin:50px 0 0 24px;
}

.attachment img{
width:741px;
margin:0 0 0 10px;
}

.botao a{
display:block;
width:92px;
height:38px;
}
	

.botaovideo{
background:url('img/ver_video.png') top left no-repeat;
width:92px;
height:38px;
margin:50px 0 0 24px;
}	
.botaovideo a{
display:block;
width:92px;
height:38px;
}

.caixa2{
width:140px;
height:220px;
float:left;
margin:0 25px 20px 25px;
overflow: hidden;  
position: relative;  
}

.imagem2{
width:140px;
height:220px;
top: 0;  
left: 0;  
border: 0;
overflow:hidden;
}

.imagem2 img{
position: absolute;
height:220px;
top: 0;  
left: 0;
}

.ver2{
position: absolute;  
width:140px;
height:220px;
background:url('img/transparente_escuro.png') top left repeat;
z-index:100;
display:none;
}

.ver3{
position: absolute;  
width:140px;
height:220px;
background:url('img/transparente_escuro_reservado1.png') top left repeat;
z-index:100;
display:none;
}

.botao2{
background:url('img/ler_sobre.png') top left no-repeat;
width:92px;
height:38px;
margin:91px 0 0 24px;
}

.botao2 a{
display:block;
width:92px;
height:38px;
}

.botao3{
background:url('img/entrar1.png') top left no-repeat;
height: 140px;
margin: 20px 0 0 24px;
width: 92px;
}

.botao3 a{
display:block;
width:92px;
height:140px;
}

.botao4{
background:url('img/entrar2.png') top left no-repeat;
height: 140px;
margin: 20px 0 0 24px;
width: 92px;
}

.botao4 a{
display:block;
width:92px;
height:140px;
}

.descricao2{
width:140px;
bottom:0;
position:absolute;
z-index:200;
background:url('img/transparente_intermedio.png') top left;
}

.descricao-txt2{
width:140px;
text-align:center;
line-height:20px;
margin:2px 0 0 0;
padding:10px 0 10px 0;
}

#load{
width:300px;
position:absolute;
z-index:1000;
margin:0px auto;
font-size:15px;
font-family:Arial, Verdana, Helvetica, Lucida Grande, Lucida Sans Unicode, sans-serif;
color:#fff;
font-weight:bold;
}

#footer{
width:950px;
height:150px;
float:left;
margin:15px 0 15px 0;
position: relative;
}

#acorespro{
width:80px;
height:22px;
float:right;
background:url('img/acorespro.png') no-repeat top right;
margin: 20px 10px 0;
*z-index:10;
*position:relative;
}

#acorespro a{
width:80px;
height:22px;
display:block;
}

.boxcomments{ text-align: left;width: 960px;}

#commentform label{display:block;margin:0;padding-top:10px;}

#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}

#commentform textarea{width:300px;margin:0 0 10px;padding:0;}

#commentform #submit{
padding: 0 0 0 10px;
background:url('img/bg_nav.png') no-repeat top left;
height:30px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#fff;
text-decoration:none;
display: block;
 font-weight: bold;
}

#commentform p{margin:0px 0;padding-top:5px;}

ol.commentlist{margin:-20px 0 0 0px;padding:0;}

ol.commentlist li{display:block;list-style:none;margin:0px 0 50px 0;padding:0;}

ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:0px;}

ol.commentlist li.commenthead h2{margin:0;}

#gallery-1 .gallery-item {
  float:left;
  margin-top:10px;
  text-align:center;
  width:24.8%;
}

