/* CSS Document */

* {
    margin: 0;
    padding:0;
    text-decoration:none;
    border: none;
    list-style:none;
}
body {
    background:#3D3423;
    text-align:center;
}
#geral {
    text-align:left;
    margin:0 auto;
    width: 990px;
    height:600px;
    border:1px solid #3D3423;
    position:relative;
}
#header, #content, #footer
{
    margin-left:70px;
    width:683px;
}
#header {
    position: relative;
}
#header h1{
    background:url(images/header.gif) no-repeat center center;
    height:76px;
    margin-top: 10px;
    text-indent: -5000px;
    overflow:hidden;
}

#nav {
    height: 63px;
    background:#AAD23F;
    position:relative;
    width:990px;
}
#nav h2{
	position: absolute;
    width:78px;
    height:108px;
    right: 80px;
    top: -80px;
}
#nav h2 a{
	display:block;
    text-indent: -5000px;
    overflow:hidden;
    background:url(images/psa.gif) no-repeat center center;
    width:78px;
    height:108px;
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);

}
#nav li ul
{
    position:absolute;
    top: 32px;
    display:none;
    background:none;
    left: 0;
}
#nav li:hover ul,#nav li.selected ul
{
    display:block;
}
#nav li ul li a
{
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#36401a;
    margin: 5px 15px;
}
#nav li ul li a:hover,#nav li ul li a.selected
{
    color:#FFFFFF;
}
#langs
{
    text-align:right;
    color: #FFFFFF

}

#langs a{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#FFFFFF;
}
#langs a:hover{
    text-decoration:underline;
}
#nav ul
{	
    background-color:#8D4520;
    height:38px;
    padding-top:5px;
    padding-left:70px;
}
#nav ul li {
    display: inline;
}
#nav ul li a,#menu_catalogo ul li a
{
    display:block;
    margin: 5px;
    float:left;
    height:23px;
    color: #ECC338  ;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-size:12px;
    line-height:200%;
    background-repeat:no-repeat;
}
#nav ul li a:hover,#nav ul li a.selected,#nav ul li a.selected2
{
    color:#8CA82F;
}
#nav ul li a.home
{
    background:url(images/home.jpg) no-repeat center center;
    width:80px;
}
#nav ul li a.projeto
{
    background:url(images/projeto.jpg) no-repeat center center;
    width:83px;
}
#nav ul li a.comunidades
{
    background:url(images/comunidades.jpg) no-repeat center center;
    width:184px;
}
#nav ul li a.produtos
{
    background:url(images/produtos.jpg) no-repeat center center;
    width:90px;
}
#nav ul li a.onde
{
    background:url(images/onde.jpg) no-repeat center center;
    width:129px;
}
#nav ul li a.contato
{
    background:url(images/contatos.jpg) no-repeat center center;
    width:90px;
}
#menu_catalogo
{
    height:20px;
    background:#fff;
}
#menu_catalogo ul li{
    display: inline;
}
#menu_catalogo ul li a
{
    color:#696D5F;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    margin-left: 15px;
    margin-top:-2px;
}
#menu_catalogo ul li a:hover,#menu_catalogo ul li a.selected
{
    color: #ACCF37;
}
#content
{
    background-color:#C8E18D;
    height:430px;
    position:relative;
}
#content h2
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding: 20px;
    color: #252A16;
}
#img_placeholder {
    position:absolute;
    top:20px;
    left:35px;
    font-size:1px;
}
#description
{
    position: absolute;
    left: 415px;
    top: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#51411F;
    width:250px;
    line-height:150%;
    height:255px;
    overflow:auto;
}
#imgs_panel
{
    position:absolute;
    top: 305px;
    left: 15px;
    height: 120px;
    width: 660px;
}


#banners
{
    position:absolute;
    right: 30px;
    top:148px;
}
.banner
{

    margin-top:10px;
}
#banners #credits a
{
    display:block;
    background:url(images/creditos.gif) no-repeat center center;
    text-indent:-5000px;
    width:165px;
    height:24px;
    margin-top:10px;
}
#footer
{
    background:url(images/bottom.gif) bottom center  no-repeat;
    height:12px;
    font-size:1px;
}
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
    position:relative;
    overflow:hidden;
    width: 610px;
    height:120px;
    padding: 0 0px;
}

div.scrollable div.items {	
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;

    /* decoration */
}

/* single scrollable item */
div.scrollable div.items div {
    float:left;
    margin-right: 5px;
}

/* active item */
div.scrollable div.items div.active {
}
div.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
    display:block;
    width:9px;
    height:36px;
    background:url(../scrollable/left.gif) no-repeat;
    float:left;
    margin:36px 5px 0 5px;
    cursor:pointer;
    font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
    background-position:0px -36px;
}

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
    background-image:url(../scrollable/right.gif);
    clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
    margin-left:328px;
    width:200px;
    height:20px;
}


/* items inside navigator */
div.navi a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../scrollable/arrow/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}

/* mouseover state */
div.navi a:hover {
    background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
    background-position:0 -16px;
} 	

.img_panel_content
{
    display: none;
}
.intro
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    padding: 20px 20px 0 10px;
}
#comunidades
{
    margin: 0 auto;
    width:580px;
    padding-left: 20px;
}
.box_grupos{
    display: inline;
    width: 145px;
    height: 145px;
    margin: 0 45px 5px 0px;
    float: left;
}
#produtos
{
    width: 110px;
    position: absolute;
    top:30px;
    left: 20px;
    height: 370px;
    overflow: auto;
}
#produtos ul li a 
{
    color:#354B15;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
#produtos ul li a:hover, #produtos ul li a.selected
{
    color: #EE622D;
}
.desc_catalogo
{

    margin-left: 140px;
    padding: 20px;
}
.desc_catalogo p
{
    width: 415px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333333;
    line-height:150%;
    text-align:justify;
}
.desc_catalogo img
{
    float:right;
    margin-top: -20px;
}
.vitrine
{
    margin-left: 140px;
    height:260px;
    overflow:auto;
    margin-top:5px;
    clear:right;
}
#catalogo_produto
{

    margin-left: 135px;
}
#catalogo_produto #img_placeholder {
    position:absolute;
    top:45px;
    left:140px;
    font-size:1px;

}
#catalogo_produto #description
{
    left: 450px;
    top: 45px;
    width:220px;
    line-height:150%;
    height:245px;
    overflow:auto;
}
#catalogo_produto #description h5
{
    color:#252A16;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}
#catalogo_produto #imgs_panel
{
    top: 305px;
    left: 125px;
    height: 120px;
    width: 545px;
}
#catalogo_produto div.scrollable {

    width: 505px;
}
p.pdf
{
    background:url(images/pdf_icon.gif) no-repeat left center;
    text-indent: 30px;
}
p.pdf a
{
    color:#4A6C44;
}
p.pdf a:hover
{
    text-decoration:underline;
}

.bt_pedir {
    background:url('images/bt_add.gif');
    display: block;
    height: 19px;
    width: 144px;
    padding:3px;
    color: #FFF;
    cursor:pointer;
}
.bt_pedir a {
    color:#FFF;
    margin-left: 5px;
    cursor:pointer;
}
.bt_pedir a:hover {
    text-decoration:underline;
}
#carrinho {
    position: absolute;
    top:106px;
    right: 170px;
    height:23px;
    background:#FFF;
    overflow:hidden;
    color:#557255;
    width: 115px;
}
#lista_produtos
{
    margin-bottom:20px;
    height:250px;
    overflow:auto;
}
#carrinho h4{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 6px;
    text-align:center;
    cursor:pointer;
}
#carrinho_opcoes
{
    height:23px;
    position:absolute;
    right: 5px;
    width: 170px;
    top: 280px;
}
#carrinho_opcoes a
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    display:block;
    float:right;
    line-height:200%;
    background:#AED7A2;
    margin-right:5px;
    width: 80px;
    text-align:center;
    color:#000;
}
.item_carrinho
{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    padding: 2px 5px;

    margin: 3px 5px;

}
.item_carrinho a
{
    color: #8D4520;
}
.remove_carrinho
{
    display:block;
    float:right;
    padding:2px;
    background:#DDD;
    border:1px solid #CCC;
}
.apoiadores
{
	width: 150px;
	float:left;
	text-align:center;
	height:200px;
	margin: 5px;
}
.apoiadores img
{
	width: 120px;
}
.apoiadores h4
{
	font-size: 12px;
}