/*@ Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

@import url(css-ilion-area-interna.css);
/*@ CSS Document */
body {font-family: 'Roboto', sans-serif; font-size: 16px; background: #FFF; overflow-x: hidden;
    max-width: 100%;}

/*@ Zera margens p e form */
p, form{margin:0; font-family: 'Roboto', sans-serif;
/*
font-family: 'eausans_book';
font-family: 'eausans_book_oblique';
font-family: 'Montserrat';
font-family: 'Montserrat_oblique';
font-family: 'eausans_black';
font-family: 'eausans_black_oblique';
*/}

a, a:hover{color: #484e92;}

/*@ Pagenator */
.pagenator {width:100%;overflow: hidden;clear: both;margin:20px 0;padding:0;}
.pagenator img{margin:7px 2px 0 2px;}
.pagenator a{color: #333;text-decoration: none;}
.pagenator a:hover{color: #333;text-decoration: underline;}
.pagenator > table{float: right;}

/*@ Fotos */
.fotoTopo{margin:0 0 20px 0;width: 100% !important;text-align:center;display: block;clear:both;overflow: hidden;}
.fotoTopo img{width: 100%;background: white;border:1px solid #ddd;padding: 4px;}
.fotoright{float:right;text-align:right;padding:0 0 10px 0;}
.fotoinferior{margin:0 20px 20px 0;display: inline-table;}

.containerfotoleft{margin:0 20px 0 0;float:left;}
.containerfotoright{margin:0 0 0 20px;float:right;}
.containerfotoinferior{margin:20px 0 0 0;text-align:justify;overflow: hidden;clear:both;display: block;}

.fotolegenda{font-size:.75em;text-align:center;line-height:140%;padding:5px 10px;display: block;text-align: center;}
.fotocreditos{font-size:.75em;text-align:right;}
.foto {background: white;border:1px solid #ddd;padding: 4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/*@ hx */
h1{font-family: 'Montserrat', sans-serif; font-size: 1.6em;line-height: 120%;font-weight: 300;margin: 0;padding: 0;float: right;color: #004b81;text-transform: uppercase;}
h2{font-family: 'Montserrat', sans-serif; font-size: 1.1em;font-weight: bold;color: #0b0f3e;margin: 0 0 10px 0;}
h3{font-family: 'Montserrat', sans-serif; font-size: 1.1em;font-weight: bold;color: #333;margin: 0 0 10px 0;}
h3{font-family: 'Montserrat', sans-serif; font-size: 1.1em;font-weight: bold;color: #333;margin: 0 0 10px 0;padding: 0;line-height: normal;text-transform: uppercase;}
h4{font-family: 'Montserrat', sans-serif; font-size: 1em;font-weight: bold;color: #333;margin: 0 0 10px 0;}
h4.modal-title{font-family: 'Montserrat', sans-serif; font-size: 1.3em; margin: 0;font-weight: 300;text-transform: uppercase;}



/*---------------------------- Start S I T E --------------------------*/
/*---------------------------------------------------------------------*/
/*-------------------------------------------- Topo -------------------*/
header{
	width: 100%;
	height: 100px;
	position: relative;
	float: left;
	clear: both;
	background: #fff url("../images/bg-topo.jpg") repeat;
	box-shadow: 0 10px 0 rgba(255,255,255,0.3);
	z-index: 999;}

header .container{ position: relative;}

/*------- LOGO ------*/

header .logo{
    width: 198px;
    height: 133px;
    left: 2%;
    top: 55px;
    position: absolute;
    z-index: 999;
}

header .logo a{
	width: 198px;
	height: 133px;
	display: inline-block;
	float: left;
	clear: both;
}

.boxBottomHeader{
	background: url("../images/faixa-bg-topo.png") no-repeat center center;
	height: 21px;
	position: absolute;
	bottom: -21px;
	width: 100%;
}

header .logo img{
	width: 198px;
}

.img-01{
	float: left;
	margin-left: 20%;
	margin-top: 5%;
}

.img-02{
	float: right;
	margin-right: 20%;
	margin-top: 0%;
}

.logo-inferior {
	text-align: center;
}

.logo-inferior img{
	width: 170px;
}




/*------ MENU -------*/
.menuTopo{
	background: #265296!important;
	height: 52px;
	left: 272px;
	padding: 0 0 0 10px;
	top: 101px;
	z-index: 999;
	position: absolute;
	display: inline-block;
	margin: 0;
	min-width: 100px;
}
.boxAzulFull{
	max-width: 1000vw;
	height: 52px;
	display: block;
    position: absolute;
    top: 0;
    right: -1000%;
    left: 0;
    bottom: 0;
	background: #265296!important;}
.ponta-menu{
	background: url("../images/ponta-bg-menu.png") no-repeat center center;
	width: 12px;
	height: 52px;
	left: -12px;
	top: 0;
	position: absolute;}
.menuTopo ul.nav{
	display: inline-block;
	position: relative;
	float: left;
	clear: both;
	background: none;
	z-index: 999;}
.menuTopo ul.nav li{display: inline-block;}

.menuTopo ul.nav li a{
	color: #d2d2d2;
	text-decoration: none;
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: 200;
	text-shadow: none;
	padding: 16px 13px;}
.menuTopo ul.nav li:last-child a{ padding-right: 0px;}

.ati-home .nav-home a,
.ati-sobre-nos .nav-sobre-nos a,
.ati-aplicativo .nav-aplicativo a,
.ati-contato .nav-contato a,
.menuTopo ul.nav li:hover span,
.menuTopo ul.nav li a:hover{ color: #ffffff!important; background: none; box-shadow:inset 0  -3px 0 #ffcb08;}
.menuTopo ul.nav li span{
	border: none!important;
	padding: 0 10px 0 0!important;
	display: inline-block;
	vertical-align: middle;  
	color: #518831;}

.servicosLink{ display: none!important;}
.listContatos{ display: block!important;}	


/* Submenu */
.menuTopo ul.nav li .open a{ 
	background: none;
}
.menuTopo ul.nav li ul.dropdown-menu{
	margin-top: 0px;
	padding: 0px;
}
.menuTopo ul.nav li ul.dropdown-menu li{
	display: inline-block;
	width: 100%;
}
.menuTopo ul.nav li ul.dropdown-menu li a,
.menuTopo ul.nav li:hover ul.dropdown-menu li a{
	color: #999;
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 14px;
	border: none;}
.menuTopo ul.nav li ul.dropdown-menu li:hover,
.menuTopo ul.nav li ul.dropdown-menu li a:hover{
	background: #1f3e71;
	color: #FFF!important;
	box-shadow: inherit;}
.menuTopo ul.nav li:hover ul.dropdown-menu li:hover a{
	color: #fff;
}

.menuTopo ul.nav li:hover ul.dropdown-menu{
	display: block; 
}



/* Busca */
form.buscaTopo{
	width: 260px;
	height: 40px;
	position: absolute;
	left: 310px;
	top: 35px;}
form.buscaTopo input[type=text]{
	width: 100%;
	display: block;
	position: relative;
	border: 1px solid #cacac8;
	border-radius:5px;
	line-height: 20px;
	font-weight: 100;
	font-size: 13px;
	padding-left: 5px;
	height: 38px;}
form.buscaTopo button{
	position: absolute;
	right: 5px;
	font-size: 14px;
	background: none;
	border: none;
	cursor: pointer;
	top: 8px;
	color: #b3b3b3;}
form.buscaTopo button:hover{ color: #666;}

.listContatos{
	position: absolute;
	right: 0;
	margin: 0px;
	padding: 0;
	top: 40px;
	list-style: none;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
	color: #295294;}
	
	
	
.listContatos li{
	display: inline-block;
	position: relative;
	margin: 0 0 0 30px;}
.listContatos li a{
	text-decoration: none;
	font-size: 20px;
	padding: 5px 0 5px 35px;}
.listContatos li span{font-weight: bold;}

.listContatos li:nth-child(1) a{ background: url("../images/icon-headeset.png") no-repeat left top;}
.listContatos li:nth-child(2) a{ background: url("../images/icon-chat.png") no-repeat left center;}
.listContatos li:nth-child(3) a{ background: url("../images/icon-faq.png") no-repeat left center;}



/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- SLIDER ---------------- */
/*---- SLIDER ----*/
.slider{
	width:100%;
	height: 420px;
	background: url('../images/bg-slider-home.jpg') no-repeat center center;
	float:left;
	clear:both;
	position:relative;
	margin: 0;
}

.box-slider-principal{
	width: 100%;
	padding-top: 15px;
	position: relative;
	float: left;
	clear: both;
}
.box-slider-principal .owl-controls{
	margin: 15px 0 0!important;
	padding: 0!important;
	height: auto;
}
.box-slider-principal .owl-controls .owl-nav{
	font-size: 30px;
	
}

.box-slider-principal .owl-controls .owl-prev{
	transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-webkit-transform: translateX(-200%);
	-ms-transform: translateX(-200%);
	background: none!important;
	font-size: 30px!important;
	margin: 0px!important;
	padding: 0px!important;
	
}

.box-slider-principal .owl-controls .owl-next{
	transform: translateX(200%);
	-moz-transform: translateX(200%);
	-webkit-transform: translateX(200%);
	-ms-transform: translateX(200%);
	background: none!important;
	font-size: 30px!important;
	margin: 0px!important;
	padding: 0px!important;
	
}

.box-slider-principal .owl-controls .owl-dots{
	display: inline-block;
	transform: translateY(-33px);
	-moz-transform: translateY(-33px);
	-webkit-transform: translateY(-33px);
	-ms-transform: translateY(-33px);
}

.box-slider-principal .owl-controls .owl-dots .owl-dot span{
	background: rgba(255,255,255,0.75);
	width: 20px;
  height: 20px;
}

.box-slider-principal .owl-controls .owl-dots .owl-dot.active span{
	background: rgba(95,255,4,0.84);
}





/* --------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- FOOTER ---------------- */
/*---- FOOTER ----*/
footer{
	position: relative;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	padding-top: 50px;
	background: url("../images/bg-footer.jpg") no-repeat center top;
	margin-top: 80px;}
.box-logoFooter{
	width: 480px;
	display: inline-block;
	position: relative;}
.box-logoFooter a.logo-rodape{margin-right: 15px;}
.box-logoFooter h3{
	color: #295294;
	margin: 12px 0 0 0;
	font-size: 17px;
	text-transform: none;
	font-family: 'Roboto';
	font-weight: 600;}
.box-logoFooter p{
	font-size: 14px;
	font-weight: 100;
	color: #999;}
	
.box-setransp{
	width: 520px;
	display: inline-block;
	position: relative;}
.box-setransp a.logo-rodape{margin:15px 45px 0 0;}
.logo-rodape img{
	width: 140px;
}
.box-setransp h3{
	color: #295294;
	margin: 12px 0 0 0;
	font-size: 17px;
	text-transform: none;
	font-family: 'Roboto';
	font-weight: 600;}
.box-setransp p{
	font-size: 14px;
	font-weight: 100;
	color: #999;}
.box-sistema{
	width: 90px;
	margin-left: 0px;
	display: inline-block;
	position: relative;
	float: right;
	vertical-align: middle;}
.box-sistema a.logo-rodape{margin-right: 0px;}
.box-setransp a.logo-rodape{margin:15px 45px 0 0;}
.logo-rodape{ display: inline-block; position: relative; float: left;}


.wrapFooter{
	width: 100%;
	position: relative;
	display: block;
	float: left;
	clear: both;
	min-height: 85px;
	background: #f3f3f3 url("../images/sombra-rodape.jpg") no-repeat center top;
	margin: 30px 0 0;
	padding-top: 30px;}
.wrapFooter p{
	color: #999;
	display: inline-block;
	font-size: 14px;
	font-family: 'Roboto';
	font-weight: 100;}
.wrapFooter p strong{ color: #295294}
.wrapFooter .credito{
	display: inline-block;
	float: right;
	position: relative;}







/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/
/*********************************************************************************************************************************************/



/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */



/*---------------------------------------------- INTRO Article ----*/
.wrap-intro-page{
	width: 100%;
	height: 200px;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
	background: url("../images/bg-slider-home.jpg") no-repeat center top fixed #999;
}

.wrap-intro-page header{
	background: none;
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border: none;
	box-shadow: inherit;
	z-index: inherit;
	margin-top: 90px;
	
}

.wrap-intro-page header h1{
	display: inline-block;
	position: relative;
	text-align: left;
	font-size: 60px;
	border: none;
	width: auto;
	float: none;
	color: #fff;
	font-family: 'Roboto';}
.wrap-intro-page header .breadcrumb{
	display: inline-block;
	position: absolute;
	margin: 0px;
	bottom: 90px;
	background:rgba(0,0,0,0.3);
	right: 15px;
	border-radius:0px;}
.wrap-intro-page header .breadcrumb ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block; 
	position: relative;
}
.wrap-intro-page header .breadcrumb ul li{
	display: inline-block;
	color: #fff;}
.wrap-intro-page header .breadcrumb ul li:after{ content: ' /';}
.wrap-intro-page header .breadcrumb ul li:last-child:after{ content: none;}
.wrap-intro-page header .breadcrumb ul li:first-child{color: #fff}
.wrap-intro-page header .breadcrumb ul li a{
	text-decoration: none;
	color: #0ee56f;
	font-weight: bold;}
.wrap-intro-page header .breadcrumb ul li a:hover{
	text-decoration: underline;
	color: #21ab5f;
	text-decoration: none;}
.wrap-intro-page img{
	max-width: 100%;
	position: relative;
	margin: 20px 0;}
	
	
.wrap-intro-page header.int-arena{ margin-top: 60px}	
.wrap-intro-page header.int-arena h3{
	color: #0e552b;
	font-size: 30px;
	font-family: 'Roboto';}
	
.wrap-intro-page header.int-arena h1{
	color: #fff;
	font-size: 40px;
	font-family: 'Roboto';
	line-height: 40px;}
.wrap-intro-page header.int-arena .breadcrumb{bottom: 90px;}	
	

/*-------------------------------------------------- Article ----*/
.wrapContent{
	width: 100%;
	display: block;
	float: left;
	clear: both;
	position: relative;
	background:none;
	padding: 30px 0;
	margin-top: 90px;
	background: #fff;
	font-family: 'Roboto';
	font-size: 14px;
}


.wrapContent aside{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	margin: 0 0 60px 0;
	
}


.wrapContent article{
	font-family: 'Roboto';
	font-weight: 100;
	font-size: 16px;
	text-align: justify;
	color: #9c9c9c;
	line-height: 25px;
	position: relative;
	width: 100%;
	display: inline-block;
	float: left;
	clear: both;
	margin: 30px 0;
}
.wrapContent article h2{
	margin: 0 0 30px 0;
	color: #21ab5f;
	font-size: 25px;}

.wrapContent article h3{
	margin: 0 0 30px 0; 
	color: #8d8d8d;
	font-size: 20px;}
.wrapContent article h4{
	margin: 0 0 30px 0;
	color: #8d8d8d;
	font-size: 18px;}
.wrapContent article h5{
	margin: 0 0 30px 0;
	color: #8d8d8d;
	font-size: 15px;}
.wrapContent article h6{
	margin: 0 0 30px 0;
	color: #8d8d8d;
	font-size: 13px;}
.wrapContent article ul,
.wrapContent article ol{
	padding: 0 0 0 20px;
	margin: 30px 0}
.wrapContent article p{
margin-bottom: 20px;}






/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- Pagina de contato --------------- */
.box-introContato{ display: block; position: relative; width: 100%; padding-bottom: 60px;}
.box-introContato .titContato{ font-size: 25px; margin: 0; color: #518831}
.box-introContato span{ display: block; position: relative; text-align: left; width: 100%; float: left; padding: 0 0 20px 0; clear: both;}
.box-introContato span hr{ border-bottom: 1px solid #e1e1e1; width: 70px; float: left; clear: both;}
.box-introContato p{ padding-left: 30px; font-size: 18px;}

section.wrapContentForm{ width: 100%; position: relative; float: left; clear: both; background: #116397 url("../images/bg-destaques.jpg") no-repeat center top; min-height: 653px; padding-bottom: 30px;}
section.wrapContentForm header{ background: none!important; margin: 50px 0 30px 0; height: auto; box-shadow: none;}
section.wrapContentForm header h2{ color: #fff;font-size: 40px;}
section.wrapContentForm header span{ display: block; position: relative; text-align: left; width: 100%; float: left; padding: 0 0 15px 0; clear: both;}
section.wrapContentForm header span hr{ width: 70px; float: left; clear: both;}
section.wrapContentForm header p{color: #fff;font-size: 20px; font-weight: 100; margin: 40px 0 0;}

.boxInput{ width: 100%; position: relative; display: block; margin: 0px; padding: 0px;}
section.wrapContentForm input{ width: 100%; display: block; border: none; border-radius:5px; background: rgba(0,65,143,0.79); color: #FFF; padding: 15px; margin-bottom: 30px;}

section.wrapContentForm select{ width: 100%; display: block; border: none; background: rgba(0,65,143,0.79); color: #FFF; padding: 15px; margin-bottom: 30px; height: 52px;}
section.wrapContentForm textarea{ width: 100%; display: block; border: none; border-radius:5px; background: rgba(0,65,143,0.79); color: #FFF; padding: 15px; margin-bottom: 30px; height: 150px;}
section.wrapContentForm button{ border: 3px solid #fff; border-radius:5px; color: #fff; font-size: 20px; text-decoration: none; margin: 0 0 0; background: none; padding: 15px 55px; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%); left: 50%; position: relative;}





/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- Pagina de Registro -------------- */

.formCadastre{ display: block; position: relative; float: left; clear: both; width: 100%; margin: 50px 0;}
.formCadastre .boxTitCadastre{ display: block; width: 100%; position: relative; box-shadow: inset #FFF 0 12px 0, inset #e1e1e1 0 15px 0;}
.formCadastre .boxTitCadastre h3{ display: inline-block; padding: 0 10px 0 0; background: #FFF; margin: 0; font-size: 23px; color: #21ab5f;}
.formCadastre form{ display: block; position: relative; float: left; clear: both; margin: 15px 0 0 0;}
.formCadastre form input{ background: #ececec ; position: relative; border: none; color: #333; padding: 0px 0 0px 10px; width: 100%; height: 55px; float: left;}
.formCadastre form select{ background: #ececec ; position: relative; border: none; color: #333; padding: 0px 0 0px 10px; width: 100%; height: 55px; float: left; border-radius: 0!important;}
.formCadastre form button{ background:#21ab5f;height: 55px; padding: 0 30px;float: left; border: none;}
.formCadastre form button:hover{ background:#128d4a;}


.formCadastre form{ width: 100%; position: relative; display: block; float: left; clear: both;}
.formCadastre .boxLinhaCadastre{ display: block; width: 100%; position: relative; margin: 0 0 20px 0;}
.boxLinhaCadastre .boxInputCadastre{ display: inline-block; width: calc(49% - 39px);width: -o-calc(49% - 10px);width: -ms-calc(49% - 10px); width: -moz-calc(49% - 10px); width: -webkit-calc(49% - 10px); margin: 0; background: none; vertical-align: middle;}
.boxLinhaCadastre .boxInputCadastre:nth-child(2n){ float: right;}

.boxInputCadastre .spanLogin{ width: 44px; height: 34px; border-right: 1px solid #FFF; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;background: url('../images/sprite.png') no-repeat -109px -54px; padding-left: 15px;}
.boxInputCadastre .spanSenha{width: 44px; height: 34px; border-right: 1px solid #FFF;display: inline-block; margin: 0 5px 0 0; vertical-align: middle; background: url('../images/sprite.png') no-repeat -60px -54px;}
.boxInputCadastre input{ background:none; border: none; color: #333; padding: 15px 5px;width: calc(100% - 49px);width: -o-calc(100% - 49px);width: -ms-calc(100% - 49px); width: -moz-calc(100% - 49px); width: -webkit-calc(100% - 49px); display: inline-block;}
.formCadastre .boxInputCadastre button{ border: none; background: #21ab5f; padding: 15px 0; color: #fff; font-size: 20px; display: block; width: 100%;}
.formCadastre .boxInputCadastre button:hover{ background: #128d4a;}






/* ----------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- Resultado da Busca -------------- */
.box-local-resutlado-busca{
	position: relative;
	width: 100%;
	width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -ms-calc(100% - 40px);
	margin: 0 0 40px 20px;
	float: left;
	clear: both;
	display: block}
.box-local-resutlado-busca a{
	width: 100%;
	position: relative;
	display: block;}
.box-local-resutlado-busca .box-img-locais{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	z-index: 88;}
.box-local-resutlado-busca .box-img-locais img{ max-width: 100%;}
.box-local-resutlado-busca .box-info{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	height: 80px;
	background: #27cc6b;
	z-index: 88;}
.box-local-resutlado-busca .box-info div{
	position: relative;
	width: 16.6667%!important;
	height: 80px;
	float: left;}
.box-local-resutlado-busca .box-info div:nth-child(2n+2){ background: rgba(0,0,0,0.1);}
.box-local-resutlado-busca .box-info div:first-child{
	width: 50%!important;
	text-align: left;
	padding: 5px 10px;}
.box-local-resutlado-busca .box-info div:first-child p{
	color: #0f4b2a;
	font-family: 'Roboto';
	font-size: 18px;
	line-height: 17px;
	position: relative;
	display: block;
	width: 100%;
	top:50%;
	height: auto;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);}
.box-local-resutlado-busca .box-info div a{
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	  text-decoration: none;
	  text-align: center}
.box-local-resutlado-busca .box-info div a:hover i{	text-decoration: none!important;}
.box-local-resutlado-busca .box-info div a i{
	color: #fff;
	font-size: 20px;}
.box-local-resutlado-busca .box-info div a i::before{
	font-size: 28px;
	margin: 0px;}
.box-local-resutlado-busca .box-info div a:hover i:hover{color: #000000!important;}
.box-local-resutlado-busca .box-share{
	background: #c9c9c9;
	color: #fff;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	height: 140px;
	z-index: 77;
	margin-top: -90px;
	margin-left: 20px;
	box-shadow: inset rgba(0,0,0,0.2) -95px 0 0 0;}
.box-local-resutlado-busca .box-share div{
	display: inline-block;
	position: relative;
	margin-top: 105px;
	margin-left: 20px;
	float: left;}

.box-local-resutlado-busca .box-share div:last-child{
	float: right;
	margin-right:12px;}
.box-local-resutlado-busca .box-share div a{ color: #fff;}
.box-local-resutlado-busca .box-share div a:hover{
	color: #000000;
	text-decoration: none;}
	
	
/*----- Temas -----*/
.box-local-resutlado-busca .box-info.laranja{background: #ec6417;}
.box-local-resutlado-busca .box-info.laranja > div p{ color: #000;}
.box-local-resutlado-busca .box-info.amarelo{background: #ffce30;}
.box-local-resutlado-busca .box-info.amarelo > div p{ color: #000;}
.box-local-resutlado-busca .box-info.bordo{background: #9c1233;}
.box-local-resutlado-busca .box-info.bordo > div p{ color: #fff;}
.box-local-resutlado-busca .box-info.azul{background: #189bd7;}
.box-local-resutlado-busca .box-info.azul > div p{ color: #fff;}



.wrapContent article ul.box-filtros{
	position: relative;
	float: left;
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 7px 0 0;
}
.wrapContent article ul.box-filtros li{
	display: inline-block;
	padding: 0 5px;
	float: left;
	margin-bottom: 5px;
}

.wrapContent article ul.box-filtros li:first-child{
	text-transform: uppercase;
	color: #c7c7c7;
	font-size: 18px;
	letter-spacing: 0.5px;
	padding-top: 5px;
	font-family: 'Roboto';
}

.wrapContent article ul.box-filtros li a{
	background: #ffea86;
	border: 1px solid #f2d95c;
	border-radius:5px;
	padding: 5px 10px;
	color: #ccb337;
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	font-family: 'Roboto';
}

.wrapContent article ul.box-filtros li a:hover{
	background: #ff8686;
	border: 1px solid #e86969;
	border-radius:5px;
	padding: 5px 10px;
	color: #d63737;
	font-size: 18px;
	font-family: 'Roboto';
	text-decoration: none;}
.wrapContent article ul.box-filtros li a span{
	width: 25px;
	height: 24px;
	float: right;
	margin: 0px 0 0 15px;
	background: url("../images/icones-filtro.png") no-repeat center top;}
.wrapContent article ul.box-filtros li a:hover span,
.wrapContent article ul.box-filtros li a:hover span:hover{
	width: 25px;
	height: 24px;
	position: relative;
	background: url("../images/icones-filtro.png") no-repeat center -26px;}
.wrapContent article button.btn-filtro{
	background: #00deff url("../images/icon-busca.png") no-repeat 10px center;
	color: #fff;
	border: none;
	font-family: 'Roboto';
	border-radius:5px;
	line-height: 14px;
	font-size: 13px;
	padding: 11px 15px 11px 45px;
	display: inline-block;
	float: right;}
.wrapContent article button.btn-filtro span{
	font-size: 18px;
	clear: both;
	display: block;}
.wrapContent article button:hover.btn-filtro{ background:#02c5e3 url("../images/icon-busca.png") no-repeat 10px center;}



/*======================================================*/
/*[F] - Noticias */
.list-noticias{
	display: block;
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0px;
	margin: 0 0 20px 0;
	float: left;
	clear: both;}
.list-noticias li{
	float: left;
	width: 100%;
	padding: 10px;
	position: relative;
	border: 1px solid #eee;
	text-align: left;
	margin-bottom: 5px;}
.list-noticias li:hover{background: #f7f7f7;}

.box-img-noticia{
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 10px 10px 0;}
.list-noticias li .box-data-noticia{
	font-weight:bold;
	color: #ccc;
	vertical-align: middle; }
.list-noticias li .box-data-noticia a{
	color: #21ab5f;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Roboto';}
.list-noticias li .box-data-noticia p{
	border-top:1px dotted #cccccc;
	color: #777;
	padding-top: 5px;
	margin-top: 10px;
	font-size: 14px;
	display: inline-block;}

.list-noticias li .box-text-noticia{
	display: block;
	color: #21ab5f;
	padding-top: 15px;
	min-height: 65px;
	line-height: 15px;
	font-family: 'Roboto'; }
.list-noticias li .box-text-noticia p{line-height: 25px;}
.list-noticias li .box-text-noticia a{
	color: #999;
	text-decoration: none;}
.list-noticias li .box-text-noticia a:hover{ color: #21ab5f;}

.paginator{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	position: relative;
	width: 100%;}
.paginator li{
	display: inline-block;
	position: relative;} 
.paginator li a{
	float: left;
	clear: both;
	position: relative;
	width: 40px;
	height: 40px;
	border: 1px solid #ccc;
	color: #333;
	padding-top: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: 100;}
.paginator li a:hover{
	background: #21ab5f;
	color: #fff;
	border: 1px solid #21ab5f;
	text-decoration: none;}
.paginator li a.current{
	background: #21ab5f;
	color: #fff;
	border: 1px solid #21ab5f;}

a.btn-voltar{
	display: inline-block;
	clear: both;
	position: relative;
	width: 150px;
	height: 30px;
	border: 1px solid #ccc;
	color: #333;
	padding-top: 4px;
	text-align: center;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 40px;
	border: 1px solid #333;}
a:hover.btn-voltar{
	background: #333;
	color: #fff;
	text-decoration: none;}




/*======================================================*/
/*[F] - comentarios */
ul.list-comentarios{
	display: block;
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0px!important;
	margin: 0 0 20px 0!important;
	float: left;
	clear: both;}
ul.list-comentarios li{
	float: left;
	width: 100%;
	padding: 10px;
	list-style: none;
	position: relative;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	text-align: left;
	margin-bottom: 5px;}
ul.list-comentarios li:hover{
	background: #f7f7f7;}
ul.list-comentarios li p{
	margin-bottom: 10px!important;}

ul.list-comentarios li .box-data-comentarios{
	font-weight:bold;
	color: #ccc;  
	vertical-align: middle;}
ul.list-comentarios li .box-data-comentarios h2{
	color: #21ab5f;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Roboto';
	margin-bottom: 10px;}
ul.list-comentarios li .box-data-comentarios p{
	color: #777;
	padding: 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #21ab5f;
	font-size: 14px;
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	font-weight: 100;}

ul.list-comentarios li .box-text-comentarios{
	display: block;
	color: #21ab5f;
	padding-top: 15px;
	min-height: 65px;
	line-height: 15px;
	font-family: 'Roboto';}
ul.list-comentarios li .box-text-comentarios p{line-height: 25px;}

ul.list-comentarios li .box-text-comentarios a{
	color: #999;
	text-decoration: none;}
ul.list-comentarios li .box-text-comentarios a:hover{color: #21ab5f;}



/*======================================================*/
/*[F] - Cadastro */
.boxLoginCadastro{ width: 100%; display: block; position: relative; float: left; clear: both; border: 1px solid #ececec;}
.boxLoginCadastro h3{ display: block; clear: both; background: #ececec; padding: 20px 0 20px 25px;font-family:'Montserrat'; font-size: 23px; color: #b5b5b5!important; margin-top: 0!important;}
.boxLoginCadastro p{ margin: 0 0 0 40px;}

/* ---- Form Login ---- */
.boxLoginCadastro form{ padding:10px 40px 30px 40px;}
.boxLoginCadastro .boxLinhaCadastro{ display: block; width: 100%; position: relative; margin: 0 0 20px 0;}
.boxLinhaCadastro .boxInputCadastro{ display: inline-block; width: calc(49% - 39px);width: -o-calc(49% - 10px);width: -ms-calc(49% - 10px); width: -moz-calc(49% - 10px); width: -webkit-calc(49% - 10px); margin: 0; background: #f2f2f2; vertical-align: middle;}
.boxInputCadastro:nth-child(2n){ float: right;}
.boxLoginCadastro .boxLinhaCadastro:nth-child(2n) .boxInputCadastro{ background: none;}
.boxInputCadastro .spanLogin{ width: 44px; height: 34px; border-right: 1px solid #FFF; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;background: url('../images/sprite.png') no-repeat -109px -54px; padding-left: 15px;}
.boxInputCadastro .spanSenha{width: 44px; height: 34px; border-right: 1px solid #FFF;display: inline-block; margin: 0 5px 0 0; vertical-align: middle; background: url('../images/sprite.png') no-repeat -60px -54px;}
.boxInputCadastro input{ background:none; border: none; color: #333; padding: 15px 5px;width: calc(100% - 49px);width: -o-calc(100% - 49px);width: -ms-calc(100% - 49px); width: -moz-calc(100% - 49px); width: -webkit-calc(100% - 49px); display: inline-block;}
.boxInputCadastro button{ border: none; background: #ee1d24; padding: 15px 0; color: #fff; font-size: 20px; display: block; width: 100%;}
.boxInputCadastro a{font-size: 15px; color: #ee1d24; text-decoration: none; padding: 0px;}



.buscaCadastro{ display: block; position: relative; float: left; clear: both; width: 100%; margin: 50px 0;}
.buscaCadastro .boxTitBusca{ display: block; width: 100%; position: relative; box-shadow: inset #FFF 0 12px 0, inset #ececec 0 15px 0;}
.buscaCadastro .boxTitBusca h3{ display: inline-block; padding: 0 10px 0 0; background: #FFF; margin: 0; font-size: 23px; color: #CCC;}
.buscaCadastro form{ display: block; position: relative; float: left; clear: both; margin: 15px 0 0 0;}
.buscaCadastro form input{ background: #ececec ; position: relative; border: none; color: #333; padding: 0px 0 0px 10px; width: 350px; height: 55px; float: left;}
.buscaCadastro form button{ background:url("../images/sprite.png") no-repeat 0 3px #ee1d24;height: 55px; padding: 0 30px;float: left; border: none;}
.buscaCadastro form button:hover{ background:url("../images/sprite.png") no-repeat 0 3px #ca0008;}















/*---------------------------- Start R E S P O N S I V E --------------------------*/
/*--------------------------------------- Large desktop ---------------------------------------*/
@media (min-width: 1200px) {
	
	
	/* Menu Responsive */
	.slicknav_menu{	
		display:none;
	}
	
	
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */
	
	.wrapContent aside{
		width: 100%;
		position: relative;
		float: left;
		clear: both;
		padding-right: 20px;
		margin: 30px 0;
		
	}
	
	
	.box-times-area-restrita{ margin-top: 163px;}
	
	
}

/*--------------------------------------- Portrait tablet to landscape and desktop ---------------------------------------*/
@media (min-width: 992px) and (max-width: 1200px) {
	
	/*-------------------------------------------------------------------------------*/
	/*----------------------------------------------------------- Topo --------------*/
	/*---- HEADER -----*/
	
	
	/*----- Menu Responsive -----*/
	.slicknav_menu{	
		display:none;
	}
	
	/*----- Menu -----*/
	.menuTopo ul.nav li span a{
		color: #ee1d24;
		text-decoration: none;
		font-family: 'eausans_black';
		font-size: 14px;
	}
	.menuTopo ul.nav li span{
		display: inline-block;
		border-left: 1px solid #ededed;
		padding: 10px 23px;
	}
	
	form.buscaTopo {
	    width: 190px;
	    height: 40px;
	    position: absolute;
	    left: 215px;
	    top: 35px;}
	.menuTopo ul.nav li a{ padding: 16px 14px;}
	
	/*-------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------*/
	/* FOOTER */
	.box-setransp,
	.box-logoFooter,
	.box-sistema{
		display: block;
		clear: both;
		margin: 0px;
		float: none;
		margin-bottom: 50px;
		vertical-align: middle;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);}
	
	
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */
	
	.wrapContent aside{
		width: 100%;
		position: relative;
		float: left;
		clear: both;
		padding-right: 20px;
		margin: 30px 0;
		
	}
	
	
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- Resultado da Busca -------------- */
	.box-local-resutlado-busca .box-info div:first-child p{ font-size: 16px;}
	.box-local-resutlado-busca .box-share div{ margin-left:0px; }
	.wrap-intro-page header h1{ font-size: 50px; line-height: 45px;}
	
	
	
	
}


/*--------------------------------------- Portrait tablet to landscape and desktop ---------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	
	/*======================================================*/
	/*----- HEADER -----*/
	header .boxLogos{
		margin: 20px 0;
	}
	
	
	
	
	/*======================================================*/
	/*----- MENU -----*/

	header .menuTopo{
		display:none;
	}
	
	
	.boxBottomHeader { background: url("../images/faixa-bg-topo-2.png") no-repeat left center;}
	/* icon menu */
	body .slicknav_menu{
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100000;
		background: none;
		padding: 5px 0;
	}
	
	body .slicknav_menu > a{
		background: none;
		margin: 18px 5px 15px;
		z-index: 9999;
		position: absolute;
		right: 10px;
		top: 0px;
	}
	body .slicknav_menu > a .slicknav_menutxt{
		text-shadow: none!important;
		color:#939393;
	}
	body .slicknav_menu > a .slicknav_icon-bar{
		box-shadow: inherit!important;
		background:#295294;
		width: 30px;
		height: 5px;
	}
	

	
	/* menu */
	body .slicknav_nav{
		position: absolute;
		width: 100%;
		overflow: auto!important;
		top: 0;
		left: 0;
		background:rgba(0,0,0,0.8);
		z-index: 999
	}
	body .slicknav_nav > li:first-child{
		margin-top: 55px;
	}
	body .slicknav_nav li a{
		padding: 15px 10px!important;
		border-radius:0!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	body .slicknav_nav li a:hover{
		border-radius:0px;
		background:#ffcb08!important;
		color: #000;
	}
	.ati-home .nav-home a, .ati-sobre-nos .nav-sobre-nos a, .ati-aplicativo .nav-aplicativo a, .ati-contato .nav-contato a, .menuTopo ul.nav li:hover span, .menuTopo ul.nav li a:hover{ box-shadow: inherit;}
	body .slicknav_nav li a span a{
		padding-left: 0px!important;
	}
	
	body .slicknav_nav li a.slicknav_item > a{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	body .slicknav_nav li a span:before{
		margin-left: 0px!important; 
	}
	
	/* Submenu */
	body .slicknav_nav li ul{
		margin:0px;
		padding: 0;
		list-style: none;
		position: relative;
		width: 100%;
		overflow:visible!important;
	}
	body .slicknav_nav li ul.menu li{
		width: 100%;
		float: left;
		clear: both;
		display: block;
		margin:0px;
		padding:0px;
		position: relative;
	}
	body .slicknav_nav li ul.menu li:first-child{
		margin-top: 0px!important;
	}
	body .slicknav_nav li ul.menu li a{
		margin: 0px;
		width: 100%;
		display: block;
		text-align: center;
		color:#ffffff;
		font-weight: 700;
		border-radius:0!important;
		background:none;
		position: relative;
		text-decoration: none;
		-moz-transition:all 0.4s ease;
		-webkit-transition:all 0.4s ease;
		transition:all 0.4s ease;
		font-size: 18px;
		font-family: 'Roboto', sans-serif;
	}
	
	/* Submenu - Menuhover */
	body .slicknav_nav li ul{
		background: rgba(0,0,0,0.75);
		border-radius:0px;
		width: 100%;
		margin-bottom: 30px;
	}
	body .slicknav_nav li ul li a{
		color: #FFF;
	}
	
	
	form.buscaTopo {
	    width: 250px;
	    height: 40px;
	    position: absolute;
	    left: auto;
	    right: 35px;
	    top: 57px;}
	.listContatos{
		right: 35px;
		top:20px;}   
	.listContatos li a{
		text-indent: -999999px;
		margin: 0px;
		width: 35px;
		height: 35px;
		overflow: hidden;
		font-size: 15px;
		padding:5px 0 5px 35px;
		position: relative;}
	
	/*-------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------*/
	/* FOOTER */
	.box-setransp,
	.box-logoFooter,
	.box-sistema{
		display: block;
		clear: both;
		margin: 0px;
		float: none;
		margin-bottom: 50px;
		vertical-align: middle;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);}
	
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */
	.wrap-intro-page header .breadcrumb{bottom: 120px;}

	
	
	
	
		
		
		
	
		
}
 
/*--------------------------------------- Landscape phone to portrait tablet ---------------------------------------*/
@media (max-width: 767px) {
	
	
	/*======================================================*/
	/*----- HEADER -----*/
	header .boxLogos{
		margin: 20px 0;
	}
	.boxBottomHeader { background: url("../images/faixa-bg-topo-3.png") no-repeat left center;}
	/*------ Menu | Slick Nav ------*/
	header .menuTopo{
		display:none;
	}
	
	/* icon menu */
	body .slicknav_menu{
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 100000;
		background: none;
		padding: 5px 0;
	}
	
	body .slicknav_menu > a{
		background: none;
		margin: 18px 5px 15px;
		z-index: 9999;
		position: absolute;
		right: 10px;
		top: 0px;
	}
	body .slicknav_menu > a .slicknav_menutxt{
		text-shadow: none!important;
		color:#939393;
	}
	body .slicknav_menu > a .slicknav_icon-bar{
		box-shadow: inherit!important;
		background:#295294;
		width: 30px;
		height: 5px;
	}
	
	/* menu */
	body .slicknav_nav{
		position: absolute;
		width: 100%;
		overflow: auto!important;
		top: 0;
		left: 0;
		background:rgba(0,0,0,0.8);
		z-index: 999
	
	}
	body .slicknav_nav > li:first-child{
		margin-top: 55px;
	}
	body .slicknav_nav li a{
		padding: 15px 10px!important;
		border-radius:0!important;
		margin-left: 0px!important;
		margin-right: 0px!important;
	}
	
	.ati-home .nav-home a, .ati-sobre-nos .nav-sobre-nos a, .ati-aplicativo .nav-aplicativo a, .ati-contato .nav-contato a, .menuTopo ul.nav li:hover span, .menuTopo ul.nav li a:hover{ box-shadow: inherit;}
	
	
	body .slicknav_nav li a:hover{
		border-radius:0px;
		background:#ffcb08!important;
		color: #000;
	}
	body .slicknav_nav li a span a{
		padding-left: 0px!important;
	}
	
	body .slicknav_nav li a.slicknav_item > a{
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	
	body .slicknav_nav li a span:before{
		margin-left: 0px!important; 
	}
	
	/* Submenu */
	body .slicknav_nav li ul{
		margin:0px;
		padding: 0;
		list-style: none;
		position: relative;
		width: 100%;
		overflow:visible!important;
	}
	body .slicknav_nav li ul.menu li{
		width: 100%;
		float: left;
		clear: both;
		display: block;
		margin:0px;
		padding:0px;
		position: relative;
	}
	body .slicknav_nav li ul.menu li:first-child{
		margin-top: 0px!important;
	}
	body .slicknav_nav li ul.menu li a{
		margin: 0px;
		width: 100%;
		display: block;
		text-align: center;
		color:#ffffff;
		font-weight: 700;
		border-radius:0!important;
		background:none;
		position: relative;
		text-decoration: none;
		-moz-transition:all 0.4s ease;
		-webkit-transition:all 0.4s ease;
		transition:all 0.4s ease;
		font-size: 18px;
		font-family: 'Roboto', sans-serif;
	}
	
	/* Submenu - Menuhover */
	body .slicknav_nav li ul{
		background: rgba(0,0,0,0.75);
		border-radius:0px;
		width: 100%;
		margin-bottom: 30px;
	}
	body .slicknav_nav li ul li a{
		color: #FFF;
	}
	
	
	
	
	form.buscaTopo {
	    width: 100%;
	    width: calc(100% - 250px);
	    width: -webkit-calc(100% - 250px);
	    width: -moz-calc(100% - 250px);
	    width: -ms-calc(100% - 250px);
	    height: 40px;
	    position: absolute;
	    left: auto;
	    right:25px;
	    top: 55px;}
	.listContatos{
		right: 75px;
		top:16px;} 
	.listContatos li{ margin: 0 0 0 15px;}  
	.listContatos li a{
		text-indent: -999999px;
		margin: 0px;
		width: 35px;
		height: 35px;
		overflow: hidden;
		font-size: 12px;
		padding:7px 0 7px 35px;
		position: relative;}
	
	/* --------------------------------------------------------------------------------------------------------------------------------------- */
	/* --------------------------------------------------------------------------------------------------------------- SLIDER ---------------- */
	.slider{
		width:100%;
		height: auto;
		background: url('../images/bg-slider-home-responsive.png') no-repeat center center #000;
		background-size: cover;
		float:left;
		clear:both;
		position:relative;
		margin: 0;
		padding: 0 0 30px 0;
		box-shadow: inset rgba(0, 0, 0,0.2) 0 -450px 0;
	}
	
	/*------------------------------ Busca ------*/
	.box-busca-home{
		width: 100%;
		height: 420px;
		position: relative;
		float: left;
		clear: both;
		background: none;
		padding: 15px 20px;
	}
	
	
	
	.listContatos{ display: none!important;}
	.servicosLink{ display: block!important;}
	/*-------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------*/
	/* FOOTER */
	.box-setransp,
	.box-logoFooter,
	.box-sistema{
		display: block;
		clear: both;
		margin: 0px;
		float: none;
		margin-bottom: 70px;
		vertical-align: middle;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);}
		
	.box-setransp a.logo-rodape,
	.box-logoFooter a.logo-rodape,
	.box-sistema a.logo-rodape{ margin-top: 0;}
		
		
		
		
		
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	
	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */
	
	.wrap-intro-page header .breadcrumb{bottom: 110px;}
	.wrap-intro-page header h1{
		font-size: 45px;
		line-height: 40px;}
	
	.img-01{
		margin-left: 5%;
	}

	.img-02{
		margin-right: 5%;
	}
	
	
}
 
 
 
/*--------------------------------------- Landscape phones and down ---------------------------------------*/
@media (max-width: 480px) {
	
	.boxBottomHeader { background: url("../images/faixa-bg-topo-3.png") no-repeat left center;}
	/*-------------------------------------------------------------------------------*/
	/*-------------------------------------------------------------------------------*/
	/* FOOTER */
	.box-setransp,
	.box-logoFooter,
	.box-sistema{
		width: 100%;
		display: block;
		clear: both;
		margin: 0px;
		float: none;
		margin-bottom: 50px;
		vertical-align: middle;
		left: 50%;
		text-align: center;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);}
	
	.box-setransp a,
	.box-logoFooter a,
	.box-sistema a{
		display: block;
		clear: both;
		width: 100%;
		float: none;
		margin: 0 0 15px 0;	}
		
	.wrapFooter p{
		color: #999;
		display: block;
		clear: both;
		margin-bottom: 40px;
		font-size: 14px;
		font-family: 'Roboto';
		font-weight: 100;}
	.wrapFooter p strong{ color: #295294}
	.wrapFooter .credito{
		display: block;
		float: none;
		position: relative;}
	
	.buscaTopo{ display: none;}
		
	/* .servicosLink{ display: block!important;} */	
	
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/
	/*********************************************************************************************************************************************/

	/* ----------------------------------------------------------------------------------------------------------------------------------------- */
	/* ------------------------------------------------------------------------------------------------------- INTERIOR DO SITE ---------------- */
	
	.wrap-intro-page header .breadcrumb{bottom: 95px;}
	.wrap-intro-page header .breadcrumb ul{ font-size: 13px;}
	.wrap-intro-page header h1{
		font-size: 30px;
		line-height: 30px;}


	section.wrapContentForm header h2{ color: #fff;font-size: 25px;}
	section.wrapContentForm header p{ font-size: 15px;}
	
	.img-01{
		margin-left: 0;
	}

	.img-02{
		margin-right: 0;
	}
	
}





.classErro{color:red;}

/*@ box404 */
body.body404{background:#fff;margin:30px;overflow: hidden;}
.box404{border:1px solid #ddd;padding:20px;line-height:160%;overflow: hidden;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow: inset 0 0 10px #e7e7e7;}
body.body404 h1{font-size: 1.1em;font-weight: bold;color: #333;margin: 0 0 10px 0;float: none;text-transform: none;}
body.body404 .logo{position: relative;top: auto;left: auto;margin: 0 auto 35px auto;}
.logo span{display: none;}

/* -------- Ações -------- */
.clearthis{clear: both;}
.noTextTransform{text-transform: none;}
.nomargim{margin:0;}
.hidden {display:none;}
.textsmall{font-size:.7em;line-height: normal;}
.floatleft{float:left;}
.floatright{float:right;}
.overflowHidden{overflow: hidden;}
.textAlignCenter{text-align:center;}
.textAlignRight{text-align:right;}
.textAlignLeft{text-align:left;}
.positionRelative{position: relative;}

#loaderDiv {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1100;
   background-color: white;
   opacity: .6;
}

.ajax-loader {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -32px; /* -1 * image width / 2 */
   margin-top: -32px; /* -1 * image height / 2 */
   display: block;
}

.line-separator {
	border-top: solid 1px #337ab7;
}

.hide-item {
	display: none;
}

li.list-without-dot {
	list-style-type: none;
}

input.file_not_showed{
	display: none;
}

.file_upload {
  margin-top: 5px;
}

ul#files{
  margin-top: 4px;
  padding-left: 0px;
}

#files li{
	list-style-type: none;
	margin-top: 1px;
  	font-weight: bold;
  	line-height: 18px;
}

#files img {
	vertical-align: middle;
  	margin-left: 2px;
  	cursor: pointer;
}

#files.ulfiles {
	margin-left:0px; 
	width: 98%;
	padding-left:10px;
	float: left;
	clear: both;
	padding:10px;
	margin: 0px 30px 10px 0px;
	border: 1px solid #26559f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ulfiles li+#liAnexoArquivoObrigatorio {
	display: none;
}

h3 span.glyphicon{
	font-size: 23px; 
	vertical-align: sub;
}