/* CSS Document */

.cabeca {
 font-family:'Exo 2',Arial;
 font-size:16px;
 font-style:bold;
 font-weight:800;
 color:#52658C;

  }
.textonoticia {
 font-family:'Exo 2',Arial;
 font-size:15px;
 font-style:normal;
 font-weight:400;
 color:#000000;
 line-height:25px;
 
 }
 .autor {
 font-family:'Exo 2',Arial;
 font-size:11px;
 font-style:normal;
 font-weight:500italic;
 color:#666666;
 line-height:25px;
 
 }
.titulonoticia {
 font-family:'Exo 2',Arial;
 font-size:30px;
 font-style:bold;
 font-weight:800;
 color:#000000;
  }
.titulointernasconteudo

{
 font-family:'Exo 2',Arial;
 font-size:22px;
 font-style:normal;
 font-weight:400;
 color:#ffffff;
 }
.noticiaspreta {
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#000000;
  text-decoration:none;
}
a.noticiaspretai {
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#000000;
  text-decoration:none;
}
.noticiasverde{
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#009441;
  text-decoration:none;
  }
a.noticiasverdei{
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#009441;
  text-decoration:none;
  }
.noticiasazul{
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#006699;
}
a.noticiasazuli{
 font-size: 20px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#006699;
  text-decoration:none;
}


.publicidadetitulo {
 font-size: 14px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#000000;
}
.semidestaqueespecial {
 font-size: 18px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#000000;
}
a.semidestaqueespeciali {
 font-size: 18px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
   color:#000000;
   text-decoration:none;
}
a.semidestaqueespeciali:hover {
 font-size: 18px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
   color:#006699;
   text-decoration:none;
}

.chamadasemi {
 font-size: 14x;
  font-weight: 500italic;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#FFCC00;
}
.destaquesemichamada {
 font-size: 18px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#FFFFFF;
}
a.destaquesemichamadai {
 font-size: 18px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
  color:#FFFFFF;
  text-decoration:none;
}

.meiobarramenu {
width:auto;
margin:0px auto;  
background-color: #f2f2f2;"
padding:0px;
top: -10px;

}


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

.menu{
margin:0 auto;
  background: #f2f2f2;
  width:980px;
  padding:0px;
  position:relative;
  	top: -10px;
	border-radius: 10px;
}
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
.menu a{
  color: #006699;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
}
.menu > .menu-list > li{
  float: left;
  position: relative;
 }
.menu > .menu-list > li > a {
  padding: 10px;
  margin: 0 0 0 5px;
  background: #f2f2f2;
  text-align:left;
}
.menu > .menu-list > li:hover a {
  background: #f2f2f2;
}
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
  color:#CCCCCC;

}
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 30px;
  left: 1px;
  right:30px;
  background: #f2f2f2;
  min-width: 180px;
  z-index: 2000;
  display: none;
  
}
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 10px;
}
.menu:after {
  display: none;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
	
	.imgclass{border-radius: 10px;}







.topocinza {width:100%;height:7px;background-color:#f2f2f2;}
.topologo {width:100%;height:120px;background-color:#006699;top: -10px;}
.barracimalogo {width:980px;height:100px;margin:0 auto;}
.logomarca{width:200px;height:100px;float:left;padding-left:15px;padding-top:15px;}
.publicidadetopo{width:760px;height:100px;float:left;padding-left:5px;padding-top:15px;}
.728x90topo {width:728px;height:90px;background:#f2f2f2;margin:0 auto;}
.bannermeio729px {width:728px;height:90px;margin:0 auto;background:#f2f2f2;}
.conteudo{background:#f2f2f2;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.icones{width:850px;height:auto;overflow:hidden;margin:0 auto;background:#FFFFFF;padding:20px;}
.texton{width:850px;}
.fb-root {width:560px; color: #004993; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-left: 10px;}
.toponoticiassemidestaque {width:100%;height:130px;background-color:#006699;}
.meionoticiasemidestaque {width:980px;height:120px;background-color:#006699;margin:0 auto;}
.semidestaque {width:220px;height:90px;background-color:#006699;float:left;margin-left:30px;margin-top:10px;}



#log1{

}

#log1 input[type="text"] {
    background: url(search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font-family: bold 12px Arial,Helvetica,Sans-serif;
    color: #666666;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#log1 input[type="text"]:focus {
    width: 200px;
    }
		
		
		
		.stepx{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/

	width: 980px; /*Width of Carousel Viewer itself*/
	height: 135px;
	margin-left:20px;
}
 



.stepx .belt{
border: 1px #CCCCCC;
position: absolute; /*leave this value alone*/
left: -3px;
top: 0;
}
 
.stepx .panel{
float: cen; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

		.stepxx{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/

	width: 980px; /*Width of Carousel Viewer itself*/
	height: 320px;
	margin-left:20px;
}
 
.stepxx .belt{
border: 1px #CCCCCC;
position: absolute; /*leave this value alone*/
left: -3px;
top: 0;
}
 
.stepxx .panel{
float: cen; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 240px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

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



.meiobarramenu {
width:auto;
margin:0px auto;  
background-color: #f2f2f2;"
padding:0px;
top: -10px;

}


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

.menu{
margin:0 auto;
  background: #f2f2f2;
  width:760px;
  padding:0px;
  position:relative;
  	top: -10px;
	border-radius: 10px;
}
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
.menu a{
  color: #006699;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
}
.menu > .menu-list > li{
  float: left;
  position: relative;
 }
.menu > .menu-list > li > a {
  padding: 10px;
  margin: 0 0 0 5px;
  background: #f2f2f2;
  text-align:left;
}
.menu > .menu-list > li:hover a {
  background: #f2f2f2;
}
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
  color:#CCCCCC;

}
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 30px;
  left: 1px;
  right:30px;
  background: #f2f2f2;
  min-width: 180px;
  z-index: 2000;
  display: none;
  
}
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 10px;
}
.menu:after {
  display: none;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
	
	.imgclass{border-radius: 10px;}





.topocinza {width:100%;height:7px;background-color:#f2f2f2;}
.topologo {width:100%;height:120px;background-color:#006699;top: -10px;}
.barracimalogo {width:100%;height:100px;margin:0 auto;}
.logomarca{width:200px;height:100px;float:left;padding-left:15px;padding-top:15px;}
.publicidadetopo{visibility:hidden;}
.728x90topo {visibility:hidden;}
.bannermeio729px {display:none;}
.conteudo{background:#f2f2f2;width:720px;height:auto;margin:0 auto;overflow:hidden;}

.conteudo img{
          max-width: 600px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height: 450px;  /* Máximo da altura da imagem */
          min-height: auto;      /* Mínimo da altura, por padrão “auto” */
          background-size:100%;
          background-repeat: no-repeat;
		  text-align:right;
  }
.icones{width:720px;height:auto;margin:0 auto;background:#FFFFFF;overflow:hidden}
.texton{width:720px;}
.fb-root {width:100%; color: #004993; font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; padding-left: 10px;}
.toponoticiassemidestaque {width:100%;height:130px;background-color:#006699;}
.meionoticiasemidestaque {width:980px;height:120px;background-color:#006699;margin:0 auto;}
.semidestaque {width:220px;height:90px;background-color:#006699;float:left;margin-left:30px;margin-top:10px;}
#log1{display:none;}

}


@media screen and (max-width: 480px) {


.meiobarramenu {
width:auto;
margin:0px auto;
height:90px;  
background-color: #f2f2f2;"
padding:0px;
}


 .f-nav{ display:none;} 

.menu{
margin:0 auto;
  background: #f2f2f2;
  width:360px;
  padding:0px;
  position:relative;
  	top: -90px;

margin-right:15px;
	border-radius: 5px;
}
.menu .menu-list, .menu .sub-menu{
  list-style: none;
}
.menu a{
  color: #006699;
  text-decoration: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  letter-spacing:0.0em;
  font-family:'Exo 2',Arial;
}
.menu > .menu-list > li{
  float: left;
  position: relative;
 }
.menu > .menu-list > li > a {
  padding: 5px;
  margin: 0 0 0 5px;
  background: #f2f2f2;
  text-align:left;
}
.menu > .menu-list > li:hover a {
  background: #f2f2f2;
}
.menu > .menu-list > li:hover > .sub-menu {
  display: block;
  color:#CCCCCC;

}
.menu > .menu-list > li > .sub-menu {
  position: absolute;
  top: 0px;
  left: 1px;
  right:10px;
  background: #f2f2f2;
  min-width: 120px;
  z-index: 2000;
  display: none;
  
}
.menu > .menu-list > li > .sub-menu > li > a {
	padding: 10px 10px;
}
.menu:after {
  display: none;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
	
	.imgclass{border-radius: 10px;}



.topocinza {visibility: hidden;}
.topologo {width:100%;height:100px;background-color:#006699;top: -10px;}
.barracimalogo {width:100%;height:100px;margin:0 auto;}
.logomarca{width:200px;height:100px;float:left;padding-left:15px;padding-top:15px;}
.publicidadetopo{visibility:hidden;}
.728x90topo {visibility:hidden;}
.bannermeio729px {display:none; visibility: hidden;}
.conteudo{background:#f2f2f2;width:330px;;height:auto;margin:auto 0px;overflow:hidden;top:200px;position:absolute;}
.conteudo img{
          max-width: 300px;   /* Máximo da largura da imagem */
          width: 100%;
          max-height: 250px;  /* Máximo da altura da imagem */
          min-height: auto;      /* Mínimo da altura, por padrão “auto” */
          background-size:100%;
          background-repeat: no-repeat;
		  text-align:right;
  }
.icones{width:330px;height:auto;margin:0 auto;background:#FFFFFF;top:-10px; }
.texton{width:310px;text-align:justify;}
.fb-root {display:none;}
.toponoticiassemidestaque {display:none;visibility: hidden;}
.meionoticiasemidestaque {display:none;visibility: hidden;}
.semidestaque {display:none;}
.mygallery3 {display:none; visibility: hidden;}
.cabeca {display:none; visibility: hidden;}
.fb-like {display:none; visibility: hidden;}

#log1{display:none;visibility: hidden;}



.stepx .belt{
visibility: hidden;
display:none;
}
 
.stepx .panel{
visibility: hidden;
display:none;
}

		.stepxx{
	display:none;
visibility: hidden;
}
 
.stepxx .belt{
visibility: hidden;
display:none;
}
 
.stepxx .panel{
display:none;
visibility: hidden;
}

.semidestaqueespecial {display:none;}

.titulonoticia {
 font-family:'Exo 2',Arial;
 font-size:20px;
 font-style:bold;
 font-weight:800;
 color:#000000;
  }