/* estilo idamazon */
/*-------------------------------------------------------------------------*/

/*configurações gerais*/


body {


text-align: left;
margin: 0;
color: #D1BF8F;
background-color: #F2F4D8;
}

p {
font-family:  Times New Roman, Arial, sans-serif, ;
font-size: 2em;
color: #647356;
line-height: 25px;
}

ul, ol {
list-style:none;
margin:5px;
margin-top:5px; }

A:link, A:visited {color:#1987d4;}
A:hover { color:#647356;}


/*-------------------------------------------------------------------------*/


#conteudo {

width: 752px !important;
width /**/: 754px;
margin: 0 auto;
text-align: left;
position: relative;


}
/*-------------------------------------------------------------------------*/

#topo1  {

height: 40px;
background:url(imagens/topo1.gif) no-repeat;
font-size: small;
border-left: 1px solid #336633;
border-right: 1px solid #336633;

}


/*--------------------------banner--------------------------------*/


#topo2 {

height:191px;
background:url(imagens/banner.jpg) no-repeat;
border-left: 1px solid #336633;
border-right: 1px solid #336633;

}

/*-----------------------barra de navegação-----------------------------*/


div#navcontainer {
background-color: #F4F4F4;
border-bottom: solid 1px #D4D4D5;
text-transform: lowercase;
background: url(imagens/navcontainer3.gif) no-repeat;
border-left: 1px solid #336633;
border-right: 1px solid #336633;

}


div#navcontainer ul {

font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #81C65A;;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
margin-left:30px;
font-size: 0.8em;
}


div#navcontainer ul li {

display: inline;
margin-left: -3px;
}


div#navcontainer ul li a {

padding: 5px 10px 5px 10px;
color: #647356;
text-decoration: none;
border-right: 1px solid #D4D4D5;
font-size: 97%
}


div#navcontainer ul li a:hover {

background-color: #78AB78;
color: #ffffff;
}
  div#navcontainer ul li a:link#current,div#navcontainer ul li a:visited#current{
      background-color: #78AB78;
      color: #ffffff;
  }


#active a {

border-left: 1px solid #D4D4D5;
}

/*-------------------------caixa de texto-------------------------*/


#boxtext{
width: 750px !important;
width /**/: 750px;

}

/*-------------------------------------------------------------------------*/

#painelesq {
	width: 531px !important;
	width /**/: 531px;
	position: absolute;
	height: 870px;



}

#head1 {

background-color: #89C089;
width: 530px !important;
width /**/: 569px;
height:30px;
border-left: 1px solid #336633;

}

#text1{

font-family:  Arial, Helvetica, sans-serif, ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:780px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;


}

/*------------------------painel direito index---------------------------*/

#paineldir {
	font-family: Verdana, Helvetica, sans-serif,;
	width: 220px !important;
	position: absolute;
	left:531px;
	background-color: #D8E6Ec;
	height:856px;
	border-right: 1px solid #336633;

  }

#head2 {

background-color: #78AB78;
width: 220px ;
position: absolute;
height:30px;

}

#text2 {

font-family:  Arial, Helvetica, sans-serif ;
font-size: small;
color: #353532;
line-height: 20px;
padding-top:36px;
padding-left:30px;
padding-right:30px;
padding-bottom:10px;



}

/*----------------------------------------------------------
   
 nav-subs is by Copyright William Pratt, www.metalwings.org
 some rights reserved
 http://creativecommons.org/licenses/by-sa/2.0/
 version improved by P.Miranda
-----------------------------------------------------------*/



#nav-subs {

float:right;
width:160px;
right:50px;
left:50px;
bottom:300px;
}


#nav-subs ul {
padding:10px 10px 10px 10px;
border:1px solid #c9c9c9;
background:#e3e3e3;
font-size: 0.9em;
}

#nav-subs li ul {
/*padding:0 0 4px 17px;*/
border:none;
background-image:url(none);
}

#nav-subs li a {
padding-left:15px;
font:bold verdana,arial,helvetica,sans-serif;
color:#909090;
background:url(imagens/nav_0_off.gif) 0 60% no-repeat;
}



#nav-subs li a:hover {
color:#1987d4;
background-image:url(imagens/nav_0_on.gif);
}

/*---------------------------rodape----------------------------------------*/


#rodape {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top: 820px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-right: 1px solid #336633;
	border-left: 1px solid #336633;
	left: 0px;
	top: 300px;



}

    
/*----------------- página de projetos----------------------------*/


#box1 {
	width: 265px !important;
	width /**/: 300px;
	position: absolute;
	height:530px;
	border-left: 1px solid #336633;
	left: 0px;
	top: 1px;
}

#cabox1 {
	background-color: #78AB78;
	width: 265px !important;
	width /**/: 300px;
	position: absolute;
	height:30px;
	top: -1px;
	left: 0px;
}

#cont1 {

font-family:  Arial, Helvetica, sans-serif, ;
padding-top:55px;
padding-left:30px;
padding-right:30px;
padding-bottom:25px;
background-color: #D8E6EC;
font-size: small;
height:415px;
color: #353532;
line-height: 20px;
}
/*-------------------------------------------------------------------------*/
#box2 {
	width: 266px !important;
	width /**/:300px;
	position: absolute;
	margin-left: 265px;
	height: 513px;
}

#cabox2 {

background-color: #89C089;
width: 266px !important;
width /**/: 300px;
position: absolute;
height:30px;
}

#cont2 {

font-family:  Arial, Helvetica, sans-serif, ;
padding-top:55px;
padding-left:30px;
padding-right:30px;
padding-bottom:40px;
background-color: #ffffff;
font-size: small;
height:400px;
color: #353532;
line-height: 20px;
}
/*-----------------------painel direito do link projetos---------------------------*/



#paineldirproj {
	font-family: Verdana, Helvetica, sans-serif,;
	width: 220px !important;
	position: absolute;
	left:531px;
	background-color: #D8E6Ec;
	height:516px;
	border-right: 1px solid #336633;

}


#rodapro {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top: 495px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 0px;
	top: 265px;


}

/*--------------------------denúncia 1---------------------------------*/

#contden1 {

font-family:  Arial, Helvetica, sans-serif, ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:870px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;
}

#paineldirden1{
	font-family: Verdana, Helvetica, sans-serif,;
	width: 220px !important;
	position: absolute;
	left:530px;
	background-color: #D8E6Ec;
	height:956px;
	border-right: 1px solid #336633;
	top: 258px;

}

#rodape2 {
	background:url(imagens/rodape.gif) repeat-x;
	width: 700px;
	height:2207px;
	position: absolute;
	margin-top: 950px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 18px;
	top: 180px;


}


/*-------------denúncia 2------------------------------------*/


#contden2 {

font-family:  Arial, Helvetica, sans-serif, ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:600px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;

}


#paineldirden2 {

font-family: Verdana, Helvetica, sans-serif, ;
width: 220px !important;
position: absolute;
left:531px;
background-color: #D8E6Ec;
height:675px;
border-right: 1px solid #336633;
}

#rodapeden2 {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top: 675px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 0px;
	top: 235px;


}

/*-------------------projeto uira-----------------------------*/


#contesquira{

font-family:  Arial, Helvetica, sans-serif ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:2500px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;

}

#paineldiruira {

font-family: Verdana, Helvetica, sans-serif, ;
width: 220px !important;
position: absolute;
left:531px;
background-color: #D8E6Ec;
height:2570px;
border-right: 1px solid #336633;

  }

#rodape3 {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top: 2570px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 0px;
	top: 254px;


}



/*-----------------livro panorama-------------------------------*/

#contesqpan {

font-family:  Arial, Helvetica, sans-serif ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:2375px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;

}

#paineldirpan {

font-family: Verdana, Helvetica, sans-serif, ;
width: 220px !important;
position: absolute;
left:531px;
background-color: #D8E6Ec;
height:2455px;
border-right: 1px solid #336633;

}

#rodapepan {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top:2450px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 0px;
	top: 261px;


}


/*---------------------------vida inteligente-------------------------*/


#contesqvida{

font-family:  Arial, Helvetica, sans-serif ;
padding-left:30px;
padding-right:30px;
padding-top:25px;
padding-bottom:25px;
background-color:#ffffff;
font-size: small;
height:2950px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;
}

#paineldirvida {

font-family: Verdana, Helvetica, sans-serif, ;
width: 220px !important;
position: absolute;
left:531px;
background-color: #D8E6Ec;
height:3030px;
border-right: 1px solid #336633;
  }


#rodapevida {
	background:url(imagens/rodape.gif) repeat-x;
	width: 750px;
	height:40px;
	position: absolute;
	margin-top: 3030px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633;
	border-right: 1px solid #336633;
	left: 0px;
	top: 258px;


}

/*---------------------------galeria de imagens-------------------------*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; 
border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(imagens/peq1.jpg);}
a.slideb {background:url(imagens/peq2.jpg);}
a.slidec {background:url(imagens/peq3.jpg);}
a.slided {background:url(imagens/peq4.jpg);}
a.slidee {background:url(imagens/peq5.jpg);}
a.slidef {background:url(imagens/peq6.jpg);}
a.slideg {background:url(imagens/peq7.jpg);}
a.slideh {background:url(imagens/peq8.jpg);}
a.slidei {background:url(imagens/peq9.jpg);}
a.slidej {background:url(imagens/peq10.jpg);}
a.slidej {background:url(imagens/livro1.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}



/* styling for LEFT gallery */
#container_left {position:relative; width:600px; height:300px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:360px; height:230px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}


/*---------------------------galeria de imagens-------------------------*/
#painelgaleria {

width: 752px !important;
width /**/: 531px;
position: absolute;


}


#headgaleria {

background-color: #89C089;
width: 750px !important;
width /**/: 569px;
height:30px;
border-left: 1px solid #336633;
border-right: 1px solid #336633;
}

#contgaleria {

font-family:  Arial, Helvetica, sans-serif, ;
padding-left:5px;
padding-right:5px;
padding-top:30px;
padding-bottom:5px;
background-color: #D8E6Ec;
font-size: small;
height:360px;
color: #353532;
line-height: 20px;
border-left: 1px solid #336633;
border-right: 1px solid #336633;
}

#topo2gal {

height:94px;
background:url(imagens/bannergaleria.jpg) no-repeat;
border-left: 1px solid #336633;
border-right: 1px solid #336633;
}

#rodapegal {

background:url(imagens/rodape.gif) repeat-x;
width: 750px;
height:40px;
position: absolute;
margin-top: 397px;
text-align: center;
color: #FFFFFF ;
border-bottom: 1px solid #336633;
border-right: 1px solid #336633;
border-left: 1px solid #336633;

}