/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans|Carrois+Gothic|Pacifico);

html{
    margin:0px;
    margin-top:10px;
    font-family: Pacifico;
}

body{
	font-family: Open Sans;
	font-size:12px;
	margin: 0px;
	background-color: #666;
}

a{
//	color:black;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h2{
	padding-left: 10px;
}

h3{
	padding-left: 10px;
}

.menumobile{
	display: none;
	height: 30px;
	text-align: center;
}

.site{
	width: 100%;
	max-width: 1000px;
	margin: auto;  /*  CENTRALIZA NA HORIZONTAL  */
}

.cabecalho{
	width: 100%;
	height: 30px;
	background-color: #333333;
}

.cabec1{
	width: 100%;
	max-width: 1040px;
	height: 30px;
	margin: auto;

}

.cabecleft{
	width: 50%;
	height: 30px;
	float: left;
}

.cabecleft ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.cabecleft li{
	float: left;
	color: white;
	line-height: 30px;
	margin-left: 8px;
	margin-right: 8px;
}

.cabecleft li a{
	text-decoration: none;
	color: #fff;
}

.cabecleft li .ativo{
	color: white;
}

.cabecleft li a:hover{
	text-decoration: underline;
}

.cabecright{
	width: 50%;
	height: 28px;
	float: right;
	text-align: right;
	margin-top: 2px;
}

.cabecbusca{
	width: 110px;
	height: 26px;
	outline: 0;
}

.cabecright input{
	width: auto;
	height: 15px;
	float: right;
}

.cabecright img{
	
	
}

.topo{
	width: 100%;
	height: 95px;
	line-height: 90px;   /* CENTRALIZA NA HORIZONTAL */
	text-align: center;  /*  ALINHA O TEXTO NA ÁREA HORIZONTAL   
    background: linear-gradient(360deg,yellow,orange,red);	*/
	background-color: white;
	font-size: 36px;
	color: #000;
}

.topoint{
	width: 100%;
	max-width: 1040px;
	height: 95px;
	margin: auto;
}

.logo{
	width: 230px;
	height: 95px;
	float: left;
	font-size: 24px;
	line-height: 95px;  /* instrução para ficar no meio */
}


.topo .banner{
	width: 650px;
	height: 80px;
	float: right;
	margin-top: 7px;
	background-color: red;
	color: white;
	font-size: 25px;
}

.menu {
	height: 40px;
	background-color: #F50307;
}

.menuint{
	width: 100%;
	max-width: 1040px;
	height: 40px;
	margin: auto;
	background-color: red;
}

.menuint ul{
	float: left;
	color: white;
	font-size: 12px;
	list-style: none;
}

.menuint li {
	float: left;
	color: white;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 20px;
	text-decoration: none;
}

.menu li:hover .submenu{
	display: block;
	
}

menu li .active {
	color: yellow;
}

.submenu{
	width: 150px;
	background-color: #FF0000;
	position: absolute;
	display: none;
}

.submenuitem{
	width: 150px;
	height: 20px;
	line-height: 20px;
	color:white;
}

.submenuitem:hover{
	background-color: #ff5555;
	color:red;
}

.titulo1 {
	font-size: 48px;
	color: white;
	margin: auto;
	margin-top: 60px;
}

.container{
    width: 100%;
    height: 95px;
    line-height: 90px;   /* CENTRALIZA NA HORIZONTAL */
    text-align: center;  /*  ALINHA O TEXTO NA ÁREA HORIZONTAL   
    background: linear-gradient(360deg,yellow,orange,red);	
    background-color: white;
    font-size: 30px;
    color: #FFF;	*/

}

.containerint{
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.rodape{
	width:50%;
	height:30px;
	line-height: 30px;   /* CENTRALIZA NA HORIZONTAL */
	text-align: center; 
	background-color: #000000;
	color : #FFFFFF;
}

.leftside{
	width:450px;
	float: left;
}

.rightside{
	width: 275px;
	min-height: 200px;
	float: right;
	background-color: #999;
	margin-left: 12px;
}

.widget{
	border: 1px solid #424141;
	background-color: white;
	margin-bottom: 10px;
}

.widget_titulo {
	height: 30px;
	line-height: 30px;
	background-color: #ddd;
	border-bottom: 1px solid #424141;
	padding-left: 5px;
	font-size: 14px;
}

.widget_conteudo{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
}

.noticias_item{
	font-size: 16px;
	margin: 0px 10px;
	padding: 10px 0px;
	text-align: justify;
	border-bottom: 1px solid #ccc;
}

.noticias_item a{
	text-decoration: none;
	color: #000;
}

.slideshow{
	height: 335px;
	overflow: hidden; 
	margin-bottom: 20px;
}
.slideshowarea{
/*	width: 10000px; /* ESTA LARGURA DEVE SER COLOCADA A ÁREA TOTAL DOS SLIDES DE COMPRIMENTO 	*/ 
	height: 335px;
	transform: all 1s;
}

.slide{
	height: 335px;
	float: left;
	margin-top: 5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover; 
}

.slideinfo{
	height: 70px;
	background-image: url('../images/slideshow_bg.png');
	background-size: auto 70px;
	margin-top: 265px;
}

.slideinfo-titulo{
	font-size: 16px;
	color: white;
	padding-top: 20px;
	padding-left: 15px;
}

.slideinfo-subtitulo{
	font-size: 12px;
	color: white;
	padding-top: 5px;
	padding-left: 15px;
}

.slideshowbolinhas{
	position: absolute;
	width: 200px;
	height: 20px;
}

.bolinha{
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	cursor: pointer;
	border-radius: 50%;	
	background-color: #fff;
}

.bolinha .ativa{
	background-color: #666;
}

.noticiaarea1{
	width: 430px;
	height: 420px;
	float: left;
}

.noticiaarea2{
	margin-top: 10px;
	width: 320px;
	height: 420px;
	float: left;
}

.noticiaimg{
	width: 80px;
	height: 80px;
	border: 1px solid #D9D7D7;
	padding: 3px;
	float: left;
}

.noticiaitem{
	clear: both;
	text-align: left;
}

.noticiatitulo {
	width: 226px;
	float: left;
	margin-left: 6px;
	font-size: 16px;
	font-family: "Arial Black";
}
.noticiainfo {
	margin-left: 6px;
	font-size: 12px;
	text-align: justify;
}

.noticiabig{
	margin-left: 10px;
}

.noticiabig .noticiaimg{
	width: 384px;
	height: 222px;
}

.noticiabig .noticiaim img{
	width: 384px;
	height: 222px;
}

.noticiabig .noticiatitulo{
	width: 384px;
	font-size: 30px;
}
.noticiabig .noticiainfo{
	clear: both;
	padding: 15px;
}


.slideshowarea {
	width:100000px;
	height:335px;
	background-color:#DDD;
	transition:all 1s;
}
.slide {
	height:335px;
	float:left;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.slideinfo {
	height:70px;
	background-image:url('../images/slideshow_bg.png');
	background-size: auto 70px;
	margin-top:265px;
}
.slideinfo_titulo {
	font-size:20px;
	color:#FFF;
	padding-top:15px;
	padding-left: 20px;
}
.slideinfo_subtitulo {
	font-size:13px;
	color:#FFF;
	padding-left: 20px;
}
.slidebolinhas {
	position: absolute;
	width:200px;
	height:20px;
}

.noticiaarea1 {
	width:430px;
	height:420px;
	float:left;
}
.noticiaarea2 {
	width:320px;
	height:420px;
	float:left;
}
.noticiaitem {
	text-align:left;
	height:88px;
	margin-top:7px;
	margin-bottom:7px;
}
.noticiaimg {
	width:80px;
	height:80px;
	border:1px solid #CCC;
	padding:3px;
	float:left;
}
.noticiatitulo {
	float:left;
	margin-left:6px;
	font-size:16px;
	width:226px;
	color:#000;
}
.noticiainfo {
	width:356px;
	font-size:12px;
	text-align: justify;
	margin-left:6px;
	color:#999;
	float:left;
}
.noticiabig {
	margin-left:10px;
}
.noticiabig .noticiaimg {
	width:384px;
	height:222px;
}
.noticiabig .noticiaimg img {
	width:384px;
	height:222px;
}
.noticiabig .noticiatitulo {
	width:384px;
	font-size:30px;
}

.menumobile {
	display:none;
}

@media only screen and (min-width:906px) and (max-width:1057px) {

	.topoint,
	.topo2int,
	.menuint,
	.ultimasnoticiasint,
	.containerint {
		max-width:890px;
	}

	#menu {
		display:block !important;
	}

	.leftside {
		width:600px;
	}
	.noticiaarea1 {
		width:278px;
	}
	.noticiabig .noticiaimg {
		width:245px;
	}
	.noticiabig .noticiaimg img {
		width:245px;
	}
	.noticiabig .noticiatitulo {
		width: 245px;
    	font-size: 25px;
	}

}

@media only screen and (min-width:905px) and (max-width:1200px) {

	.topoint,
	.topo2int,
	.menuint,
	.ultimasnoticiasint,
	.containerint {
		max-width:768px;
	}

	.topo2 .banner {
		display:none;
	}

	.topo2int .banner{
		display:none;
	}

	#menu {
		display:block !important;
	}

	.logo {
		float:none;
		margin:auto;
	}

	.rightside {
		display:none;
	}

	.leftside {
		float:none;
		width:auto;
	}

	.noticiaarea1 {
		width:446px;
	}
	.noticiabig .noticiaimg {
		width:415px;
	}
	.noticiabig .noticiaimg img {
		width:415px;
	}
	.noticiabig .noticiatitulo {
		width: 415px;
    	font-size: 25px;
	}

}

@media only screen and (min-width:783px) and (max-width:906px) {

	.topoint,
	.topo2int,
	.menuint,
	.ultimasnoticiasint,
	.containerint {
		max-width:768px;
	}

	.topo2 .banner {
		display:none;
	}

	#menu {
		display:block !important;
	}

	.logo {
		float:none;
		margin:auto;
	}

	.rightside {
		display:none;
	}

	.leftside {
		float:none;
		width:auto;
	}

	.noticiaarea1 {
		width:446px;
	}
	.noticiabig .noticiaimg {
		width:415px;
	}
	.noticiabig .noticiaimg img {
		width:415px;
	}
	.noticiabig .noticiatitulo {
		width: 415px;
    	font-size: 25px;
	}

}

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

	.topoint,
	.topo2int,
	.menuint,
	.ultimasnoticiasint,
	.containerint {
		max-width:320px;
	}

	.topoleft {
		display:none;
	}
	.toporight {
		width:100%;
	}

	.topo2 .banner {
		display:none;
	}

	.logo {
		float:none;
		margin:auto;
	}

	.menumobile {
		display:block;
	}

	.menu ul {
		position:absolute;
		background-color: red;
		z-index: 10;
		display:none;
	}
	.menu li {
		float:none;
		height:auto;
	}
	.menu li img {
		display:none;
	}
	.submenu {
		position:static;
		display:block;
	}

	.ultimasnoticias {
		display:none;
	}

	.rightside {
		display:none;
	}

	.leftside {
		float:none;
		width:auto;
		margin-top:10px;
	}

	.noticiaarea1 {
		width:320px;
		height:auto;
	}
	.noticiabig .noticiaimg {
		width:290px;
	}
	.noticiabig .noticiaimg img {
		width:290px;
	}
	.noticiabig .noticiatitulo {
		width: 290px;
    	font-size: 25px;
	}

	.noticiaarea2 {
		width:300px;
		margin:auto;
		float:none;
		clear:both;
		padding-top:20px;
	}
	.noticiaitem {
		clear:both;
	}
	.noticiatitulo {
		width:206px;
	}
	.noticiainfo {
		width:306px;
	}

}