html {
     background-image: url("img/background.png");
	 }

 
 /* CSS do menu */

@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);

#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width:50%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
#cssmenu ul ul li {font-weight: normal;}
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

 #cssmenu {
  background: #333;
  border-bottom: 4px solid #85b300;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}

  #cssmenu > ul { *display: inline-block; }

  #cssmenu:after, #cssmenu ul:after {
    content: '';
    display: block;
    clear: both;
}

#cssmenu a {
    background: #333;
    color: #CBCBCB;
    padding: 0 20px;
}
#cssmenu ul { text-transform: uppercase; }

    #cssmenu ul ul {
      border-top: 4px solid #85b300;
      text-transform: none;
      min-width: 190px;
}
      #cssmenu ul ul a {
        background: #85b300;
        color: #FFF;
        border: 1px solid #719701;
        border-top: 0 none;
        line-height: 150%;
        padding: 16px 20px;
}
      #cssmenu ul ul ul { border-top: 0 none; }

      #cssmenu ul ul li { position: relative }

#cssmenu > ul > li > a { line-height: 48px;  }

#cssmenu ul ul li:first-child > a { border-top: 1px solid #719701; }
        #cssmenu ul ul li:hover > a { background: #97c316; }

        #cssmenu ul ul li:last-child > a {
          border-radius: 0 0 3px 3px;
          box-shadow: 0 1px 0 #85b300;
}
        #cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }

        #cssmenu ul ul li.has-sub > a:after {
          content: '+';
          position: absolute;
          top: 50%;
          right: 15px;
          margin-top: -8px;
}

   #cssmenu ul li:hover > a, #cssmenu ul li.active > a {
      background:#85b300;
      color: #FFF;
}
    #cssmenu ul li.has-sub > a:after {
      content: '+';
      margin-left: 5px;
}
    #cssmenu ul li.last ul {
      left: auto;
      right: 0;
}
      #cssmenu ul li.last ul ul {
        left: auto;
        right: 99.5%;
}

.f-nav  {
    z-index: 9999;
	position: fixed;
	top: 0; width:53.9%;
}

 /* Fim CSS do menu  */

html,body{width:100%;height:100%;padding:0;background:#fff;margin:0;font-family:arial}
a { text-decoration:none }
.container { width:262px; margin:0 auto; padding-top:200px; }

#bar { width:100%; height:35px; padding:15px 0; background:url(../images/bar.png) repeat-x; }
#container {margin:0 auto; }

/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    position:relative;
    float:right;
    font-size:12px;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:right;
    background:#d2e0ea url(../images/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    border-radius:3px;
    -moz-border-radius:3px;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span {
    color:#445058; 
    font-size:14px; 
    font-weight:bold; 
    text-shadow:1px 1px #fff; 
    padding:7px 29px 9px 10px;
    background:url(../images/loginArrow.png) no-repeat 53px 7px;
    display:block
}

#loginButton:hover {
    background:url(../images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:34px;
    right:0;
    display:none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:53px -76px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#d2e0ea;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:248px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#d2e0ea;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
    color:#3a454d;
    margin:9px 0 0 0;
    display:block;
    float:left;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
    width:92%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#3a454d;
    font-weight:bold;
    padding:8px 8px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:left;
    background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    text-shadow:0px -1px #278db8;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a {
    color:#3a454d;
    text-shadow:1px 1px #fff;
    font-size:12px;
}

input:focus {
    outline:none;
}

#header {
    background-image: url("img/logo.png");
    background-repeat: no-repeat;
    height:100px;
    margin-left:300px;
  }

body {
    margin:0px auto;
    padding:0;
    width:1024px;
    font-family: 'Myriad Pro', Tahoma, Arial, sans-serif;
}

#box-slide {
    margin-top:20px;
    margin-left:50px;
}

#noticias {
    margin-top:-200px;
    height:239px;
}

footer {
    margin-top:20px;
    margin-left:420px;
}

#noticias_direita {
    width:500px;
    float:right;
}

#noticias_esquerda {
    width:500px;
    float:left;
}
 .copy img {
margin-left:-230px;
 }

::selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

::-moz-selection {
 	color: #fff;
 	text-shadow: none;
 	background: #444;
}

#login {
	width: 340px;
	height: 250px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

#register {
	width: 340px;
	height: 340px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

#login{
	cursor: pointer;
}

form {
	margin: 0 auto;
	margin-top: 20px;
}

label {
	color: #555;
	display: inline-block;
	margin-left: 18px;
	padding-top: 10px;
	font-size: 14px;
}

p a {
	font-size: 11px;
	color: #aaa;
	float: right;
	margin-top: -13px;
	margin-right: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

p a:hover {
	color: #555;
}

input {
	font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
	font-size: 12px;
	outline: none;
}

input[type=name],
input[type=email],
input[type=password] {
	color: #777;
	padding-left: 10px;
	margin: 10px;
	margin-top: 12px;
	margin-left: 18px;
	width: 290px;
	height: 35px;
	border: 1px solid #c7d0d2;
	border-radius: 2px;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #f5f7f8;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}

input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover {
	border: 1px solid #85b300;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #85b300;
}

input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus {
	border: 1px solid #85b300;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #85b300;
}

input[type=checkbox] {
	margin-left: 20px;
	margin-top: 30px;
}

.check {
	margin-left: 3px;
	font-size: 11px;
	color: #444;
	text-shadow: 0 1px 0 #fff;
}

input[type=submit] {
        -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
        -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
        box-shadow:inset 0px 1px 0px 0px #caefab;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
        background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
        background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
        background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
        background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
        background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
        
        background-color:#77d42a;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #268a16;
        
        display:inline-block;
        color:#306108;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #aade7c;
        float:right;
        margin-right:15px;
        margin-top:15px;
}

input[type=submit]:hover {
	    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
        background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
        background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
        
        background-color:#5cb811;
}

input[type=submit]:active {
	    position:relative;
        top:1px;
} 
/*--maps--*/
iframe{
    margin-left: 270px;
    margin-top:50px;
    border: 5px solid #85b300;
    padding-right: 0px;
}
/*Fim maps--*/

/* produtos*/

.image{
    cursor:pointer;
}

#i1{
    width: 300px;
    height: 300px;
    margin-left: 50px;
    margin-top: 0px;
    float:left;
    border: 3px solid #85b300;
    opacity:0.4;
    filter:alpha(opacity=40);
    transition: 0.4s;
}

#i1{position:relative;}
#i1 img {
    opacity:1;
    -webkit-transition: opacity;
    -webkik-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}
#i1 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i1 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img{
    margin-top: -220px;
    color:#85b300;
    padding-left: 35px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}

#i2{
     width: 300px;
    height: 300px;
        border: 3px solid #85b300;
    margin-left: 600px;
    margin-top: 20px;
    opacity:0.4;
    filter:alphaa(opacity=40);
    transition: 0.4s;

}
#i2 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i2 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_1{
    margin-top: -240px;
    color:#85b300;
    padding-left: 70px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}

#i3{
        border: 3px solid #85b300;
     width: 300px;
    height: 300px;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    transition: 0.4s; 
    opacity:0.4;
filter:alpha(opacity=40);

}

#i3 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i3 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_2{
    margin-top: -220px;
    color:#85b300;
    padding-left: 50px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}

#i4{
        border: 3px solid #85b300;
        width: 300px;
    height: 300px;
    margin-left: 600px;
    margin-top: 50px;
    transition: 0.4s;
    opacity:0.4;
filter:alpha(opacity=40);
    
}
#i4 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i4 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_3{
    margin-top: -240px;
    color:#85b300;
    padding-left: 40px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;
}
#i5{
    width: 300px;
    height: 300px;
    margin-left: 50px;
    margin-top: 0px;
    float:left;
    border: 3px solid #85b300;
    opacity:0.4;
    filter:alpha(opacity=40);
    transition: 0.4s;
}


#i5 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i5 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_4{
    margin-top: -220px;
    color:#85b300;
    padding-left: 95px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}
#i6{
     width: 300px;
    height: 300px;
    border: 3px solid #85b300;
    margin-left: 600px;
    margin-top: 20px;
    opacity:0.4;
    filter:alphaa(opacity=40);
    transition: 0.4s;

}

#i6 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i6 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_5{
    margin-top: -220px;
    color:#85b300;
    padding-left: 90px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}
#i7{
    border: 3px solid #85b300;
    width: 300px;
    height: 300px;
    margin-left: 50px;
    margin-top: 50px;
    float:left;
    transition: 0.4s; 
    opacity:0.4;
    filter:alpha(opacity=40);

}

#i7 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i7 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_6{
    margin-top: -250px;
    color:#85b300;
    padding-left: 50px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}
#i8{
        border: 3px solid #85b300;
        width: 300px;
    height: 300px;
    margin-left: 600px;
    margin-top: 50px;
    transition: 0.4s;
    opacity:0.4;
filter:alpha(opacity=40);
}

#i8 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i8 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_7{
    margin-top: -220px;
    color:#85b300;
    padding-left: 45px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}




#i1:hover{
    opacity:1.0;
filter:alpha(opacity=100)
}

#i2:hover{
    opacity:1.0;
filter:alpha(opacity=100)

}

#i3:hover{
    opacity:1.0;
filter:alpha(opacity=100)

}

#i4:hover{
    opacity:1.0;
filter:alpha(opacity=100)


}
#i5:hover{
    opacity:1.0;
filter:alpha(opacity=100)
}

#i6:hover{
    opacity:1.0;
filter:alpha(opacity=100)

}

#i7:hover{
    opacity:1.0;
filter:alpha(opacity=100)

}

#i8:hover{
    opacity:1.0;
filter:alpha(opacity=100)


}


   .clear{
    clear:both;
}

#i9{
    width: 300px;
    height: 300px;
    margin-left: 50px;
    margin-top: 0px;
    float:left;
    border: 3px solid #85b300;
    opacity:0.4;
    filter:alpha(opacity=40);
    transition: 0.4s;
}
#i9{position:relative;}
#i9 img {
    opacity:1;
    -webkit-transition: opacity;
    -webkik-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
}

#i9 .details {
    position:absolulte;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
#i9 .details:hover {
    opacity: .9;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-timing-duration: 500ms;
}
.texto_img_8{
    margin-top: 54555px;
    color:#85b300;
    padding-left: 35px;
    font-size: 30px;
   -webkit-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
  -moz-text-stroke-color: #ffffff;
  -ms-text-stroke-color: #ffffff;
  -o-text-stroke-color: #ffffff;
  text-stroke-color: #ffffff;

}

#exp{
  margin-left: 350px;
  margin-top: 70px;

}


#img_solar{
  margin-top: -200px;
  float: left;
  border: 3px solid #85b300;
}


/* CSS Galeria de Imagens Páginas Interiores */

.ppy-outer {
    display:                none;
}
.ppy-active .ppy-outer {
    display:                block;
}
.ppy-stage {
    background-repeat:      no-repeat !important;
    background-position:    center center !important;
    position:               relative;
}

.ppy-placeholder {
    position:               relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow:               hidden;
}

.ppy-imglist {
    width:          100%;
    display:        block;
    overflow:       hidden;
    
}
.ppy-imglist li {
    padding:        10px;
    border:         1px solid #f0f0f0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
    background:     #fff;
    list-style:     none;
    float:          left;
    display:        block;
    margin:         0 10px 10px 0;
}
.ppy-imglist li a img {
    display:        block;
    border:         0;
}

#ppy1 {
padding-left:10px;
}

#ppy1 .ppy-extcaption {
    width:          240px;
    display:        block;
}
#ppy1 .ppy-imglist li {
    width:          240px;
    height:         270px;
}
#ppy2 .ppy-imglist li,
#ppy2 .ppy-imglist li a {
    width:              160px;
    height:             160px;
    overflow:           hidden;
    display:        block;
}




/* popeye example 1 */
#ppy1.ppy-active {
    width:          262px;
    float:          left;
    margin:         0 20px 10px 0;
}

#ppy1 .ppy-outer {
    padding:        10px;
    border:         1px solid #e1f1a1;
    border-radius:          0 10px 10px 10px;
    -moz-border-radius:     0 10px 10px 10px;
    -webkit-border-radius:  0 10px 10px 10px;
    background:     #eff9c7;
}

#ppy1 .ppy-stage {
    width:          240px;
    height:         173px;
    border-radius:          0 5px 5px 5px;
    -moz-border-radius:     0 5px 5px 5px;
    -webkit-border-radius:  0 5px 5px 5px;
    cursor:         pointer;
}

#ppy1 .ppy-outer:hover,
#ppy1.ppy-expanded .ppy-outer {
    border:         1px solid #d5e68e;
    box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
}

#ppy1 .ppy-caption {
    margin:         5px 0 0 0;
    padding:        10px;
    font-size:      0.9em;
    line-height:    1.3em;
    color:          #809f21;
    background:     #eeffa8;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
    visibility:         hidden; /* prevent flash of content before popeye loads */
}

#ppy1 .ppy-caption a {
    color:          #66bde9;
}
#ppy1 .ppy-caption a:hover {
    text-decoration:underline;
}

#ppy1 .ppy-counter {
    border-bottom:  1px solid #d5e68e;
    color:          #b8cf5a;
    padding:        0 0 2px 0;
    margin:         0 0 5px 0;
    font-size:      0.9em;
}

#ppy1 .ppy-stagewrap {
    background:     #0c3b3d;
    border-radius:          0 5px 5px 5px;
    -moz-border-radius:     0 5px 5px 5px;
    -webkit-border-radius:  0 5px 5px 5px;
}

#ppy1 .ppy-loading {
    background:     #0c3b3d url(img/loading1.gif) no-repeat center !important;
}

#ppy1 .ppy-nav {
    background:     #0c3b3d;
    background:     -moz-linear-gradient(
        center bottom,
        rgb(12,59,61) 0%,
        rgb(58,131,133) 100%
    );
    width:          65px;
    height:         32px;
    padding:        5px;
    position:       absolute;
    top:            0;
    left:           0;  
    border-radius:          0 0 5px 5px;
    -moz-border-radius:     0 0 5px 5px;
    -webkit-border-radius:  0 0 5px 5px;   
}

#ppy1 .ppy-nav a {
    display:        block;
    overflow:       hidden;
    text-indent:    -900em;
    height:         22px;
    float:          left;
    padding:        5px;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px; 
}

#ppy1 .ppy-prev {
    width:          22px;
    background:     url(img/prev3.png) no-repeat center;
}

#ppy1 .ppy-next {
    width:          22px;
    background:     url(img/next3.png) no-repeat center;
}

#ppy1 .ppy-switch-enlarge {
    width:          30px;
    background:     url(img/enlarge3.png) no-repeat center;
}

#ppy1 .ppy-switch-compact {
    width:          30px;
    background:     url(img/compact3.png) no-repeat center;
}

#ppy1 .ppy-nav a:hover {
    background-color:   #a1c436;
    cursor:         pointer;
}

#text_box {
    width:800px;
    margin-left:10px;
}

#text_box p, h2 {
  padding-left:0px;
}
    
.downloadButton {
        margin-top:15px;
        float:right;
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
}
.downloadButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
}
.downloadButton:active {
        position:relative;
        top:1px;
}

#download_pdfs {
    width:190px;
    float:right;
    margin-right:10px;
}

#informacoes_usuario {
  background-color:blue;
}

#informacoes_user:hover {
  background-color:blue;
}