/* Fontes */
@font-face {
    font-family: 'Din';
    src: url('din/din-webfont.eot');
    src: url('din/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('din/din-webfont.woff') format('woff'),
         url('din/din-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* Padrão */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
.menu-res{
	display: none;
}

input[type=checkbox] {
	display: none;
}

.fadeIn {
	-webkit-animation: fadeIn 1s ease-in-out;
	-moz-animation: fadeIn 1s ease-in-out;
	-o-animation: fadeIn 1s ease-in-out;
	animation: fadeIn 1s ease-in-out;
}
.checkmenu{
	display: none;
}

body, p, textarea, input{
	font-family: 'Din';
}

body {
	background-color: #FCFBF5;
	font-weight:100;
	font-size:13px;
	color:#999999;
	background-attachment: fixed;
	background-repeat: repeat-x;
}


.br {
	border-right: 1px dotted #ccc;	
}
.bb {
	border-bottom: 1px dotted #ccc;
}

/* base */
.container{
	max-width:1150px;
	margin: 0 auto;
}

/* header */
.header {
	height:206px;
	background: url(../img/bg-top.jpg);
}
.header .logotop{
	padding: 20px;
}
.header .login{
	margin-top: 20px;
	width: 267px;
	height: 137px;
	float: right;
	background: url(../img/bg-login.png);
	background-size: cover;
}
.header .login form{
	margin-top: 40px;
	margin-left: 20px;
}
.header .login .txt{
	padding-top: 8px;
	font-family: 'Din';
	font-size: 13px;
	color: #E58111;
}
.header .login form input[type="password"] {
	font-family: 'Din';
	padding: 3px;
	margin-left: 8px;
	margin-bottom: 5px;
	font-size:13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	outline: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(255, 255, 255, 0.2); 
	width: 150px;
	border-radius: 3px;
	text-align: left;
	color: #ccc; 
}
.header .login form input[type="password"]:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
.header .login form input[type="password"]:focus {
	background-color: white;
	color: #E58111;
}
.header .login input[type="button"]{
	font-family: 'Din';
	font-size: 13px;
	background-color: #E58111;
	color: #ffffff;
	margin-left: 8px;
	margin-bottom: 5px;
	border: 0;
	border-radius: 5px;
	padding: 5px;
}


.hideme {
    opacity:0;
}


/* menu */
.menu {
	background: url(../img/bg-menu.png);
	height: 55px;
}
.menu ul{
	margin: 0 auto;
	max-width: 1150px;
	text-align:center;
	padding-top: 11px;
}
.menu ul li{
	padding:5px;
	margin:0 auto;
	display:inline-block;
}
.menu ul li a:link{
	font-family: 'Din';
	font-size:14px;
	color:#fff;
	border-right: 1px dotted #fff;
	padding-right: 7px;
	margin-top: 10px;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
}
.menu ul li a:hover{
	color: #000168;
	text-decoration: none;
}




/* chamada */ 
#chamada {
	text-align: center;
	padding: 16px 0;
	background: url(../img/bg-top2.jpg);
	background-position: center;
}



/* chamada2 */ 
#chamada2 {
	z-index: 99;
	font-family: 'Din';
	color: #353839;
	margin: 0 auto;
	background-color: #fff;
	background-position: center;
	font-size:14px;
	min-height: 450px;
	padding: 25px;
	-webkit-box-shadow: 1px 10px 42px -13px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 10px 42px -13px rgba(0,0,0,0.75);
	box-shadow: 1px 10px 42px -13px rgba(0,0,0,0.75);
}
#chamada2 h1{
	font-family: 'Din';
	font-size: 30px;
	font-weight: bold;
	color: #353839;
}




/* noticias */
#noticias {
	font-family: 'Din';
	background: url(../img/bg-chamada.jpg);
}
#noticias h1{
	font-family: 'Din';
	font-size: 30px;
}
#noticias .noticia{
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	margin: 10px;
}
#noticias .noticiaUlt{
	padding: 10px;
	margin: 10px;
}
#noticias .data{
	font-family: 'Din';
	color: #7B7B7B;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	border-right: 1px dotted #ccc;
}
#noticias .titulo{
	font-size: 12px;
	text-align: justify;
	color: #333;
	text-transform: uppercase;
}
#noticias h2{
	font-family: 'Din';
	font-size: 25px;
	text-align: justify;
	color: #B3B4B4;
}
#noticias .galeria{
	font-size: 12px;
	text-align: justify;
	color: #7B7B7B;
}
#noticias .galeria a:link{
	font-family: 'Din';
	font-size:12px;
	color:#333;
	text-transform: uppercase;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
	padding-bottom: 20px;
}
#noticias .galeria  a:visited {
	color:#333;
}
#noticias .galeria  a:hover{
	color: #FD8D02;
	text-decoration: none;
}



/* parceiros */
#parceiros {
	font-family: 'Din';
	color: #fff;
	background-color: #ccc;
	min-height: 150px;
}
#parceiros h1{
	font-family: 'Din';
	font-size: 15px;
	color: #333;
}





#contInt{
	min-height: 500px;
}

#contInt h1 {
	font-family: 'Din';
	font-size: 30px;
	color: #333;
}

#contInt a.linkInt:link, a.linkInt:active, a.linkInt:visited{
	font-family: 'Din';
	font-size:16px;
	color:#333;
	text-transform: uppercase-first;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
}
#contInt a{
	font-family: 'Din';
	font-size:16px;
	color:#333;
	text-transform: uppercase-first;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
}
#contInt a:hover{
	color: #000168;
	font-family: 'Din';
	font-size:16px;
	text-transform: uppercase-first;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
}

#contInt p {
	font-family: 'Din';
	font-size:15px;
	text-align:justify;
}







/* rodape */
.rodape {
	font-family: 'Din';
	color: #fff;
	height: 188px;
	background: url(../img/bg-rod.jpg);
	background-position: center;
}
.rodape .menuRod {
	margin-top: 20px;
}
.rodape .menuRod ul{
	padding: 0;
	list-style: none;
}
.rodape .menuRod ul li{
	padding: 2px;
	border-bottom: 1px dotted #fff;
}
.rodape .menuRod a:link{
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
}
.rodape .menuRod a:hover{
	color: #000168;
	text-decoration: none;
}
.rodape .socialRod h3 {
	font-size: 13px;
}
.rodape .socialRod  {
	font-size: 16px;
	text-align: center;
	padding: 5px;
}
.rodape .socialRod a:link, a:active, a:visited{
	font-size: 14px;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	text-decoration: none;
	text-transform: unset;
}
.rodape .socialRod a:hover{
	color: #000168;
	text-decoration: none;
}


.tt-1{
	font-family: 'Din';
	font-size: 30px;
	color: #333;
	margin-bottom: 5px;
}





.conveniads{
	border-radius:10px;
	padding: 20px 0;
	text-align: center;
	border: 1px dotted #CCC;
	margin-bottom: 20px;
}





/* Responsivo */
@media screen and (min-width: 1025px) {
		#chamada .chamadaResp {
		display: none;
	}
}

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

	.FormRes {
		margin: 20px;
		padding: 15px;
		background: #E97A01;
		border-radius: 5px;
	}
	.FormRes h3{
		font-size: 20px;
		margin: 5px;
		color: #fff;
	}

	.menu ul li a:link, a:active, a:visited{
		font-size:12px;
	}

	#chamada .chamadaResp  {
		display: none;
	}

	#noticias .galeria h2{
		font-size: 22px;
		text-align: left;
	}

	#noticias .galeria{
		font-size: 8px;
		text-align: left;
	}

	.logoRod {
		
		content:url(../img/logo-rod2.jpg);
	}
}

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


	.logotop{
		top: auto !important;
		left: auto !important;
		position: initial !important;
	}


	#noticias .data{
		border-right: 0;
	}
	#noticias .galeria{
		text-align: center;
	}

	.login {
		display: none;
	}
	#banner{
		background-position:center ;
		width: 100%;
	}
	#chamada {
		padding-top: 20px;
	}
	#chamada .imgChamada {
		display: none;
	}
	.none-res{
		display: none;
	}
	#chamada .chamadaResp {
		margin: 0;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	#chamada .chamadaResp h1 {
		font-family: 'Din';
		font-size: 30px;
		color: #333;
	}
	#chamada .chamadaResp p {
		font-family: 'Din';
		font-size: 21px;
		color: #B3B4B4;
	}
	#parceiros {
		padding-bottom:30px; 
	}

	.rodape {
		height: 800px;
		text-align: center;
	}
	.rodape .col-md-2 {
		text-align: center;
	}

	.logoRod {
		content:url(../img/logo-rod3.jpg);
	}

	.menu{
		display: none;
	}
	.menu-res{

		display: block;
	}
	.control-nav {
		background:url(../img/menu.png);
		position: fixed;
		right: 20px;
		top: 20px;
		display: block;
		width: 39px;
		height: 39px;
		z-index: 2;
		cursor: pointer;
	}

	.menu-res{

		position: fixed;
		z-index: 9;
	}

	.control-nav-close {
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		left: 0;
		display: block;
		z-index: 9;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}

	.menu-res  nav {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 250px;
		background-color: #EF8812;
		overflow-x: auto;
		z-index: 99;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		-webkit-transform: translate(100%, 0);
		-ms-transform: translate(100%, 0);
		transform: translate(100%, 0);

	}


	#control-nav:checked ~ .control-nav-close {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	#control-nav:checked ~ .menu-res nav {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.menu-res nav li{
		background-color: #EF8812;
		line-height: 40px;
		display: block;
		z-index: 99;
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
		text-align:left;
		padding-left:30px;
		border-bottom:1px #CA577C dotted;
	}

	.menu-res nav li a:link {
		color: #fff;
	}
	.menu-res nav li a:visited {
		color: #fff;
	}
	.menu-res nav li a:active {
		color: #fff;
	}
	.menu-res nav li a:hover {
		color: #EDC5D1;
	}

}

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


}



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


}

.ptb3{
	padding: 0 0 30px 0;
	font-size: 16px;
}

.sub-tt{
	font-family: 'Din';
	font-size: 20px;
	font-weight: normal;
	color: #000;
}

.p0{
	padding: 0;
	margin: 0;
}

.no-img{
	width: 100%;
	height: 220px;
	background-color: #CCC;1
}

.textfield{
	width: 100%;
	padding: 4px;
}

.font-cont{
	font-family: 'Din';
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 10px;
}

.button{
	font-family: 'Din';
	font-size: 16px;
	background-color: #E58111;
	color: #ffffff;
	border: 0;
	border-radius: 4px;
	padding: 5px 10px;
	margin-top: 10px;
}



.textfield{
	font-family: 'Din';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
	outline: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.1); 
	border-radius: 3px;
	text-align: left;
	color: #ccc; 
}
.textfield:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
.textfield:focus {
	background-color: white;
	color: #E58111;
}

.menu-lateral{
	padding: 0;
}
.menu-lateral li{
	display: block;
	padding: 10px 0;
}
.menu-lateral li a{
	color: #000168;
}

.bb-right{
	border-right: 1px dotted #CCC;
}