@charset "utf-8";
/* CSS Document */
/* reset de margens */
* {
    margin: 0;
    padding:0;
}
/* para garantir que estes elementos ocuparão toda a tela */
html{
overflow: hidden;
background-image: url("../tcli/funcli.jpg");
background-size:100% 100%;
-webkit-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-repeat: no-repeat;
min-width:80%;

max-width:100%;
max-height:100%;

    height: 96%;
    width: 100%;

}
/*#image{width: 100%; heigth:950px; position:relative;top:-100px};*/

/* para garantir que estes elementos ocuparão toda a tela */
body{

}

p {
  padding: 0 0 25px 0;
  line-height: 1.5em;
  text-align: left;
  margin-right: 800px;
  margin-top: 32px;
  float:right;
  font-size: 19px;
  font-family: Calibri;
  color: #ffffff;
  }


a:link {
color:#F8F8F8;
text-decoration:none;
}
a:visited {
color:#F8F8F8;
text-decoration:none;
}
a:hover {
color:#F8F8F8;
text-decoration:underline;
}
a:active {
color:#F8F8F8;
text-decoration:underline;
background-color:rgb(54,95,137);
}





  /* a:active {text-decoration: none; color: #F8F8F8; font-size: 22px;  font-family: Calibri; text-align: center;} */
  /* a:visited {text-decoration: none; color: #F8F8F8; font-size: 22px;  font-family: Calibri; text-align: center;} */

h1, h3, h4, h5{
  font-size: 20px;
  font-weight: bold;
  font-family: Calibri;
  margin: 0;
  padding: 0;}

h2 {
  font-size: 25px;
  font-weight: bold;
  font-family: Calibri;
  padding: 0;
  text-align: left;
  margin-left: 1600px;
  margin-top: 28px;
}



h6 {
   font-size: 15px;
  font-weight: bold;
  font-family: Calibri;
  padding: 0;
  text-align: left;
  color: #ffffff;
  margin-left: 25px;
  margin-top: 22px;
}

h7 {
  font-size: 18px;
  font-weight: bold;
  font-family: Calibri;
  color: #ffffff;
  top: 30px;
  position: relative;
        align: middle;
        display:inline-block;
        margin: auto;
        alignment-baseline: middle;
}

  #main {
  width: auto;
  heigth:auto;
  margin: 5px auto;
  margin-top: -10px;
}


header {
  width: 950px;
  height: 50px;
  margin-top: 2px;
}

.imag {
   position: relative;
   float: left;
   left: 9%;
   top: -95.7px;
   width: 68px;
   height: 58px;
        dysplay: block;

       }

#site_content{
   min-height: 100%;
   min-width: 1024px;
   width: 100%;
   height: 400px;
   position: fixed;
   top: 100px;
   left: 0;
}

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

div.slideshow-container img {
     width: 90%;
     height: 80%;
     position: relative;
     left:-60px;
 }

  #slider{
   min-height: 100%;
   min-width: 1024px;
   width: 100%;
   height: auto;
   position: fixed;
   top: -200px;
   left: 0;
}


#bar_1{

 background-color:#00a249;

  height: 20px;
  width: 100%;
  float: right;
  margin: 0;
  padding:0px;
  bottom:0px;
  }

#bar_2{text-align:center;position:fixed; width:100%; height:120px; background-color:rgb(54,95,137); padding:0px; bottom:0px;}

  .imag1 {
   position: relative;
   align: middle;
   display:inline-block;
        margin: 26px;  /* altera os icones do rodape */
        alignment-baseline: middle;

   }



  .imag1 {
   position: relative;
   align: middle;
   display:inline-block;
        margin: 26px;  /* altera os icones do rodape */
        alignment-baseline: middle;

   }
  .imag1 {
   position: relative;
   align: middle;
   display:inline-block;
        margin: 9px;
        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: 20px;
   font-family: Calibri;
   border: 0;
}

nav { margin: 0; padding: 30px 0;  width: 100%; }

nav ul {
text-align: center;
background-color: #000414; opacity:0.6;
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; opacity:2.2;
text-shadow: black 0.1em 0.1em 0.1em;
font-size: 19px;

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:#e1f800;
}
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: 3px;
  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: 2px;
  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;}

.carousel
{

   position:relative;
   margin:0px;
   padding:0px;
   -moz-user-select:none;
   -webkit-user-select:none;
   top:-150px;
}


.carousel .carousel-item
{
   background-image:url(carousel-assets/images/preloader.gif);
   background-position:center;
   background-repeat:no-repeat;
   background-color:#FFF;
   position:absolute;
   cursor:pointer;
}


.carousel .out
{
   border:#DDD 2px solid;
}


.carousel .over
{
   border:#DDD 2px solid;
   -moz-box-shadow: 0px 0px 10px #000;
   -webkit-box-shadow: 0px 0px 10px #000;
   box-shadow: 0px 0px 10px #000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
   
}


.carousel .click
{
   border:#DDD 2px solid;
   -moz-box-shadow: 0px 0px 10px #000;
   -webkit-box-shadow: 0px 0px 10px #000;
   box-shadow: 0px 0px 10px #000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}


.carousel .select
{
   border:#DDD 2px solid;
   -moz-box-shadow: 0px 0px 10px #000;
   -webkit-box-shadow: 0px 0px 10px #000;
   box-shadow: 0px 0px 10px #000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=130, Color='#000000')";
}


.carousel .tooltip
{
   position:absolute;
   z-index:9999;
   background-color:#DDD;
   margin-bottom:20px;
   border:#EEE solid 4px;
   border-radius:8px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
}


.carousel .tooltip p
{
   color:#999;
   padding:10px;
   margin:0px;
}


.carousel .scrollbar
{
   width:50%;
   position:absolute;
   margin-top:100px;

}

.carousel .scrollbar .track
{
   background-image:url(carousel-assets/images/track.png);
   width:50%;
   height:20%;
   position:absolute;
   left:20px;
}

.carousel .scrollbar .thumb
{
   background-image:url(carousel-assets/images/thumb.png);
   width:70px;
   height:20px;
   position:absolute;
   cursor:pointer;
}

.carousel .scrollbar .left
{
   background-image:url("../port3/prev_arrow.gif");
   width:17px;
   height:20px;
   position:absolute;
   cursor:pointer;
   left:-360px;
   top:-100px;
}

.carousel .scrollbar .right
{
   background-image:url("../port3/next_arrow.gif");
   width:17px;
   height:20px;
   position:absolute;
   cursor:pointer;
   right:-360px;
        
}


#carousel
{
   width:50%;
   height:20%;
   margin:0px auto;
   padding:0px;
}

/*
arranges the images in a grid

this style will be applied only before the 
carousel is instantiated or if the user doesn't have
javascript enabled;

feel free to replace this style with your preferred one
*/
#carousel
{
   list-style:none;
   padding:0px;
}

#carousel li
{
   float:left;
}

#carousel .tooltip, #carousel .bigImage, #carousel .title, #carousel .description
{
   position:absolute;
   left:-9999px;
}


#text
{
   width:65%;
   margin:0px auto;
   margin-top:-20px;
}


#text p
{
   padding: 5px 10px;
}


#text #selected-title
{
   width:60%;
   background-color:#111;
   font-style:italic;
}


#text #selected-description
{
   background-color:#111;
}


#controls
{
   width:24%;
   margin:0px auto;
}


#controls a
{
   margin:0px 20px;
   cursor:pointer;
}


#controls #left
{
   background:url(example_assets/arrows.png);
   width:38px;
   height:38px;
   float:left;
}


#controls #right
{
   background:url(example_assets/arrows.png) -38px 0px;
   width:38px;
   height:38px;
   float:left;
}


#controls #auto-scroll
{
   background:url(example_assets/playpause.png);
   width:38px;
   height:38px;
   float:left;
}