@media (max-width: 992px) {
   .divInformacoesEvento {
      text-align: center;
   }
   .divInformacoesEvento p {
      line-height: 15px;
      text-align: center;
      margin: 0px 0 7.5px;
   }
   #divMenuRodape p{
      padding-top:10px!important;
      text-align:center!important;
   }
}
@media (max-width: 990px) { 
   #ulMenuPrincipal a{ font-size: 14px!important; }
   #divHead{ height:70px!important; }
   #divHead img{ max-width:141px!important; }
   #divBody { padding-bottom:100px!important; }   
}
@media (max-width: 765px) {
   /*#menuMobile{ display:block!important; }*/
   #divHead{ display:none!important; }

   #ulMenuPrincipal{
      margin-top:0px!important;
      display:unset!important;
      float:right!important;
      width:auto!important;
   }
   #ulMenuPrincipal > li{
      display: table!important;
      margin:0px 0px 2px 20px;   
   }
   #ulMenuPrincipal a{ font-size: 12px!important; }
   #divHead, #divHeadLogin > div, #divBody { padding: 0px 15px!important; }
   #divHead .navbar{ margin-top:0px!important; }
   .chamadaMateria{ display:none; }
   .divMateria .tituloMateria{font-size : 16px!important;}

   #divBody{ padding-bottom:250px!important; }

   #divMenuUsuarioLogado{
      /*top:45px!important;*/
      width: 100%!important;
      right:0!important;
   }
   #divMenuUsuarioLogado, #divBody { padding: 0px 15px!important; }
   #divHeadLogin > div{
      width:100%!important;
      padding:0px 10px 0px 10px!important;
   }
   #divMenuUsuarioLogado > div{
      width:100%!important;
      padding:0px!important;
   }

   /*footer{ margin-top:150px!important; }*/
}

@media (max-width: 600px) {
   .tituloMateriaView{ font-size: 28px!important; }
   #divMenuRodape p a{min-width: 10px!important;}
}

@media (max-width: 500px) {
   .divMateria .tituloMateria{font-size : 14px!important;}
   .divMateriaComImagem .divMateriaInfo{padding:15px;}
}

@media (max-width: 400px) {
   .tituloMateriaView{ font-size: 28px!important; }
   .botaoAzul{ letter-spacing : 2px; }
}

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/*html {
 overflow: auto;  
}*/

html,
body {
   margin:0;
   padding:0;
   height:100%;
   position: relative;
}

body {
   line-height:normal !important;
   background:#FFFFFF;
   font-family: 'Open Sans', serif;
   font-size : 16px;
   color: #1A1A1A;
   position: relative;
}

p {line-height: 150%;}

img {max-width:100%;}

a {text-decoration: none!important;}

label{font-weight: normal;}

ul {overflow: auto;  /* allow li's to overflow w/ scroll bar at the bottom of the menu*/}
li {white-space: nowrap; /*stop the wrapping in the first place*/}

/*footer{padding-top:50px;}*/

#divContainer {
   min-height:100%;
   position:relative;
   /*width:90%;
   max-width: 1200px;*/
   margin: auto;
}
#divHead {
   background-color: #1B75BB;
   height: 100px;
   width: 100%;
   color:#FFFFFF;
}
#divHead > div{
   width:90%;
   margin:auto;
   max-width: 1200px;
   display: table;
}

#divHeadLogin {
   background-color: #808285;
   width: 100%;
   color: #FFFFFF;
   text-align: right;
   padding: 15px 0;
}
#divHeadLogin > div{
   width:90%;
   margin:auto;
   max-width: 1200px;
   display: table;
   vertical-align: middle;
}

#divBody {
   width:90%;
   margin:auto;
   max-width: 1200px;
   /*padding-bottom:190px!important;*/ /* Height of the footer */ 
   /*transform: scaleX(0.95);*/
}
#divBody .row{
   clear: both;
   overflow: hidden;
   margin-bottom: 10px;
}

#divFooter {
   position:initial;
   bottom:0;
   width:100%;
   background:#999999;
   color:#CCCCCC;
   font-size:15px;
   padding:10px 0 5px;
   margin-top: 5%;
}

#divFooter > div{
   width:calc(100% - 30px);
   margin:auto;
   max-width: 1200px;
   display: table;
}

#divFooter a{
   color:#CCCCCC!important;
   font-weight: bold;
   position: relative;
}
#divFooter a:not(:last-child):after {
   content: '\00B7';
   position: absolute;
   right: -8px;
   padding-left: 15px;
   color: #E4E4E4;
   font-size: 40px;
}
#divFooter hr {
   border-color: #ccc;
   width: 40%; 
   margin-top: 10px;
   margin-bottom: 15px;
}


#divMenuRodape{
   display: inline-block;
   text-align: center; 
   vertical-align: middle; 
   margin-left: 15px;
}
#divMenuRodape p a{
   display: inline-block; 
   padding:0px 15px;
}

#modal-overlay {
   position: fixed;
   z-index: 10;
   background: black;
   display: none;
   opacity: .75;
   filter: alpha(opacity=75);
   width: 100%;
   height: 100%;
}

.hrCinza{
   border-color:#999999;
   margin:0px 0px 25px 0px;
}
.hrAzul{
   border-color:#25A9E0;
   margin:0px 0px 25px 0px;
}

.lblTituloCategoria{
   font-size : 20px;
   text-transform : uppercase;
   color: #999999;
   text-align:left;
}

.lblTituloCategoriaAzul{
   color: #1b75bb!important;
}

.linkLogin{color:#FFFFFF;}
.linkLogin:hover{color:#FFFFFF;}

.botaoAzul{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color:#1B75BB;
   color:#FFFFFF;
   margin-bottom:25px;
   text-align:center;
   padding: 15px 3px;
   text-transform: uppercase;
   letter-spacing : 4.8px;
   font-weight: 400;
}
.botaoAzul:hover{background-color:#25A9E0;}

.botaoVerde{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color:#7ac143;
   color:#FFFFFF;
   margin-bottom:25px;
   text-align:center;
   padding: 15px 0px;
   text-transform: uppercase;
   letter-spacing : 4.8px;
   font-weight: 400;
}
.botaoVerde:hover{background-color:#808285;}

.divBannerPrincipal{padding-bottom:25px;}

.divMateria{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color:#FFFFFF;
   border:1px solid #999999;
   margin-bottom:25px;
}
.divMateria .divMateriaInfo{
   padding:15px;
   width:100%;
}
.divMateria .tituloMateriaView{
   font-size : 36px;
   font-weight: normal;
   text-transform: uppercase;
   color: #1B75BB;
}
.divMateria .tituloMateria{
   font-size : 18px;
   font-weight: bold;
   text-transform: uppercase;
   color: #1B75BB;
   line-height: 10px;
   -webkit-transition: color 0.5s ease;
   -moz-transition: color 0.5s ease;
   -o-transition: color 0.5s ease;
   transition: color 0.5s ease;
}
.divMateria .tituloMateria:hover{color: #25A9E0;}
.divMateria .editoriaMateria, .divMateria .linkEditoriaMateria{
   font-size: 12px;
   color: #999999;
   margin-bottom:10px;
}
.divMateria .chamadaMateria{
   color: #1A1A1A;
   font-size: 14px;
   text-align: justify;
   margin-bottom: 0;
   line-height: 16px;
   margin-bottom: 0;
}

.divMateriaDestaquePin{
   color:#FFFFFF!important;
   background-color:#1B75BB!important;
}
/*.divMateriaDestaquePin:hover{background-color:#25A9E0!important;}*/
.divMateriaDestaquePin .tituloMateria,
.divMateriaDestaquePin .tituloMateria:hover,
.divMateriaDestaquePin .editoriaMateria,
.divMateriaDestaquePin .linkEditoriaMateria,
.divMateriaDestaquePin .chamadaMateria{
   color: #FFFFFF!important;
}

.divMateriaComImagem{
   background-color: #000000;
   position: relative;
   min-height:180px;
   padding-bottom: 42.55%;    
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.divMateriaComImagem .divMateriaInfo{
   position: absolute;
   bottom: 0;
   background-image: linear-gradient(to bottom, transparent, #000000 100%);
   padding: 50px 15px 15px 15px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.divMateriaComImagem .tituloMateria{
   padding-top:20px;
   color: #FFFFFF;
   text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
}
.divMateriaComImagem .editoriaMateria, .divMateriaComImagem .linkEditoriaMateria{
   color: #FFFFFF!important;
}
.divMateriaComImagem .chamadaMateria{color: #FFFFFF;}

.linkEditoriaMateria{color:#AAAAAA!important;}

#divProximoEvento{
   padding-bottom:25px;
}
.imgProximoEvento, .imgMateria{
   max-width: 100%;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.divEnquete{
   color:#FFFFFF!important;
   background-color:#1B75BB!important;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border:1px solid #999999;
   margin-bottom:25px;
}
.divEnquete .divEnqueteInfo{
   padding:15px;
   width:100%;
}
.divEnquete .tituloEnquete{
   font-size : 16px;
   font-weight: bold;
   text-transform: uppercase;
}
.tbEnquete{
   size: 12px;
   margin-top:15px;
}
.tbEnquete tr td{
   vertical-align: top;
   text-align: justify;
}
#botaoEnviarEnquete{
   background-color: #25A9E0!important;
   margin: 5px 0px 0px 0px!important;
   cursor: pointer;
}
#divMensagemEnquete{
   color:#fff;
   padding:5px; 
   margin-top:15px; 
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   font-weight: bold;
}
#divMensagemEnquete img{width:40px;}

.divComentarioMateria{
   background-color:#FFFFFF;
   margin: 10px;
   border-bottom:1px solid #25A9E0;
}
.divComentarioMateria:last-child{
   border-bottom:0px;
}
.divComentarioMateria .autorComentario{
   font-size : 16px;
   font-weight: bold;
   color: #25A9E0;
}
.divComentarioMateria .dataComentario{
   font-size: 12px;
   color: #999999;
   margin-bottom:10px;
}
.divComentarioMateria .textoComentario{
   font-size: 14px;
   color: #1A1A1A;
   text-align: justify;
}

/******
 MENUS
*/
/*.navibar { //usar este codigo quando formos deixar a barra fixa no topo durante a rolagem da page
    background-color: rgba(27, 117, 187, 0.8)!important;
    height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}*/
.navbar-toggle {
   float: right;
   margin: 5px 0px;
   padding: 10px 0px;
   position: relative;
}
.navi-toggle {
   border-color: transparent !important;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a, .navibar a {
   color:#FFF!important;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navibar a {
   background-color: rgba(27, 117, 187, 1) !important;
   color:#CCCCCC!important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
   border-color: rgba(27, 117, 187, 1)!important;
}
.navbar-inverse,
.navbar-inverse:hover,
.navbar-toggle,
.navbar-toggle:focus {
   background-color: rgba(27, 117, 187, 1)!important;
}

.navbar{background-color: rgba(27, 117, 187, 1)!important;height:45px}
.nbar img{margin:5px auto;height:40px}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover,.navibar a{background-color:rgba(27, 117, 187, 1)!important}
ul.nav{margin-top:0!important}
.icon-bar{background-color:#fff}

#ulMenuPrincipal{
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
   width:100%;
   display: table;
}
#ulMenuPrincipal li{
   display: table-cell;
   height:20px;
   padding-left:10px;
   text-align:right;
}
#ulMenuPrincipal a{
   padding: 0px 2px;
   font-size: 16px;
   letter-spacing: 3px;
   color:#FFFFFF;
   display: inline-block;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   box-shadow: 0 0 1px transparent;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);

}
#ulMenuPrincipal a:hover{
   -webkit-transform: scale(1.3);
   transform: scale(1.3);
}

#btnMenuUsuarioLogado{
   width:60px;
   cursor:pointer;
}

#divMenuUsuarioLogado {
   display: none;
   position: absolute;
   /*top: 145px;*/
   text-align: right;
   width: 100%;
   min-height: 50px;
   background-color: rgba(0, 0, 0, 0.75);
   z-index: 1000; /* Faz com que fique sobre todos os elementos da página */
}

#divMenuUsuarioLogado > div{
   display: table;
   margin: auto;
   max-width: 1200px;
   width: 90%;
}
#divMenuUsuarioLogado ul{
   float:right;
   padding-bottom:25px;
}
#divMenuUsuarioLogado ul li{
   padding:25px 0px 0px 25px;
   text-align: right;
}
#divMenuUsuarioLogado a{color:#fff;}

/*******************************************************************************
********************************************************************************
FORMS
*/
form {
   font-size:14px;
}
form > div {
   clear: both;
   overflow: hidden;
   padding: 1px;
   margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
   margin: 0 0 5px 0;
}
form > div > label, 
legend {
   width: 25%;
   float: left;
   padding-right: 10px;
   font-weight: normal;
}
form > div > div,
form > div > fieldset > div {
   /*width: 75%;
   float: right;*/
}
form > div > fieldset label {
   font-size: 90%;
}
fieldset {
   border: 0;
   padding: 0;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
   width: 100%;
   border-top: 1px solid #BABABA;
   border-left: 1px solid #BABABA;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-radius: 6px;
   padding: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
   outline: 0;
   border-color: #4697e4;
}

textarea{
   resize: none;
}

.ui-datepicker-trigger {
   background: url(../images/calendar.png) no-repeat;
   border: 0px;
   cursor: pointer;
   width: 16px;
   height: 16px;
   padding:15px;
   display: none;
}
.formButton{
   cursor:pointer;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color:#1B75BB;
   color:#FFFFFF;
   margin-bottom:25px;
   text-align:center;
   padding: 20px;
   text-transform: uppercase;
   letter-spacing : 4.8px;
   font-weight: 400;
}
.formButton:hover{
   background-color:#25A9E0;
}
.success{
   border:1px solid #00D11B;
   background-color:#DEF4E1;
}
.ui-state-error, .success, .ui-state-highlight{
   padding:10px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
.validationError{
   color:red;
   border-color: red!important;
   /*margin-top:-20px;*/
}

/***
RADIOBUTTONS
*/
.roundedOne {
   width: 28px;
   height: 28px;
   background: #565656;
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   position: relative;                    
   float: left;
   margin: 0px 10px 10px 0px;
}
.roundedOne label {
   cursor: pointer;
   position: absolute;
   width: 20px;
   height: 20px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   left: 4px;
   top: 4px;
   background: -webkit-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -moz-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -o-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -ms-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.roundedOne label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   content: '';
   position: absolute;
   width: 16px;
   height: 16px;
   background: #25A9E0;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   top: 2px;
   left: 2px;
}
.roundedOne label:hover::after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
.roundedOne input[type='radio']{
   visibility: hidden;
}
.roundedOne input[type='radio']:checked + label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/***
CHECKBOXES
*/
.squaredOne {
   width: 32px;
   height: 32px;
   background: #565656; 
   position: relative;
   float: left;
   margin: 0px 10px 10px 0px;
}
.squaredOne label {
   cursor: pointer;
   position: absolute;
   width: 24px;
   height: 24px;
   left: 4px;
   top: 4px;
   background: -webkit-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -moz-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -o-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: -ms-linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   background: linear-gradient(top, #b7b7b7 0%, #FFFFFF 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.squaredOne label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   content: '';
   position: absolute;
   width: 20px;
   height: 20px;
   background: #25A9E0;
   top: 2px;
   left: 2px;
}
.squaredOne label:hover::after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   opacity: 0.3;
}
.squaredOne input[type='checkbox'] {
   visibility: hidden;
} 
.squaredOne input[type='checkbox']:checked + label:after {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.flowplayer .fp-progress{
   background-color:#00457C!important;
}

/****
GERAL
*/
form .row > div{
   /*float:left!important;*/
}
.ffoo {
   color: #003366;
   font-size:15px;
   text-align: center;
   margin-top: 35px;
} 
.sfoo {
   font-size:14px;
   text-align: center;
}
.infoIndisponivel {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 25px;
    border: 1px solid gray;
    border-radius: 5px;
    margin: 1px 0;
}
.infoIndisponivel h4 {
    display: inline-block;
    color: #808285;
    font-weight: 700;
}
.infoIndisponivel span {
    font-size: 1.8em;
    color: #fdc611;
    vertical-align: text-bottom;
}
@media (max-width: 600px) {
   form > div {
      margin: 0 0 15px 0; 
   }
   form > div > label,
   legend {
      width: 100%;
      float: none;
      margin: 0 0 5px 0;
   }
   form > div > div,
   form > div > fieldset > div {
      width: 100%;
      float: none;
   }
   input[type=text],
   input[type=email],
   input[type=url],
   input[type=password],
   textarea,
   select {
      width: 100%; 
   }
}
@media (max-width: 768px) {
   #divBody{
      width: 100%;
   } 
   #divInfo {
      padding: 15px;
   }
}
@media (min-width: 1200px) {
   form > div > label,
   legend {
      text-align: right;
   }
}

/********************************************************************************************/
/*************************************  ESTILOS LOGIN    ************************************/
/********************************************************************************************/
.tituloAlertBox {
   display: block;
   color: #00457C;
   font-size: 18px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: center;
   text-shadow: 0 0 0.5px rgba(34, 34, 34, 0.55);
}
.boxAlert{
   width: 100%;
   padding:0 15px 15px 15px; 
   border:0.5px solid #00457C; 
   border-radius: 5px;
   font-size: 14px;
}
.divInformacoesEvento{       
   float:left;
   width: 100%;
   padding: 15px 15px 5px;
   background-color:#999999;
   color:#fff!important;
   border-radius: 5px;
   font-size: 14px;
   text-align: left;
}
.divInformacoesEvento p {
   line-height: 18px;
}
.imgCenter{
   display: block;
   margin: auto;
}
.noSpacing{
   padding: 0;
}
.space{
   padding: 0 15px;
}
.tituloContato{
   width: 100%;
   text-align: center; 
   font-size: 20px; 
   font-weight: bold;
   margin-bottom: 10px;
}
.base{
   font-size: 14px;
   margin:20px 0;
}
#divInfo{
   float:left;
   width: 100%;
   font-size:14px;
   text-align:justify;
   border: 1px solid #999999;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 25px;
   margin-bottom: 25px;
}
.grayTitle{
   font-size: 22px;
   color:#CCC;
   text-transform: uppercase;
   margin:10px 0;
}
.textDarkHighlight{
   font-size: 16px;
   font-weight: bold;
   color:#333;
   text-align: center;
   margin:10px 0;
}
@media (max-width: 992px) {
   .boxAlert {
      padding: 0px 15px 0px 15px;
      font-size: 14px;
      margin-top: 20px;
   }
   .boxAlert img {
      width: 55px !important;
   }
   .boxAlert .base {
      margin: 10px 0;
   }
   .boxAlert .tituloAlertBox {
      font-size: 14px;
      padding: 0;
   }
}