html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
    outline:0;
}
body {
/*    font-family:"Lucida Grande",helvetica,arial,sans-serif;*/
    font-family:Arial,sans-serif;
    line-height:1;
}
ol, ul {
    list-style:none;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#header_wrap{
    width:100%;
    height:140px;
    background:url(/images/bg_header.png) repeat-x 0 0;
    border-bottom:solid 8px #5a7397;
}

    #header_center{
        width:900px;
        height:100%;
        margin:0 auto 0 auto;
        position:relative;
        z-index:1; /* to stay above the cegonha image (otherwise button blog wont be clickable) */
    }
        /*------------------------------------
        LOGO
        ------------------------------------*/
        #header_logo_corporate{
            position:absolute;
            bottom:-52px;
            left:0;
        }
        #header_logo_escolas, #header_logo_ecoturismo{
            position:absolute;
            bottom:-52px;
            left:0;
        }
        /*------------------------------------
        MENU LANG
        ------------------------------------*/
        #header_menu_lang{
            position:absolute;
            top:10px;
            left:0;
        }
        #header_menu_lang li{
            float:left;
			margin-right:10px;
        }
        #header_menu_lang a{
			display:block;
			width:16px;
			height:16px;
        }
        #header_menu_pt a{
            background:url(/images/pt.png) no-repeat 0 3px;
        }
        #header_menu_en a{
            background:url(/images/gb.png) no-repeat 0 3px;
        }
        #header_menu_es a{
            background:url(/images/es.png) no-repeat 0 3px;
        }
        #header_menu_lang li a:hover, #header_menu_lang li .current{
            color:#fff;
        }
        /*------------------------------------
        MENU GOOGLE TRANSLATE
        ------------------------------------*/
		#header_translate{
			position:absolute;
			top:12px;
			left:125px;
			font-size:11px;
			color:#fff;
		}
			#header_translate a{
				text-decoration:none;
	            color:#e6e6e6;
			}
			#header_translate a:hover{
				color:#fff;
			}
        /*------------------------------------
        MENU SEC
        ------------------------------------*/
        #header_menu_sec{
            position:absolute;
            top:10px;
            right:0;
        }
        	#header_menu_sec li{
            	float:left;
        	}
		        #header_menu_sec li a{
		            color:#e6e6e6;
		            font-size:12px;
		            text-decoration:none;
		        }
		        #header_menu_sec li a#header_menu_sec_highlight1{
					color:#ffb17c;
		        }
		        #header_menu_sec li a#header_menu_sec_highlight2{
		            color:yellow;
		        }
				#header_menu_sec li span{
					position:relative;
					top:-1px;
					padding:0 10px 0 10px;
					font-size:11px;
					color:#e6e6e6;
				}
        		#header_menu_sec li a:hover,
		        #header_menu_sec li a#header_menu_sec_highlight1:hover,
		        #header_menu_sec li a#header_menu_sec_highlight2:hover,		
				#header_menu_sec li .current{
            		color:#fff;
        		}
        /*------------------------------------
        MENU MAIN
        ------------------------------------*/
        #header_menu_main{
            position:absolute;
            bottom:-20px;
            left:212px;
			padding-right:10px;
			background:url(/images/bg_header_menu_main_corners.png) no-repeat 100% 0;
        }
        #header_menu_main li{
            float:left;
			position:relative;
        }
			#header_menu_main li a{
				display:block;
				padding:12px 18px 12px 18px;
				background:url(/images/bg_header_menu_main.png) repeat-x 0 0;
				border-right:solid 1px #c1cde0;
				font-size:13px;
				text-decoration:none;
				color:#fff;
			}
				#header_menu_main li a span{
					padding-right:12px;
					background:url(/images/bg_header_menu_main_pointer.png) no-repeat 100% 50%;
				}
			#header_menu_main li a.rightmost{
				border-right:none;
			}
			#header_menu_main li a:hover{
				background:url(/images/bg_header_menu_main_hover.png) repeat-x 0 0;
			}
				#header_menu_main li ul{
					display:none;
				}
				#header_menu_main li ul#submenu1{					
					width:350px;
				}
				#header_menu_main li ul#submenu2{
					width:220px;
				}
				#header_menu_main li ul#submenu3{	
					width:220px;
				}
					#header_menu_main li ul li{
						float:none;
						width:100%;
						font-size:0;
					}
						#header_menu_main li ul li a{
							display:block;
							padding:6px 18px 6px 18px;
							height:13px;
							background:none;
							background-color:#8099bf;
							border-right:none;
							border-top:solid 1px #c1cde0;
							font-size:13px;
							text-decoration:none;
							color:#fff;
						}
/*						* html #header_menu_main li ul li a{
							height:6px;
				        }*/
						#header_menu_main li ul li a:hover{
							background:none;							
							background-color:#9eb1ce;
						}
			#header_menu_main li:hover ul{
				display:block;
				position:absolute;
				top:36px;
				left:0;
			}#content_wrap{
    width:100%;
    background:#fcfbf7 url(/images/bg_content.png) repeat-x 0 0;
    padding:75px 0 20px 0;
}

.end_art{
    height:20px;
    background:url(/images/bg_separator.png) no-repeat 50% 50%;
    margin:40px 0 20px 0;
}

    #back_to_top{
        width:875px;
        height:40px;
        margin:0 auto 0 auto;
        padding-left:25px;
        font-size:11px;
        line-height:120%;
        background:url(/images/go_up.png) no-repeat 0 0;
    }
    #back_to_top a{
        position:relative;
        top:6px;
        color:#6d8ab6;
    }
    #back_to_top a:hover{
        text-decoration:none;
    }

    #content_center{
        width:900px;
        margin:0 auto 0 auto;
    }
        #column_main{
            width:590px; /*  620px */
            padding-right:30px;
            float:left;
            background:url(/images/vertical_line.png) repeat-y right top;
        }
        #column_sec{
            width:250px; /*  280px */
            padding-left:30px;
            float:left;
        }#footer_wrap{
    width:100%;
    height:150px;
    background:url(/images/bg_footer.png) repeat-x 0 0;
}

    #footer_center{
        position:relative;
        width:900px;
        height:150px;
        margin:0 auto 0 auto;
    }


        /*------------------------------------
        COPYRIGHT AND CREDITS
        ------------------------------------*/
        #footer_info{
            position:absolute;
            bottom:10px;
            left:0;
        }
        #footer_info p{
            font-size:10px;
            color:#e6e6e6;
            line-height:120%;
        }
        #footer_info a{
            color:#fff;
        }

        #footer_operador{
            position:absolute;
            bottom:10px;
            right:0;
            font-size:10px;
            color:#e6e6e6;
        }
		/*------------------------------------
		WEB SOCIAL
		------------------------------------*/
		#websocial_footer{
			position:absolute;
			top:30px;
			right:0;
		}
			#websocial_footer li{
				float:left;
				margin-right:6px;
			}
				#websocial_footer li a{
					display:block;
					width:24px;
					height:24px;
					text-indent:-9999px;
				}	
				#websocial_footer_youtube{
					margin-left:155px;
					background:url(/images/logo_youtube_24x24.png) no-repeat 0 0;
				}	
				#websocial_footer_flickr{
					background:url(/images/logo_flickr_24x24.png) no-repeat 0 0;		
				}
				#websocial_footer_twitter{
					background:url(/images/logo_twitter_24x24.png) no-repeat 0 0;
				}
				#websocial_footer_facebook{
					background:url(/images/logo_facebook_24x24.png) no-repeat 0 0;
				}
				
		/*------------------------------------
		LOGOS
		------------------------------------*/
		#footer_ties{
			position:absolute;
			bottom:10px;
			left:350px;
		}
		#footer_bandeira_azul{
			position:absolute;
			bottom:10px;
			left:250px;
		}
		#footer_natureza{
			position:absolute;
			bottom:10px;
			left:565px;
		}

.material{
    margin-bottom:30px;

}
    .material .banner{
        position:relative;
        width:574px;
        border:solid 8px #fff;
        margin-bottom:15px;
        font-size:0;
    }
        .material .banner img{
            width:574px;
            height:100px;
        }
        .material .banner h1{
            position:absolute;
            top:20px;
            left:20px;
            font-size:36px;
            font-weight:bold;
            color:#fff;
        }
    
    .material .list{
        padding-left:25px;
        margin-bottom:15px;
    }
        .material .list li{
position:relative;
            font-size:13px;
            font-weight:bold;
            padding-left:10px;
            line-height:140%;
            color:#808080;
            background:url(/images/bullet.png) no-repeat 0 50%;
        }
            .material .list li em{
                font-style:italic;
            }
            .material .list #access{
                position:absolute;
                top:0;
                left:350px;
                width:20px;
                height:20px;
                background:url(/images/access.png) no-repeat 0 0;
            }
            .material .list #braille{
                position:absolute;
                top:0;
                right:20px;
                width:21px;
                height:34px;
                background:url(/images/braille.png) no-repeat 0 0;
            }
    
    .material p{
        font-size:13px;
        line-height:120%;
        color:#808080;
        margin-bottom:15px;
    }
        #boat_video{
            font-size:14px;
            font-weight:bold;
            color:#6d8ab6;
        }
        #boat_video:hover{
            text-decoration:none;
        }


/****************************************************************/
/* FOTOS (coluna secundária - sacadas do flickr)
/****************************************************************/
/*
neste caso, .photo_wrap nao tem width e height definidos porque os respectivos
valores sao colocados inline pela nossas funcao para mostrar as fotos do flickr;
neste caso esta assim para possibilitar que fotos "portrait" ou "landscape" fiquem
sempre com a sombre bem aplicada.
*/
.photo_wrap{
    position:relative;
    left:10px;
    background:url(/images/shadow.gif) no-repeat bottom right;
    display:block;
    margin:0 0 30px 0;
}
.photo_wrap a{
    position:absolute;
    bottom:4px;
    right:4px;
    background-color:#fff;
    border:solid 1px #d8d8d8;
}
.photo_wrap a:hover{
    border:solid 1px #a5a5a5;
}
.photo_wrap img{
    margin:8px 8px 8px 8px;
    border:solid 1px #b1b1b1;
}

#gallery_link{
    position:relative;
    top:-15px;
    font-size:11px;
    color:#6d8ab6;
}
#gallery_link:hover{
    text-decoration:none;
}