@import 'reset.scss';
/* Variaveis */
$cor-titulo: #3b6c3c;
$fonte-titulo : "lucida_handwritingitalic","Comic Sans MS", "Comic Sans", cursive;
$cor-bg-rodape: #008942;
$fonte-padrao: Arial, Helvetica, sans-serif;


.center{
	text-align:center;
}
.fonte-conteudo {
    font-family: $fonte-padrao;
    font-size: 16px;
}

.padrao-bg{
	background-position: top center;
	background-repeat: no-repeat;
}

.font-padrao{
	font-family: $fonte-padrao;
}

.titulo{
	font-family: $fonte-titulo;
	color: $cor-titulo;
}

/* Body e Header */
body {
	background-image: url('/imagens/site/background-image.png');
	@extend .padrao-bg;
}


div#header{
	background-image: url('/imagens/site/imagem-topo.jpg');
	min-height: 190px;
	border-bottom: 2px solid #000000;
	position:relative;
    padding-right: 25px;
    padding-left:25px;
	@extend .padrao-bg;

	h1 {
		@extend .titulo;
		font-size: 60px;
		margin-bottom:15px;
		margin-top: 70px;
	}

	span{
		@extend .titulo;
		display: block;
		font-size: 21px;

	}
}

a#logo {
	display:block;
	position: absolute;
	margin-top: 80px!important;
    margin-left: 13px;
    z-index: 1;
}

/* Conteudo */

div#conteudo{
	background-color:#fff;
	min-height: 800px;
  padding-bottom: 20px;
  padding-right: 25px;
  padding-left:25px;

  @extend .fonte-conteudo;

  div#index img{
      padding-top: 33px;
      margin: 0 auto;

  }

  p.premio-non {
    margin-top: 50px;
    text-align: center;
    font-size: 30px;

  }



  nav {
    padding-top:152px;
  }

  div#index {
    padding-top: 110px;

    form {
      text-align: center;
      font-weight: bold;
    }

    #radiobtn {

     margin-left: 223px;
        label {
          font-weight: bold;
        }
        margin-bottom: 10px;
    }

    #input-pesquisa {
      padding:0px 0px 10px 0px;
        label,input {

          margin-right: 8px;
        }

    }

  }
      h2.titulo-interna {
      font-size: 20px;
      font-weight: bold;
      border-bottom: 2px solid #003300;
      padding-top: 155px;
      margin-bottom: 20px;

    }

    strong {
      font-weight:bold;
    }

    ul#equipe {

      li {

        @extend .fonte-conteudo;
         span {
        margin-bottom: 7px;
        display:block;
            strong {
              font-weight: bold;
            }
         }
      }

      li.cargo-li{
        margin-bottom: 20px;
      }

      li.link-li {
        a {
          color: #0092dd;
        }
      }

    }

    p {
      @extend .fonte-conteudo;
      text-align: justify;
      line-height: 23px;
      margin-bottom:15px;
    }

       a {
        color: #0092dd;
        text-decoration: none;
       }

       div#oi {
         text-align:right;font-weight:bold;
         a {
           color: #000000 !important;
           font-family:Arial;
         }

         a:hover {
           color: #0092dd!important;
           text-decoration: underline;
         }

       }

       a:hover {
        text-decoration: underline;
       }


      form#contato {
        input,select {
          margin-top : 10px;

        }

        textarea {
        }

        button {
          margin-top: 10px;
        }

      }

      form#submissao-cientifica {
        input,select{
            margin-top:10px;

        }
        label {
          font-weight:bold;
          margin-left: 0px;
        }

        fieldset {
            label {
              font-weight: normal;
            }
        }
      }

      .erro:focus {
        border:1px solid red;
      }

      .erro {
        border:1px solid red;
      }

      .erro {
        border:1px solid red;
      }
      .erro:focus {
        border:1px solid red;
      }

      div#endereco-contato {
        background-color: #f9f9f9;
        padding: 30px 0px;
        border-left: 3px solid #008942;
        p{
          text-align:center;
          margin-bottom: 5px!important;

          span {
            font-weight:bold;
          }
        }
      }



}





/* Icone */

.icone {
    background-image: url('/imagens/site/icon.png');
    width:20px;
    height: 30px;
    color: #fff;
    margin-right: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 2px 16px;
  }





/* Sidebar */

  div#bs-sidebar-navbar-collapse-1 {
    width: 300px;
    padding: 0px;
  }



  .navbar-default {
    box-shadow: none!important;
    border: none;
    }

  nav.navbar-default {
    background-image: none!important;
    background-color: #fff;
    }


  nav > div.container-fluid {
    border-color: #fff;
    }

  .main{
      padding: 10px 10px 0 10px;
    }

  .navbar-default .navbar-nav>li{
    margin-left: 13px;
    margin-top: 12px;
  }
 .navbar-default .navbar-nav>li>a {
      color:#000000!important;
      font-family: Arial;
      font-weight: bold;
      margin-right: 50px;
      padding:18px 6px 6px 18px;
      @extend .font-padrao;
      background-image: url('/imagens/site/icon.png');
     background-position: 0px 18px;
     background-repeat: no-repeat;
     padding-left: 30px;

    }


nav div li:first-child {
  padding: 0px 0px 0px 0px;

}


@media (max-width: 240px) {
  div#conteudo h2.titulo-interna {
    padding-top: 0px!important;
  }
}

@media (max-width: 320px) {


  a#logo {

      img {
        padding-top: 40px;
      }

  }

  div#header h1 {
    margin-top: 30px;
    font-size: 44px;
  }



  div#conteudo {

    padding-top: 10px;



    div#index {

      #radiobtn {
        margin-left: 30px;
        text-align: left;
      }

      #input-pesquisa {
         label,input {
           margin-bottom: 12px;
         }
      }
    }

  }


}



  @media (min-width: 321px) and (max-width: 375px) {


    a#logo {

      img {
        padding-top: 40px;
        margin-left: 15px;
      }

    }

    div#header h1 {
      margin-top: 30px;
      font-size: 44px;
    }



    div#conteudo {

      padding-top: 10px;



      div#index {

        #radiobtn {
          margin-left: 30px;
          text-align: left;
        }

        #input-pesquisa {
          label,input {
            margin-bottom: 12px;
          }
        }
      }

    }

    div#conteudo a {
      text-align: center;
    }

  }

  @media(min-width: 384px) and (max-width: 384px)
  {

    .navbar-header {
      margin-top: 30px;
    }

    a#logo {

      img {
        padding-top: 105px;
        margin-left: 30px;
      }

    }

    div#conteudo {

      div#index {

        #radiobtn {
          margin-left: 30px;
          text-align: left;
        }

        #input-pesquisa {
          label,input {
            margin-bottom: 12px;
          }
        }
      }

    }


  }


  @media (min-width: 385px) and (max-width: 414px) {

    a#logo {

      img {
        padding-top: 105px;
        margin-left: 40px;
      }

    }

    .navbar-header {
      margin-top: 20px;
    }


    div#conteudo {

      padding-top: 10px;



      div#index {

        #radiobtn {
          margin-left: 30px;
          text-align: left;
        }

        #input-pesquisa {
          label,input {
            margin-bottom: 12px;
          }
        }
      }

    }

  }




 @media (min-width: 568px) and (max-width: 568px) {

   div#header {
        span {
          display: none;
        }

   }

   a#logo {

     img {
       padding-top: 50px;
       margin-left: 125px;
     }

   }


   div#conteudo {

     padding-top: 10px;

     div#index {

       #radiobtn {
         margin-left: 30px;
         text-align: center;
       }

       #input-pesquisa {
         label,input {
           margin-bottom: 12px;
         }
       }
     }

   }

 }


 @media(min-width: 569px) and (max-width: 667px) {


   a#logo {

     img {
       padding-top: 50px;
       margin-left: 160px;
     }

   }

   .navbar-header {
     margin-top: 20px;
   }

   div#conteudo {

   div#index {

     #radiobtn {
       margin-left: 30px;
       text-align: center;
     }

     #input-pesquisa {
       label,input {
         margin-bottom: 12px;
       }



     }
   }

   }




 }

  @media (min-width: 668px) and (max-width: 737px) {



    a#logo {

      img {
        padding-top: 60px;
        margin-left: 210px;
      }

    }

    div#conteudo {

      div#index {

        #radiobtn {
          margin-left: 30px;
          text-align: center;
        }

        #input-pesquisa {
          label {
            margin-bottom: 12px;

            #titulo,#autor {
              margin-right: 102px;
            }
          }

          input {
            margin-bottom: 12px;
          }
        }
      }

    }

  }


 @media (min-width: 768px) and (max-width: 1000px) {

   div#header {
     span {
       display: none;
     }
   }

   a#logo {
     img {
       padding-top:70px;
     }

   }

   .navbar-default .navbar-nav > li > a {
     color: #000000 !important;
     font-family: Arial;
     padding: 18px 12px 12px 18px;
     font-weight: bold;
     margin-right: 50px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     background-image: url('/imagens/site/icon.png');
     background-position: 0px 18px;
     background-repeat: no-repeat;
     padding-left: 30px;

   }

 }


  @media (max-width: 980px) {
    .navbar-header {
      float: none;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .navbar-text {
      float: none;
      margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
      display: block!important;
    }
    .collapsing {
      overflow: hidden!important;
    }
  }






    nav:hover .forAnimate{
    opacity: 1;
  }
  section{
    padding-left: 15px;
  }


/* Rodape , Copy Right  e lang-bar*/

.extensao {
    padding: 10px;

}

div#lang-bar {
  background-color: #fff;
  border-bottom: 2px solid #000000;
  $fonte-padrao: Arial, Helvetica, sans-serif;
  padding-right: 25px;
  padding-left: 25px;

  a {
    text-decoration: none;
    color: $cor-titulo;

  }

  a:hover {
    text-decoration: underline;
  }

  span {
    padding: 0px 5px;
    color: $cor-titulo;
  }
}

footer#rodape {
	background-color: $cor-bg-rodape;
	margin-bottom: 10px;
	a{
		color: #fff;
		@extend .font-padrao;

	}
}

div#copyright{
	background-color:#fff;
	p {
		@extend .font-padrao;
	}
}



 div#header-primum{
   background-image: url('/imagens/site/topo-primum-non-nocere.jpg');
   min-height: 300px;
   border-bottom: 2px solid #000000;
   position:relative;
   padding-right: 25px;
   padding-left:25px;
   @extend .padrao-bg;

   h1 {
     @extend .titulo;
     font-size: 60px;
     margin-bottom:15px;
     margin-top: 70px;
   }

   span{
     @extend .titulo;
     display: block;
     font-size: 21px;

   }

   a#logo {
     display:block;
     position: absolute;
     margin-top: 140px!important;
     margin-left: 13px;
     z-index: 1;
   }
 }

 #navbar-primum{
   padding: 0px;
   margin-top: 5px;
   background: #e1ba81;
   border-bottom: 2px solid #6d5a3f;
   a,a:link,a:visited,a:active{
     background: none;
     color: #262626!important;
     font-weight: bold;
     text-transform: uppercase;
     font-family: $fonte-padrao;
     font-size: 14px;
     margin-right: 10px;

   }

   li:hover a{
     text-decoration: none!important;
     background: #c4a373!important;

   }
 }

 #navbar-primum li:last-child a{
   margin-right: 0px!important;
 }

 .titulo-primum{
   padding-top: 20px!important;
 }

 form#inscricao {
   input,select {
     margin-top : 10px;

   }

   textarea {
   }

   button {
     margin-top: 10px;
   }

   label{
     display: block;
   }

   p{
     margin-bottom: 0px;
   }

 }