@import	"reset.css";
@import "lessframework.css";
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/*
== General Styles ==
*/

body {
  background-color: #d0d0d0;
  font: normal 12px/21px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
  		
}

/*
== Form Styles ==
*/

input#searchbar {
  height: 55px;
  width: 170px;
  padding-left: 15px;
  background: url("../images/search_1.png") left center no-repeat;
}

form>p, form>p>input, form>p>label {
  font: bold 12px/20px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
  color: #ffffff;
  text-shadow: 0px 1px 0px #333;
  filter: Shadow(Color=#333333,
		 Direction=90,
		 Strength=1);
}

form>p {
  position: relative;
}

label {
  z-index: 5;
  position: absolute;
  top: 18px;
  left: 15px;
  cursor: text;
}

form>p>input#search-button {
  background: url("../images/search_2.png") center no-repeat;
  width: 50px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

  /*
  == Header Styles ==
  */

  aside {
    float: left;
    min-height: 680px;
    /*position: fixed;*/
    height: 100%;
    width: 25%;
    padding: 10px 20px 0 9px;
    background: url("../images/menu_field.png") repeat-y;
  }

  #logo {
    margin: 10px 0 0 10px;
  }

  .separator {
    margin-top: 10px;
    width: 235px;
    height: 11px;
  }

    .separator.up {
      background: url("../images/separator_up.png") center no-repeat;
    }

    .separator.down {
      background: url("../images/separator_down.png") center no-repeat;
    }

  /*
  == Nav Styles ==
  */

  nav {
    margin: 15px 0 0 30px;
  }

    nav>ul>li {
      list-style: none;
    }

      nav>ul>li>a {
        font: bold 16px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
        color: #ffffff;
        text-shadow: 0px 1px 0px #333333;
        text-decoration: none;
        text-transform: none;
        letter-spacing: -1px;
        display: block;
        transition: opacity 300ms linear;
        -webkit-transition: opacity 300ms linear;
        -moz-transition: opacity 300ms linear;
        -o-transition: opacity 300ms linear;
        -ms-transition: opacity 300ms linear;
      }
      
        nav>ul>li>a:hover, .active {
          color: #f3d352;
        }
        
        nav>ul>li>a:hover {
          opacity: 0.7;
        }
        
        nav>ul>li>a:active {
          color: #bbb;
        }


      nav>ul>li {
        text-indent: 60px;
        padding-top: 18px;
        height: 30px;
      }

      nav>ul>li.home {
        background: url("../images/home_icon.png") left center no-repeat;
      }

      nav>ul>li.acervo {
        background: url("../images/acervo_icon.png") left center no-repeat;
      }

      nav>ul>li.galeria {
        background: url("../images/galeria_icon.png") left center no-repeat;
      }
	
	 nav>ul>li.institucional {
        background: url("../images/institucional_icon.png") left center no-repeat;
      }

      nav>ul>li.equipe {
        background: url("../images/equipe_icon.png") left center no-repeat;
      }

      nav>ul>li.contato {
        background: url("../images/contato_icon.png") left center no-repeat;
      }

        nav>ul>li.home.active {
          background: url("../images/home_icon_active.png") left center no-repeat;
        }

        nav>ul>li.acervo.active {
          background: url("../images/acervo_icon_active.png") left center no-repeat;
        }

        nav>ul>li.galeria.active {
          background: url("../images/galeria_icon_active.png") left center no-repeat;
        }
		
		nav>ul>li.institucional.active {
          background: url("../images/institucional_icon_active.png") left center no-repeat;
        }
        
		nav>ul>li.equipe.active {
          background: url("../images/equipe_icon_active.png") left center no-repeat;
        }

        nav>ul>li.contato.active {
          background: url("../images/contato_icon_active.png") left center no-repeat;
        }

      nav>ul>li.subitem {
        padding-top: 0px;
        height: 10px;
        margin-bottom: 11px;
      }

      nav .conect {
        background: url("../images/connectors.png") bottom no-repeat;
        width: 33px;
        height: 42px;
        display: inline-block;
        margin: -8px -45px 20px 12px;
        float: left;
      }

        nav>ul>li.subitem>a {
          font-size: 12px;
        }

  /*
  == Footer Styles ==
  */

  #branding {
    width: 180px;
    margin: 10px auto 0;
    text-align: center;
  }

    #branding img {
      margin-top: 10px;
    }

    .row {
      width: 90px;
    }

      .row.alpha {
        float: left;
      }

      .row.omega {
        float: right;
      }
      
      .row.omega {
        float: right;
      }
            
	#stat{
	width: 130px;
    margin:25px 50px 75px;
    text-align: center;
     float: right;
     
     
    }
    .text{
    margin-bottom: 10px;
     font: bold 16px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
        color: #ffffff;
        text-shadow: 0px 1px 0px #333333;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: -1px;
        display: block;
        transition: opacity 300ms linear;
        -webkit-transition: opacity 300ms linear;
        -moz-transition: opacity 300ms linear;
        -o-transition: opacity 300ms linear;
        -ms-transition: opacity 300ms linear;
	}
	
	.text_justify{
		text-align: justify;
	}

  /*
  == Content Styles ==
  */

  h1, h2, h3, h4, h5, h6 {
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
  }
	hr {
		border-top: 2px dashed #333333;
	}

  article#content {
    padding-top: 50px;
    position: static;
    float: right;
    width: 66%;
    margin-left: 1%;
    margin-bottom: 30px;
  }

  .heading {
    margin-bottom: 20px;
  }

  article p {
    margin-bottom: 20px;
  }

  article section {
    margin-bottom: 20px;
  }

  .subtitle {
    text-align: right;
    color: #555555;
  }

.subtitle.relation {
    text-align: left;
	font-size: 20px;
  }

  .column {
    width: 278px;
  }

    .column.first {
      margin-right: 40px;
      float: left;
    }
  
  ul.column.first, ul.column.second {
    list-style-type: none;
    margin-bottom: 20px;
     
  }
    
  .column.second {
    padding-left: 318px;
  }

  .citation {
	text-align: right;
	font: italic bold 12px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
	
  }
   	
  figure.obra {
    border: 1px solid #bbbbbb;
    background-color: #e0e0e0;
    padding: 4px;
    width: 172px;
    float: left;
    text-align: center;
    font: italic 11px/14px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
  }

    figure.obra img, figure.obra a img {
      width: 160px;
      margin-bottom: 4px;
    }
    
      figure.obra2 {
    border: 1px solid #bbbbbb;
    background-color: #e0e0e0;
    padding: 10px;
    width: 472px;
    float: left;
    text-align: center;
    font: italic 11px/14px "Droid Sans", "Ubuntu", "Helvetica Neue", "Arial", sans-serif;
  }

    figure.obra2 img, figure.obra2 a img {
      width: 460px;
      margin-bottom: 10px;
    }

    figure.center {
      margin: 0 25px;
    }

    figure.obra>span {
      display: block;
      padding: 6px;
      background-color: #e8e8e8;
    }

    .clearfix {
      clear: both;
      padding: 5px 0;
    }

    .two-column {
      margin-left: 205px;
    }

    .item {
      width: 185px;
      float: right;
      margin: 0 auto;
    }

    .artistas {
      width: 190px;
      float: left;
    }

    .artistas h2 {
      margin-bottom: -28px;
      font-size: 32px;
      color: #d54e50;
    }

    .artistas>.item>ul {
      padding-left: 52px;
    }

       .artistas>.item>ul>li {
          list-style: none;
        }

          .artistas>.item>ul>li>a {
            color: #333;
            text-decoration: none;
          }

            .artistas>.item>ul>li>a:hover {
              color: #d54e50;
            }
  
  .item { display: none;}
  
  .text1{
    font: 15px "Droid Sans","Ubuntu","Helvetica",sans-serif;
    margin-bottom: 15px;
  }
  
  /*
  == Galeria Styles ==
  */


div.slideshow-container {
	position: relative;
	clear: both;
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div#thumbs {
  float: left;
  width: 260px !important;
}

div.slideshow-container {
  width: 300px;
  overflow: auto;
  float: right;
  height: 1000px;
}

  div.slideshow-container img {
    width: 300px;
  }

ul.thumbs {
  overflow: auto;
  margin-left: -10px;
  padding-top: 21px;
}

ul.thumbs li {
  list-style: none;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

div.caption-container {
	position: relative;
	clear: left;
	height: 65px;
	margin-left: 0;
}

span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}

div.caption {
	padding: 12px 12px 12px 0;
}

#controls {
  width: 300px;
  float: right;
}

.advance-link, .image-wrapper {
  display: block;
  text-decoration: none;
}

.prev { float: left;}
.next { float: right;}

.download a {
  color: #333;
  text-decoration: none;
}

  .download a:hover {
    color: #d54e50;
  }


ul.thumbs img {
	display: block;
}

  /*
  == Simple Slide Styles ==
  */
 
#simple-slider {
    position:relative;
    height:350px;
}

#simple-slider IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    
}

#simple-slider IMG.active {
    z-index:10;
    opacity:1.0;
}

#simple-slider IMG.last-active {
    z-index:9;
}
#simple-slider IMG.inactive {
	display:none;
	opacity: 0.0;
}