.slicknav_menu {
	display:none;
}
.destaquemobile{
	display:none;
}
 li .facebook{ display:block; height:28px; width:28px; margin-right: 4px; margin-left: 4px; background:url(../imgs/facebook.jpg) no-repeat; }
 li .facebook:hover{ background:url(../imgs/facebookhover.jpg) no-repeat; opacity:1;}
 li .instagram{ display:block; height:28px; width:28px; background:url(../imgs/instagram.jpg) no-repeat; }
 li .instagram:hover{ background:url(../imgs/instagramhover.jpg) no-repeat; opacity:1; }
 li .linkedin{ display:block; height:28px; width:28px; margin-right: 4px; background:url(../imgs/linkedin.jpg) no-repeat; }
 li .linkedin:hover{ background:url(../imgs/linkedinhover.jpg) no-repeat; opacity:1; }
#redesmobile{display:none;}
.container{ max-width:1295px; margin:0px auto 0 auto;width:100%; }

.clear{ clear:both; }

.radius-border-10px{ border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.radius-border-5px{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.menu{
	background-color:#004d73;
}
.banner{ text-align:center; color:#999; font-size:10px; }
/*.banner-970x150{ width:970px; height:190px; float: left;}*/
.banner-970x150{ max-width:970px; width:75%; /*height:190px;*/ margin-bottom: 20px;float: left;}
.banner-300x150{ max-width:300px; width:23%; /*height:190px;*/ margin-bottom: 20px;float: right;}
.banner-200x160{ width:200px; height:170px; }
.banner-235x105{ width:235px; height:105px; }
.banner-200x70{ width:200px; height:70px; }
.banner-490x90{ width:490px; height:90px; }
.banner-323x105{ max-width:317px; width:33%;  }
.banner-245x105{max-width: 228px; width: 24%; }

.right{ float:right; }
.left{ float:left; }

.hide{ display:none; }

ul,
ul li{ list-style:none; margin:0; padding:0; }

 

a:hover{ cursor:pointer; }

button{ background:#b3b2b2; padding:4px 8px; border:1px #afafaf solid; color:#fff !important; }
button:hover{ background:#555; }

.xbutton{ background:#b3b2b2; padding:4px 8px; border:1px #afafaf solid; color:#fff !important; }
.xbutton:hover{ background:#555; }

input[type=text],
input[type=password],
input[type=email],
textarea{ background:#e3e3e3; border:1px #b7b7b7 solid; }

 

 

header .login-box .logged{ padding: 0 0 0 50px; margin-top: 0px; }
header .login-box .logged label{ display: block; width:100%; }
header .login-box .logged label span{ display: inline; padding: 0; width: auto; float: none; }
header .login-box .logged label strong{ display: inline; color:#000; float: none; }
header .login-box .logged p{ padding: 0 20px 0 0; }
body{font-family: 'Roboto', sans-serif;}
.tudo{min-height:100%;   position:relative;}
 

 
/*.content{ max-width:970px; width: 100%; margin:0 10px 30px 0;min-height:579px; }*/
.content{ max-width:970px; width: 75%; margin:0 10px 30px 0;min-height:579px; }


.calendar{ width:23%; }
 
.calendar h5{ color:#4b4b4b; font-size:12px; background:#f1f1f1; padding:10px 15px 5px 15px; margin:0; }
.calendar ul{ padding:0 10px 10px 10px; background:#fafafa; }
.calendar ul li{ display:block; padding:5px; border-bottom:1px #c9c9c9 solid; line-height:16px; }
.calendar ul .last{ border:0; }
.calendar ul li a,
.calendar ul li span{ color:#797979; font-size:15px; line-height: 1.3rem;}
.calendar p{ background:#cac9c9; color:#4b4b4b; text-align:center; padding:5px 0; font-size:12px; }
.calendar p a{ display:block; padding:0 22px; color:#4b4b4b; font-size:15px; }
.calendar p a:hover{ color:#fff; text-decoration:none; }
.calendar p .all{ width:128px; }

.calendar .ui-datepicker-calendar{ width:100%; }
.calendar .ui-datepicker-header{ background:#004b73; color:#fff; font-size:13px; font-family: 'Roboto', sans-serif; text-align:center; }
.calendar .ui-datepicker-prev{ display:block; float:left; width:40px; padding:6px 0; color:#fff; }
.calendar .ui-datepicker-next{ display:block; float:right; width:40px; padding:6px 0; color:#fff; }
.calendar .ui-datepicker-prev:hover,
.calendar .ui-datepicker-next:hover{ color:#ccc; text-decoration:none; }
.calendar .ui-datepicker-title{ display:block; text-align:center; padding:6px 0; }
.calendar .ui-datepicker-calendar th{ background:#f6f6f6; border-right:1px #f6f6f6 solid; color:#666; font-size:10px; }
.calendar .ui-datepicker-calendar th span{ font-family: 'Roboto', sans-serif; }
.calendar .ui-datepicker-calendar td{ background:#ffffff; text-align:center; width:28px; border-left:1px #cfcfcf solid; border-top:1px #cfcfcf solid; border-right:1px #bebebe solid; border-bottom:1px #bebebe solid; }
.calendar .ui-datepicker-calendar td span,
.calendar .ui-datepicker-calendar td a{ font-size:10px; color:#666; }
.calendar .ui-datepicker-calendar td:hover{ background:#666; cursor:pointer;}
.calendar .ui-datepicker-calendar td:hover span,
.calendar .ui-datepicker-calendar td:hover a{ color:#fff; text-decoration:none; }
.calendar .ui-datepicker-calendar .ui-datepicker-other-month{ background:#ececec; }
.calendar .ui-datepicker-calendar .ui-datepicker-other-month a{ color:#b4b3b3; }
.calendar .ui-datepicker-calendar .ui-datepicker-today{ background:#d4d4d4; }
.calendar .ui-datepicker-calendar .ui-datepicker-current-clickday { background:#006766 !important; }
.calendar .ui-datepicker-calendar .ui-datepicker-current-clickday a{ color:#fff; }
.calendar .ui-datepicker-calendar .ui-datepicker-current-day{ background:rgba(102, 0, 51, 1)!important; }
.calendar .ui-datepicker-calendar .ui-datepicker-current-day a{ color:#fff; }
.calendar .ui-datepicker-calendar .ui-datepicker-has-event{ background:#cac9c9 ; }
.calendar .ui-datepicker-calendar .ui-datepicker-has-event a{ color:#fff;  }
.calendar .ui-datepicker-calendar .ui-datepicker-prev, .ui-datepicker-calendar .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.calendar .ui-datepicker-calendar .ui-datepicker-prev-hover, .ui-datepicker-calendar .ui-datepicker-next-hover { top: 1px; }
.calendar .ui-datepicker-calendar .ui-datepicker-prev { left:2px; }
.calendar .ui-datepicker-calendar .ui-datepicker-next { right:2px; }
.calendar .ui-datepicker-calendar .ui-datepicker-prev-hover { left:1px; }
.calendar .ui-datepicker-calendar .ui-datepicker-next-hover { right:1px; }
.calendar .ui-datepicker-calendar .ui-datepicker-prev span, .ui-datepicker-calendar .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
html, body {height:100%;}
.banner-area{  }

.banner-area1{ width:100%; }
.banner-area1 .banner{ margin:0 2% 0px 0; }
.banner-area1 .last{ margin-right:0; }



.banner-area3 .banner{ margin:0  1% 0 0; }
.banner-area3 .last{ margin-right:0; }
#footer{ position: absolute;bottom: 0;}
footer .map{ border-top:1px #858585 solid; background:#5b5b5b; padding:20px 50px 10px 20px; color:#ffffff;}
footer .map ul{ display:block; width:25%; margin:0; font-weight:normal; }
footer .map ul li strong{ font-family: 'Roboto', sans-serif; }
footer .map ul li *{ font-size:14px; color:#ffffff;line-height: 2.5; }
footer .map .button {
   border-top: 1px solid #004f73;
   background: #004b73;
   background: -webkit-gradient(linear, left top, left bottom, from(#004d73), to(#004b73));
   background: -webkit-linear-gradient(top, #004d73, #004b73);
   background: -moz-linear-gradient(top, #004d73, #004b73);
   background: -ms-linear-gradient(top, #004d73, #004b73);
   background: -o-linear-gradient(top, #004d73, #004b73);
   padding: 11px 22px;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
footer .map .button:hover {
   border-top-color: #017070;
   background: #017070;
   color: #ccc;
   }
footer .map .button:active {
   border-top-color: #007070;
   background: #007070;
   }
footer strong{ text-transform: uppercase; }
footer .copyright{  background:#313030; height:50px; }          
footer .copyright a{  font-size:12px; color:#fff; }
footer .copyright span{ font-size:12px; color:#000; width:500px; text-align:right;  }

footer .contact{ padding:0 5px 0 0; }
footer .contact,
footer .contact *{ text-align:right; font-size:12px; color:#4b4b4b }
footer .right p { margin: 0 20px 10px 0;
line-height: 11px; }

.modal{ padding-bottom:30px; }

.modal .modal-header{ border:0; }
.modal .modal-header button{ background:#eee; opacity:1; padding:2px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.modal .modal-header button:hover{ background:#c32308; }

.modal .modal-body,
.modal .modal-body *{ text-align:center; font-family: 'Roboto', sans-serif; color:#6a6a6a; font-size:13px; }

.modal .modal-footer{ border:0; background:#fff; text-align:center; padding-top:0; }
.modal .modal-footer button{ background:#4a7079 !important; color:#fff !important; text-shadow:none; border:0; }
.modal .modal-footer button:hover{ background:#666 !important; }
.numpedido {
    display: none;
}
/*autocomplete*/
#ui-id-1 {background-color: white;}


#header{
	max-width: 1280px;
	margin: 14px auto 0 auto;
	width: 100%;
}
.header_top{ display:inline; width:100%;}
.header_top_left{ float:left; display:inline; width:50%;}
.top_nav{ text-align:left}
.top_nav li{ display:inline-block}
.top_nav li a{ color:#798992; display:inline-block; font-family: 'Roboto', sans-serif; font-size:12px; padding:8px 12px; text-transform:uppercase; -webkit-transition:all 0.5; -o-transition:all 0.5; transition:all 0.5}
.top_nav li a:hover{ color:#4b7178; text-decoration:none; outline:none}
.header_top_right{ float:right; display:inline; width:50%; text-align:right}
.search_form{ padding:3px 0 0}
.search_form input[type="text"]{ background:none repeat scroll 0 0 #f7f5f5; border: none; color:#686868; display:inline-block; line-height:27px; margin:0; max-height:31px; width:250px}
.search_form input[type="submit"]{ background:url("../imgs/icon-search.png") no-repeat scroll center 5px rgba(0,0,0,0); height:27px; line-height:27px; width:30px; border:none}
.header_bottom{display:inline; float:left; width:100%; padding:15px 0px}
.header_bottom_left{float:left; display:inline; width:217px}
.logo{display:block; font-family: 'Roboto', sans-serif; font-size:35px; font-weight:bold; line-height:32px; width:217px}
.logo > img:hover{opacity:1}
.logo > strong{color:#4b7178}
.logo > span{display:block; font-size:16px; font-weight:normal}
.header_bottom_right{float:right; display:inline; /*width:728px*/}
#navarea{ display:inline; width:100%;margin-bottom: 10px;display: flex;justify-content: center;}
.navbar-default{ border-radius:0; padding:0; margin-bottom:0px}
.container-fluid{padding-left:0; padding-right:0}
.navbar-collapse{padding-left:0; padding-right:0}
.custom_nav{border:0px solid #fff; width:100%}
.navbar-default .navbar-nav > li > a{color:#fff; display:block; font-family: 'Roboto', sans-serif; font-size:13px; text-decoration:none; text-transform:uppercase;  padding-bottom:8px;text-shadow: none;}
.dropdown-menu > li > a{color:#fff; font-family: 'Roboto', sans-serif; padding: 6px 7px 6px; border-top:1px solid transparent; border-bottom:1px solid transparent; }
.dropdown-menu > li > a:focus{background-color:#006666; color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.scrollToTop, .pagination_area ul li a:hover{background-color:#006666; color:#fff}
.scrollToTop:hover, .scrollToTop:focus, .pagination_area ul li a{background-color:#fff; color:#006666; border-color:1px solid #006666}
.top_nav li a:hover{color:rgba(0, 102, 102, 1);}
.search_form input[type="submit"]:hover{background-color:#006666}
.navbar-default{background-color:rgb(0, 77, 115);}
.custom_nav li a:hover{border-color:rgba(0, 102, 102, 1);}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background-color:rgba(0, 102, 102, 1); color:#fff; border-color:#006666}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color:#fff; color:#006666; border-color:#006666}
.navbar-nav > li > .dropdown-menu{margin-top:1px; background-color:#004d73}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#006666; color:#ffffff; border-color:#006666;  padding: 6px 7px 6px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#006666}
.nav-tabs{border-bottom:1px solid #006666}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus{color:#fff}
.nav-tabs > li.active > a:hover{color:#fff !important}
.nav-tabs > li > a:hover{background-color:#006666; color:#fff !important}
h2{font-family: 'Roboto', sans-serif;line-height: 23px;font-size: 28px; font-weight: bold;color:#6a6a6a;}
h4{font-family: 'Roboto', sans-serif;line-height: 15px;font-size: 18px; font-weight: bold;color:#006666;}
#mostracursos {margin-left:200px;}
@media only screen and (max-width: 1280px)and (min-width: 1100px){
	.banner-323x105 {
    max-width: 303px;
    width: 33%;
	
}
#texto_destaque1  p{
	font-size:16px;
}
#texto_destaque2  p{
	font-size:16px;
}
.banner-245x105 {
    max-width: 218px;
    width: 24%;
}
body{margin:0 1% 0 1%;}
}

@media only screen and (max-width: 980px){
	/***************************/
	.page-tools{
		padding:10px;
	}
	/***************************/
	form.af {
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}
	.header_bottom{
		display:none;
	}
	.header_top_left{
		width:100%;
		padding-left: 2%;
	}
	#redesmobile{
		display:block;
		max-width:38%;
		padding:0 15px 0 0 ;
		
	}
	 
	#redes{display:none;}
	.header_top_right{
		width:100%;
		float: left;
		text-align: center;
	}
	 .caret{
		display:none;
	}
	.search_form input[type="text"]{
		width:90%;
		height:50px;
		background-color: #e0dfdf;
		margin-bottom: 15px;
	}
	.search_form input[type="submit"]{
		display:none;
	}
	/*.menu {
		display: none !important;
		width: 95%;
	}*/
	.coin-slider{
		display:none;
	}
	.banner-970x150{
		display:none;
	}
	.banner-300x150{
		display:none;
	}
	.content_bottom_left{
		display:block;
		width:100%;
	}
	.content {
		width:95%;
		padding-left: 2%;
		border-top: 0px;
		min-height: 200px;
	}
	.content h3 {
        font-size: 16px;
    }
	.content .title-separator {
		margin: 2px 0 10px 0;
	}
	.calendar {
		width:95%;
		
	}
	header{
		width:100%;
		height:0px;
		 
	}
	.search-box{
		display:none;
	}
	.noticiashome{
		width: 95%;
	}
	.calendarionovo{
		width: 95%;
	}
	.banner-area{
		display:block;
		float:none;
		 
        max-width: 100% !important;
	}
	.banner-area1{
		display:none;
	}
	.banner-area2{
		display:block;
		width:100%;
		margin:0 0 0 0;
		 
	}
	.banner-area3{
		display:block;
		width:100%;
		margin:0 0 0 0;
	}
	.banner-200x70{
		/*width:100%;*/
	}
	.banner-200x70 img{
		/*width: 80%;
		height: auto;*/
	}
	.map{
		display:none;
		padding:10px 0px 5px 10px;
	}
	.container{
		width:100%;
		margin: 0px auto 0 auto; 
	}
	.footer .contact{
		width:100%;
		text-align:center;
	}
	.copyright{
		width:100%;
		text-align:center;
		
	}
	input[type=text],
	input[type=password],
	input[type=email],
	textarea{ background:#e3e3e3; border:1px #b7b7b7 solid; width:90%;}
	.read-more{
		width:100% !important;
	}
	.menu{
		display: none;
		position: fixed;
		top: 10px;
		right: 50px;		
		height: 300px;
		overflow: auto;
		width: 200px;
		z-index: 999;
	}
	.slicknav_menu {
		display:block;
	}
	.destaquemobile{
		display:block;
	}
	.loginbandeiras {
		text-align: right; 
		color:#6a6a6a;
		font-size:16px; 
		margin-top:0px;
		width:95%;
	}
	header .login-box{ 
		font-size:10px; 
		margin: 0px 0px 0 0;
		width:95%;
	} 
	.banner-area {
		margin: 20px 0;
		padding-left: 20px;
	}
	/*****************************
	Alteraões mobile Sindipeças 2021
	*****************************/
	.submenu{
		display:none;
	}
	.banner-323x105 {
		/*max-width: 100%;*/
		width: 95%;
	}
	#mostracursos {margin-left:0px;}
	#encontroind{display:none;}
}
@media only screen and (max-width: 900px)and (min-width: 700px){
	/*.menu {
		display: none !important;
		width: 95%;
	}*/
	.header_bottom{
		display:none;
	}
	.header_top_left{
		width:100%;
		padding-left: 2%;
	}
	.header_top_right{
		width:100%;
		float: left;
		text-align: center;
	}
	 
	.search_form input[type="text"]{
	width:90%;
		height:50px;
	}
	.search_form input[type="submit"]{
		display:none;
	}
	/*.menu {
		display: none !important;
		width: 95%;
	}*/
	.caret{
		display:none;
	}
	.content {
		width:95%;
		padding-left: 2%;
	}
	.calendar {
		display: none;
	}
	/*header{
		width:100%;
		height:100px;
		background:url(../imgs/topoipad.gif) center bottom no-repeat;
		background-size: 100% 100%;
	}*/
	
	.search-box{
		display:none;
	}
	.banner-area{
		display:block;
	}
	.banner-area1{
		display:none;
	}
	.banner-area2{
		display:block;
		
		width:100%;
		left: 50%;
	}
	.banner-area3{
		display:none;
	}
	.banner-200x70{
		/*width:100%;*/
	}
	.banner-200x70 img{
		/*width: 80%;
		height: auto;*/
	}
	.map{
		display:block;
	}
	.container{
		width:100%;
		margin: 0px auto 0 auto; 
	}
	.read-more{
		width:100% !important;
	}
	 	.menu{
		display: none;
		position: fixed;
		top: 10px;
		right: 50px;		
		height: 300px;
		overflow: auto;
		width: 200px;
		z-index: 999;
	}
	.slicknav_menu {
		display:block;
	}
	.map {
		display:none;
	}
	.loginbandeiras {
		text-align: right; 
		color:#6a6a6a;
		font-size:16px; 
		margin-top:0px;
		width:95%;
	}
	header .login-box{ 
		font-size:10px; 
		margin: 0px 0px 0 0;
		width:95%;
	} 
	.banner-area {
		margin: 20px 0;
	}
}