@charset "utf-8";
/* CSS Document */

#header-macro {
	margin: 0 auto;
}

#header {
	width: 940px;
	height: 100px;
	background: #F3FCDC;
	position: relative;
	margin: 0 auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 3px solid #91AE91; 
	border-left :3px solid #91AE91; 
	border-right :3px solid #91AE91; 
}

#logo {
	position: relative;
	margin: 2px 20px auto;
}

#name {
	position: absolute;
	top: 1%; 
	left: 110px;
}

#name h1 {
	font: Verdana, Geneva, sans-serif;
	font-size: 24px;
}

#header-option {
	width: 35%;
	height: 70px;
	position:absolute;
	left: 40%;
	top: 11%;
	background: #F3FCDC;
}

#header-option h1 {
	font-size: 22px;
}

#langbar {
	width: 25%;
	position: absolute;
	top: 0;
	right: 20px;
	margin: 8px 0 0 2px;
	padding: 2px;
	background: #F3FCDC;
	text-align: center;
}

#langbar p a {
	color: #1C690C;
	text-decoration: none;
	margin:0; padding:0;
}

#langbar p a:hover {
	color: #1C690C;
	text-decoration: none;
	background: #E1E18C;
}

.left{left:0;}
.right {right:20%;}

#header-menu {
	width: 100%;
	position: absolute;
	bottom: 0;
	background: #F3F9DF;
}


#allbody{
	width: 940px;
	position: relative;
	background: #F3F9DF;
	margin: 0 auto;
	border-left :3px solid #91AE91; 
	border-right :3px solid #91AE91; 
}

#allbody-rep{
	width: 940px;
	height: 450px;
	position: relative;
	background: #F3F9DF;
	margin: 0 auto;
	border-left :3px solid #91AE91; 
	border-right :3px solid #91AE91; 
}


#menu-left {
	position: relative;
	float: left;
	width: 27%;
	left: 0%;
	background: #F3F9DF;
	margin: 20px auto;
}
	
#menu ul { list-style: none; ; margin-bottom: 10px; }
#menu a  { color: #1C690C; text-decoration: none; }
#menu ul a:hover { background: #E1E18C; color: #1C690C; }

#iguape-box {
	margin: 20px 0;
}

#iguape-box h1 a, #menu-left h1 a{
	color: #5E3409;
	text-decoration: none;
}

#iguape-box h1 a:hover, #menu-left h1 a:hover {
	text-decoration: underline;
}

#iguape-box-image {
	position: relative;
	text-align: center;
}

#iguape-box-image a:hover {
	position: relative;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}


#menu-left-end {
	position: relative;
	margin-top: 20px;
	left: 10px;
}

#menu-left-end a{
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #5E3409;
	text-align: center;
	text-decoration: underline;
}
	
#body-text {
	position: relative;
	float: left;
	width: 65%;
	margin: 32px auto 20px 20px;
	background: #F3F9DF;
	text-align: justify;
}

#body-text p{
	font-family: Arial;
	font-size: 16px;
	color: #3B4B17;
	line-height: 140%;
}

h1 {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #5E3409;
	text-align: center;
	margin:0;
	padding: 0;
}

h2 {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	color: #5E3409;
	text-align: center;
}

hr {
	opacity: 0.5;
}
#allbody-iguape {
	width: 940px;
	height: auto;
	position: relative;
	background: #F3F9DF;
	margin: 0 auto;
	padding-bottom: 30px;
	border-left :3px solid #91AE91; 
	border-right :3px solid #91AE91; 
}

#iguape-text {
	position: relative; 
	top: 10px;
	left: 0%;
	margin: 0px 10px auto 10px;
	padding-top: 20px;
	background: #F3F9DF;
	text-align: justify;
}

#iguape-text h2{
	font-size: 16px;
}

#iguape-text-image {
	text-align: center;
}


#iguape-text h1 {
	font-size: 32px;
	margin-bottom: 20px;
}
	

#footer-macro {
	margin: 0 auto;
}
	

#footer {
	position: relative;
	width: 940px;
	height: 100px;
	background: #DCF5BE;
	margin: 0 auto 10px auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left :3px solid #91AE91; 
	border-right :3px solid #91AE91; 
	border-bottom: 3px solid #91AE91;
}

#footer a, #iguape-text a{
	color: #91AE91;
	text-decoration: none;
}

#footer a:hover, #iguape-text a:hover {
	background: #E1E18C; color: #1C690C;
}


#overimage {
	position: absolute;
	top: 0; left: 382px;
	z-index: 1;
}

ul.nav { background: red;}
ul.nav li { display:inline;}

ul.nav li a { float:left;
width:212px;
font:0.68em Arial, Helvetica, sans-serif;
background:#fcffec;
color:#333;
text-align:center;
border:1px solid #064e0c;
text-decoration:none;
}

ul.nav a:hover{
background:#91AE91;
color:#F4FDC9;
}

#text{
	position: relative;
	top: 550px;
	left: 10px;
	padding: 5px;
	text-align: center;
	width: 200px;
	height: auto;
	}
	
	
/* Mosaic OLD
#work {  
		position: relative;
		top: 14px;
		left: 0px;
		margin: -12px -5px 0 0px;
        list-style:none;  
        padding:0;  
    }  
#work li {  
        float:left;  
        display:block;  
        width:200px;  
        padding:3px;   
        background:#615944;  
        height:133px;  
        }  
#work li a {border:none; color: white;}  
#work li a:hover {color:#c0c0c0;}
		
		
#work p   {  
        margin-bottom:0;  
        }  

#work li .show{  
                display:block;  
                width:200px;  
                height:133px;  
            }  
#work li .hide {  
                text-align: left;  
                height: 0;  
                overflow: hidden;  
                background:#E8F9E7;  
                }  
				
#work li:hover .hide{  
				color: #1C690C;
                cursor: pointer;  
                height: 113px;  
                padding:10px;  
                width:180px;  
            }  
#work li:hover .show {  
			color: white;
            height: 0;  
            overflow: hidden;  
            }  
			
*/

#work {  
        list-style:none;  
        margin-left:25px ;
		margin-top:-3px;  
        padding:0;  
    }  
#work li {  
        float:left;  
        display:block;  
        width:200px;  
        margin:0px;  
        display:inline;  
        padding:3px;   
        background:#615944;  
        border:1px solid #cad789;   
        height:154px;  
		border-radius: 2px;
        }  
#work li a {border:none; color: white;}  
#work li a:hover {color:#c0c0c0;}
		
		
#work p   {  
        margin-bottom:0;  
        }  

#work li .show{  
                display:block;  
                width:200px;  
                height:154px;  
            }  
#work li .hide {  
                color:#d4df9d;  
                text-align: left;  
                height: 0;  
                overflow: hidden;  
                background:#7EA9A9;  
                }  
				
#work li:hover .hide{  
				color: white;
                cursor: pointer;  
                height: 133px;  
                padding:10px;  
                width:180px;  
            }  
#work li:hover .show {  
			color: white;
            height: 0;  
            overflow: hidden;  
            }  
	
.iguape {
	color: #1C690C;
	text-align: center;
	margin: 2px;
}


.hidden { display: none;  }
.unhidden { display: block; visibility: visible; }

a img {border:1px solid white;}

.maistexto{
	text-align: right;
	font-size: 20px;
}

.slideshow {
	height: 430px;
}