body {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 70%;
    position: relative;
}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; color:#CCC; font-style:italic; border-bottom:solid 1px #ff6600; text-transform:uppercase; margin-top:5px; margin-bottom:10px;}
h2 {font-size:xx-large; color: rgb(255, 102, 0); font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:x-large; color: rgb(255, 102, 0);}


.mr15{margin-right:15px;}
.mr5{margin-right:5px;}
strong { font-weight:bold;}

a {text-decoration:none; color:#7b65cc}
a:hover { color:#964069}

hr {}

.clear { clear:both}

.absolute {position:relative; border:none; overflow:hidden; width:100%; max-height:167px; height: 100%; margin:0; }


p.tt_agenda{color: rgb(153, 51, 102); font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:medium; text-decoration:underline;}
p.data_agenda{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: rgb(153, 51, 102);}

.wraper {
    max-width:960px;
    width: 100%;
    margin:0 auto;
    position:relative;
}

.left {float:left}
.right {float:right}


.topo {
    width: 100%;
    background:url(../gfx/bg_topo.png) repeat-x;
    height:73px;
    position:relative;
}
a.logo {
    /*background:url(../gfx/logo.png) 0 0 no-repeat;*/
    width:370px;
    height:160px;
    display:block;
    position:absolute;
    z-index:10;
}


.column1{width:170px; float:left;}

.vticker{height:340px !important; width:170px; position:relative; z-index:0;}
.vticker ul li{ overflow:hidden; font-weight:normal; border-bottom:1px solid #CCC; margin-bottom:10px !important;}
.vticker ul li a{background:none; font-size:12px; text-align:left; line-height:12px; color:#ff7e28; height:13px; text-transform:none;}
.vticker ul li a:hover{color:#ff6600;}
.vticker ul li span.tt_vticker{color:#999; font-size:12px; text-transform:capitalize;}


.text_topo {
    padding-top:10px;
    float:right;
    width:250px;
    height:50px;
    text-align:right;
    color:#ff6600;
}

.bg_marquee {
    background:url(../gfx/bg_marquee.png) repeat-x;
    height:40px;
    overflow:hidden;
    margin:0;
}

.marquee {
    background:url(../gfx/marquee.gif) no-repeat center;
    height:35px;
    line-height:30px;
    max-width:930px;
    width: 100%;
    padding:5px 20px 0 20px;
    color:#FFF;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.menu_vertical {
    float:left;
    margin-top:52px;
    width:170px;
}

.menu_vertical li a{
    background:url(../gfx/bg_bt_vertical.png) no-repeat top;
    width:170px;
    height:32px;
    display:block;
    text-align:center;
    line-height:32px;
    margin-bottom:5px;
    color:#FFF;
    text-transform:uppercase;
    font-size:12px;
}

.menu_vertical li a:hover{
    background-position:0px -32px;
}
.menu_h{
    position:relative;
    float:left;
    margin-top:20px;
}

.menu_h ul li.menu_h_princ{
    position:absolute;
    background:url(../gfx/bg_bt_horizontal.png) no-repeat top;
    display:block;
    color:#FFF;
    overflow:hidden;
    margin-bottom:10px;
    text-indent:0px;
    margin-top:0px;
    padding-left:0px !important;
    width:188px;
    height:32px;
    background-color:#ff9900;
}
.menu_h ul li.menu_h_princ a{
    display:block;
    color:#FFF;
    text-transform:uppercase;
    font-size:12px;
    overflow:hidden;
    width:188px;
    height:32px;
    text-align:center;
    line-height:32px;
}
.sub_m_h{
    background-color:#ff9900;
    text-transform:none;
    position: relative;
    z-index: 999;
}
.menu_h ul li.menu_h_princ .sub_m_h li{text-align:left; width:168px;}
.menu_h ul li.menu_h_princ .sub_m_h li a{
    text-align:left;
    width:168px;
    padding-left:10px;
    padding-right:10px;
    text-transform:none;
    border-bottom:1px solid #e58a00;
    line-height: 12px;
    padding-top: 3px;
    height: 28px;
}
.menu_h ul li.menu_h_princ .sub_m_h li a:hover{
    text-indent:5px;
}


ul.menu_horizontal {
    float:left;
    margin-top:20px;
    position:absolute;
    top:0px;
    left:185px;
    overflow:hidden;
}

.menu_h ul li.menu_h_princ.menu1{left:0px;}
.menu_h ul li.menu_h_princ.menu2{left:193px !important;}
.menu_h ul li.menu_h_princ.menu3{left:386px !important;}
.menu_h ul li.menu_h_princ.menu4{left:579px !important;}
/*
ul.menu_horizontal li { 
	width:188px;
	height:32px;
	float:left;
	color:#fff;
	overflow:hidden;
}
ul.menu_horizontal li p{
	padding-left:10px;
	height:32px;	
}
ul.menu_horizontal li p a{
	height:32px;
	padding:0px 0px;
	margin:0px;
}

ul.menu_horizontal li a.menu_vert{
	background:url(../gfx/bg_bt_horizontal.png) no-repeat top;
	text-align:center;
	display:block;
	line-height:32px;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	overflow:hidden;
	margin-bottom:10px;
	text-indent:0px;
	margin-top:0px;
	padding-left:0px !important;
}
ul.menu_horizontal li a.menu_vert:hover{
	padding-left:0px;
}

ul.menu_horizontal li a:hover{
	background-position:0px -32px;
}
ul.menu_horizontal li a{
	text-decoration:none;
	color:#FFF;
	display:block;
	margin-bottom:10px;
	margin-top:5px;
	line-height:14px;
}
ul.menu_horizontal li a:hover{
	padding-left:10px;
}*/

.sep_v {
    border-right:solid 1px #CCC;
    margin:20px 8px 20px 8px;
    float:left;
    height:250px;
}

.conteudo {
    width:765px;
    float:left;
    margin-top:55px;
}

.bg_rodape {
    background:url(../gfx/bg_rodape.png) repeat-x;
    height:70px;
    color:#FFF;
    padding:10px;
    overflow:hidden;
    margin-top:10px;
}
.novidade{
    width:375px;
    height:100px;
    float:left;
    display:block;
    margin-top:10px;
    margin-bottom:20px;
}
.novidade_imagem{
    width:100px;
    height:100px;
    float:left;
    margin-right:10px;
}
.novidade_title{
    color:#000;
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    margin-bottom:5px;
    text-decoration:none;
}
.novidade_title:hover{
    color:#999;
}
.novidade_resumo{
    color:#000;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    height:57px;
    overflow:hidden;
}
.lermais{
    text-decoration:none;
    color:#ff6600;
    font-size:12px;
}
.lermais:hover{
    color:#3f3f3f;
}
.osubmenu{
    padding-left:10px;
    margin:10px 0px;
    font-size:15px;
}

#submenu_wakeseed, #submenu_rso, #submenu_projetos{
    padding-left: 10px;
    margin: 10px 0px;
    font-size: 15px;
}


#submenu_wakeseed dd,#submenu_rso dd, dd,#submenu_projetos dd, dd{
    margin:5px 0px;
    list-style:square;
}
/*---------------------------CSS Agenda---------------------------*/
a.next {
    background: url(../gfx/bt-next.gif) no-repeat;
    /* 78 20*/
    width:58px;
    height:17px;
    padding: 3px 20px 0 0;
    margin:0;
    text-align:right;
    font-size:12px;
    text-shadow: 1px 1px 0 #dcdcdc;
    color:#5f5f5f;
    text-decoration: none;
    display: block;
    border:none;
}

a.prev {
    background: url(../gfx/bt-prev.gif) no-repeat;
    /* 78 20*/
    width:58px;
    height:18px;
    padding: 2px 0 0 20px;
    margin:0;
    text-align:left;
    font-size:12px;
    text-shadow: 1px 1px 0 #dcdcdc;
    color:#5f5f5f;
    text-decoration: none;
    display: block;
    border:none;
}

.current {
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:center;
    background-color:#01A3B9;
    border:1px solid #ccc;
}

.current-event {
    font-weight: bold;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align:center;
    background-color:#01A3B9;
    border:1px solid #ccc;
}

.normal {
    text-align: center;
    background-color:#FDFDFD;
    border:1px solid #D3D3D3;
    color: #3A332A;
}

.normal-event {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color:#FDFDFD;
    border:1px solid #01A3B9;
    color: #01A3B9;
    text-align:center;
    margin:0 auto;
}

.mes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align:center;
}

.dia_semana {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-color:#FDFDFD;
    border:1px solid #D3D3D3;
}

.tabela_agenda {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.tabela_agenda_dias {
    width: 100%;
}
/*----------------------------------FIM-----------------------------------------*/
.subtext{
    padding-top:15px;
}

/*Menu Color Classes*/
.sustentabilidade{float:left; background-color:#ff9900;}
.equilibrio{ background-color:#ff9900;}
.permacultura{ background-color:#ff9900;}
.cidadania{ background-color:#ff9900;}

.bt_send{
    background-color:#e6cbd8;
    padding:2px 5px;
    color:#a24573;
    text-decoration:none;
    font-size:12px;
    border:1px solid #f7eef2;
    margin-top:5px;
}
.bt_send:hover{
    background-color:#d5a9c0;
    cursor:pointer;
}
.contact_form{
    width:360px;
    float:right;
}
.contact_form span{
    width:50px;
    display:block;
    float:left;
}
.txt_box_1{
    width:300px;
    height:25px;
    line-height:20px;
    padding:0px 5px;
    margin-bottom:10px;
    border:none;
    background-color:#ebd6e0;
}
.txt_box_2{
    width:150px;
    height:25px;
    line-height:20px;
    padding:0px 5px;
    margin-bottom:10px;
    border:none;
    background-color:#ebd6e0;
}
.txtarea_box_1{
    width:350px;
    height:65px;
    resize:none;
    background-color:#ebd6e0;
    border:none;
    padding:5px 5px;
}

.contactos_info{
    width:400px;
    float:left;
    font-size:12px;
}

.social{height:25px; background:url(../gfx/social_icons.png) no-repeat; display:block; float:left; margin-right:10px; margin-top:10px;}
.face{background-position:0px 0px; width:25px;}
.face:hover{background-position:0px -25px; cursor:pointer; width:25px;}
.linked{background-position:-25px 0px;width:25px;}
.linked:hover{background-position:-25px -25px; cursor:pointer;}
.twitter{background-position:-51px 0px;width:25px;}
.twitter:hover{background-position:-51px -25px; cursor:pointer;}
.flickr{background-position:-74px 0px;width:82px;}
.flickr:hover{background-position:-74px -24px; cursor:pointer;}

.show-menu{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding: 0 10px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    color: #fff;
    background-color: #a34876;
    display: none;
}
.fixed{
    position: fixed;
    top:0;
}

.menu-hidden{
    width: 100%;
    display: none;
}
.menu-hidden>li{
    width: 100%;
    float: left;
}
.menu-hidden>li>a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eb5e00;
    font-size: 14px;
    color: #fff;
    width: 100%;
    float: left;
    line-height: 30px;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid #ff6600;
}
.menu-hidden>li .hidden-sub-menu{
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    display: none;
}
.menu-hidden>li .hidden-sub-menu li{
    border-bottom: 1px solid #dfdfdf;
}
.menu-hidden>li .hidden-sub-menu li a{
    width: 100%;
    float: left;
    padding: 10px 5px;
    font-size: 12px;
    text-transform: uppercase;
}
.show-sub-menu>a{
    text-transform: uppercase;
}
@media only screen and (min-width : 1026px){
    .column1, .sep_v, .menu_h{
        display: block;
    }
    .show-menu, .menu-hidden{
        display: none !important;
    }
}

@media only screen and (max-width : 1025px) {

    marquee{
        width: 100%;
    }
    .show-menu{
        display: block;
    }

    .column1, .sep_v, .menu_h{
        display: none;
    }

    .conteudo{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .novidade{
        width: 45%;
    }

}

@media only screen and (max-width : 767px) {
    .conteudo img{
        max-width: 100%;
        height: auto;
    }
    .conteudo iframe{
        width: 100%;
    }
    .novidade{
        width: 100%;
    }


}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 371px) {
    a.logo {
        width: 100%;
    }
    a.logo img {
        width: 100%;
    }

}

.error{
	width:340px;
	height:20px;
	padding:10px;
	background-color: #ffcccc;
	float:right;
	margin-bottom:20px;
	font-size:13px;
	text-align:center;
}

.sucess{
	width:340px;
	height:20px;
	padding:10px;
	background-color: #b3ffb3;
	float:right;
	margin-bottom:20px;
	font-size:13px;
	text-align:center;
}