@charset "utf-8";
/* CSS Document */
/* reset de margens */
* {
    margin: 0;
    padding:0;
}
/* para garantir que estes elementos ocuparão toda a tela */
html{
}
/*#image{width: 100%; heigth:950px; position:relative;top:-100px};*/

body{
margin: 0;
padding: 20px 0 0 0;
overflow:hidden;
}

p { 
  padding: 0 0 25px 0;
  line-height: 1.5em;
  text-align: left;
  margin-right: 50px;
  margin-top: 10px;
  float:right;
  }
  
  a:link {text-decoration: none; color: #F8F8F8; font-size: 18px;  font-family: Calibri; text-align: center;}
  a:active {text-decoration: none; color: #F8F8F8; font-size: 18px;  font-family: Calibri; text-align: center;}
  a:visited {text-decoration: none; color: #F8F8F8; font-size: 18px;  font-family: Calibri; text-align: center;}
  
h1, h3,h4, h5, h6 { 
  font-size: 20px;
  font-weight: bold;
  font-family: Calibri;
  margin: 0;
  padding: 0;}
 


h2 { 
  font-size: 13px;
  font-weight: bold;
  font-family: Calibri;
  margin: 0;
  padding: 0;}

  #main { 

}

.imag {
	position: relative;
	float: left;
	left: 4%;
	top: -90px;
	width: 70px;
	height: 70px;
        dysplay: block;
       
       }
 
#site_content{
	min-height: 100%;
	min-width: 90%;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0;
}

div.slideshow-container {
  width: 100%;
  height: 90%;   
  position: relative;
  clear: both;
  float:left;
 
}

div.slideshow-container img {
     width: 95%;
     height: 75%;   
     position: relative;
     left:-50px;
     top:-150px;     
 }
       
  #slider{
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: 90%;
	position: fixed;
	top: -200px;
	left: 0;
}



#bar_1{
   
 background-color:#00a249;
  height: 12px;
  width: 100%;
  float: right;
  margin: 0;
  padding:0px;
  bottom:0px; 
  
}
  
#bar_2{text-align:center;position:fixed; width:100%; height:110px; background-color:rgb(50, 72,107);
bottom:0px;

}


  .imag1 {
	position: relative;
	align: middle;
	display:inline-block;
        margin: auto;
        alignment-baseline: middle;
   }
       
 .imag2 {
	position: relative;
        align: middle;
        display:inline-block;
        margin: auto; 
        alignment-baseline: middle;
 }
       
 .imag3 {
	position: relative;
	align: middle;
	display:inline-block;
        margin: auto;
        alignment-baseline: middle;
       }       

.menu ul li{
	align-content:center;
	float:left;
	display:inline;		
	font-size: 18px;
	font-family: Calibri;
	border: 0;
     
}

nav {top:-20px; position: relative; margin: 0; padding: 2px 0; width: 100%;}

nav ul {
text-align: center;
background-color: #111; opacity:0.5;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6); 

}

nav ul li {
display: inline-block;
}
nav ul li a {
padding: 20px;
font-family: "Calibri";
color: #F8F8F8;
text-shadow: black 0.1em 0.1em 0.1em;
font-size: 18px;
text-decoration: none;
display: block;
}
nav ul li a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.1);
color:#F1F800;
}

div.content {
  display: none;
  clear: both;
  
 }

div.content a, div.navigation a {
  text-decoration: none;
  
}
div.loader {
  height: 510px;}
  /* This should be set to be at least the height of the largest image in the slideshow with padding */ 

//div do container das fotos

  
div.loader {
  position: relative;
  top: 0;
  left: 0;
  background: url("../port3/loader.gif") no-repeat center;}
  
div.slideshow span.image-wrapper {
  position: relative;
  top: 50px;
  left: 0;
}
  
div.slideshow a.advance-link {
  display: block;
  line-height: 0; /* This should be set to be at least the height of the largest image in the slideshow with padding */
  text-align: center;}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
  text-decoration: none;}
  
div.slideshow a.advance-link:focus {
  outline: none;}


  
div.image-title {
  font: normal 130% arial, sans-serif;}
  
div.navigation-container {
  float: left;
  position: relative;
  
}
  
div.navigation {
  float: left;
  position: relative;
}
  
div.navigation a.pageLink {
  height: 77px;
  line-height: 77px;
  display: block;
  position: relative;
  float: left;
  margin: 3px;
  width: 16px;
  background-position: center center;
  background-repeat: no-repeat;}
  
div.navigation a.pageLink:focus {
  outline: none;}

div.navigation a.prev {
  margin-right: 10px;}
  
div.navigation a.next {
  margin-left: 10px;}

div.navigation a.prev {
  background: url("../port3/prev_arrow.gif") no-repeat left;}
  
div.navigation a.next {
  background: url("../port3/next_arrow.gif") no-repeat right;}

ul.thumbs {
  position: relative;
  float: left;
  margin: 10px 0 0 0;
  padding: 0;}
  
ul.thumbs li {
  float: left;
  padding: 0;
  margin: 2px;
  list-style: none;}
  
a.thumb {
  display: block;
  padding: 2px;}
  
a.thumb:focus {
  outline: none;}
  
ul.thumbs img {
  display: block;}
  
div.gallery-gutter {
  clear: both;
  padding-bottom: 20px;}