@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:f0f0f0;
}

/* ------------- BANEER ROTATIVO EM JQUERY ----------------*/

#slide{width:1024px; height:320px; position:relative; margin:0 auto; overflow:hidden; /*box-shadow:0 0 15px #333; */ margin-top:0px;}
#slide img{width:1024px;height:320px; position:relative; z-index:-1; } 
#naveg{width:1000px; height:80px; position:relative; margin:5px auto ; z-index:300; overflow:hidden; top:-200px;
}
#next{width:40px; height:40px; position:relative; float:right; background-color:#ddd; text-align:center; line-height:40px; opacity:0.4;
 border-radius: 50%;
 transition:all 5s ease-in-out;
 -moz-transition:all 5s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
 text-decoration:none;
 font-family:Verdana, Geneva, sans-serif;
 font-weight:bolder;
 font-size:20px;
 color:#333;
}
#prev{width:40px; height:40px; position:relative; float:left; background-color:#ddd; text-align:center; line-height:40px; opacity:0.2;
 border-radius: 50%;
 transition:all 5s ease-in-out;
 -moz-transition:all 5s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
 text-decoration:none;
 font-family:Verdana, Geneva, sans-serif;
 font-weight:bolder;
 font-size:20px;
 color:#333;
}
#next:hover,#prev:hover{opacity:0.5;}

#nav_num{width:10%; height:20px; position:relative;  margin: 0 auto; top:-115px; z-index:301;}
#nav a {
	background: #F1F1F1; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:800;
	font-size:12px;
	color:#999999;

	border-radius: 50%;
	margin:7px 7px; 
	padding: 3px 7px; 
	text-decoration:none;
	text-align:center;
}

#nav a:hover { background: #ccc; color:#FFFFFF;}
#nav a.activeSlide { background: #FFc907; color:#FFFFFF; border:none; box-shadow: 0 0 3px #ddd;  }
#nav a:focus { outline: none; }

/*-------------------------------------------------------------------------------------*/

/* baner - lanternas */

#slide_lanterna{width:300px; height:280px; position:relative; margin:0 auto; overflow:hidden; /*box-shadow:0 0 15px #333; */ margin-top:0px;}
#slide_lanterna img{width:300px;height:280px; position:relative; z-index:-1; } 




/* -------------------------------------------------------------------*/

.datagrid table { 
		border-collapse: collapse; 
		text-align: left; 
		width: 100%; 
} 

.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif; 
	background: #fff; 
	overflow: hidden; 
	border: 1px solid #006699; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}

.datagrid a{
	text-decoration:none; 
	color:#00557F; 
	font-size: 12px; 
	font-weight: bold; 
}

.datagrid a:hover{
	text-decoration:underline; 
	color:#00557F; 
	font-size: 12px; 
	font-weight: bold; 
}

.datagrid table td, .datagrid table th { 
	padding: 3px 10px;
}

.datagrid table thead th {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699; 
	color:#FFFFFF; 
	font-size: 12px; 
	font-weight: bold; 
	border-left: 1px solid #0070A8; 
} 

.datagrid table thead th:first-child { 
	border: none; 
}

.datagrid table tbody td { 
	color: #00557F; 
	border-left: 1px solid #E1EEF4;
	font-size: 12px;
	font-weight: normal; 
}

.datagrid table tbody .alt td { 
	background: #E1EEf4; 
	color: #00557F; 
}

.datagrid table tbody td:first-child { 
	border-left: none; 
}

.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
}

.datagrid table tfoot td div { 
	border-top: 1px solid #006699;
	background: #E1EEf4;
} 

.datagrid table tfoot td { 
	padding: 0; 
	font-size: 12px; 
} 

.datagrid table tfoot td div{ 
	padding: 2px; 
}

.datagrid table tfoot td ul { 
	margin: 0; 
	padding:0; 
	list-style: none; 
	text-align: right; 
}

.datagrid table tfoot  li { 
	display: inline; 
}

.datagrid table tfoot li a { 
	text-decoration: none; 
	display: inline-block;  
	padding: 2px 8px; 
	margin: 1px;
	color: #FFFFFF;
	border: 1px solid #006699;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
	background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
	background-color:#006699;
}

.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { 
	text-decoration: none;
	border-color: #00557F; 
	color: #FFFFFF; 
	background: none; 
	background-color:#006699;
}

div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

.conteudo{
	z-index:-10;
}

.menu{
	z-index:100;
}

ul{
	width:1024px;
	list-style:none; 
	margin:0 auto;	
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	height:50px;
	line-height:50px;
	font-weight:bolder;
	text-transform:uppercase;
	-webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
ul li{
	position:relative; 
	display: inline-block; /* centraliza na horizontal */	
	/*	border-right:1px solid #951711;  */
	box-shadow: #951711 1px 0px 0px;
    float: left;
    position: relative; /* Necessário para o item filho se posicionar a LI que é o pai */
}
ul li a{
	color:#fff; 
	text-decoration:none;
	 padding:0px 18px; 
	 display:block;
}
ul li:hover > a{ /* Quando passarmos o mouse sobre a LI colocamos estilo no A */
	background: -moz-linear-gradient(top, #FDEA03, #fc5b01) repeat-X;
		/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#FDEA03), to(#FC5B01)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDEA03, endColorstr=#fc5b01)";
	color:#fff; 
	-moz-box-shadow:0 3px 10px 0 #CCC; 
	-webkit-box-shadow:0 3px 10px 0 #ccc; 
	text-shadow:0px 0px 3px #fff; 
}

ul li ul{
    display: none;
    position: absolute;
	padding:0;
	top:50px; 
	left:0; 
}

li ul li{
	margin:0;
	padding:0;
	background:#DB000B;
	display:block; 
	width:310px;
	height:35px;
	line-height:35px;
	border-bottom:dotted 1px #FFFFFF;
	font-size:12px;
	font-weight:400;
}
	
ul li:hover ul{ /* Quando passar o mouse sobre a LI aparecerá o menu filho */
    width: 310px; /* Tamanho do menu filho */
    display: block; 
}

ul li ul li{
    width: 310px;
    cursor: pointer;
}

ul li ul li:hover > a{
    background-color: #0099FF;
    color: #FFFFFF;
}

ul li ul li ul li{
    display: none;
		padding:0;
}

ul li ul li ul{
    top: 0; /* Para deixar o sub-menu na mesma linha do menu pai */
	padding:0;	
	margin:0;
}
ul li ul li:hover ul li{
    display: block;
    width: 280px;
    left: 310px; /* Para deixar o sub-menu ao lado do menu pai */
}


.mais{
	font-size:8;
	font-weight:100;
	color:#fff;
}

.menu_destaque{
	background: -moz-linear-gradient(top, #fd3103, #fc5b01) repeat-X;
		/* Para WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#fd3103), to(#fc5b01)) repeat-X;
	/* Para IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd3103, endColorstr=#fc5b01)";	
}

.sitemap{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#F90;
	font-weight:bold;
	font-size:18px;
}

.sitemap a{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#999966;
	font-weight:500;
}

.sitemap a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#F30;
	font-weight:500;
	text-decoration:underline;
}

.sitemap a:active{
	color:#FF0000;
}

.manuais_bombeiros_fundo{
	background:#CC0000;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	color:#FFFFFF;
	text-align:center;
}

.indices{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#960;
	background:#F8F8F8;
}

.numero_manual{
	font-family:Arial, Helvetica, sans-serif;
	font-size:55px;
	color:#FFFFFF;
	text-align:center;
}
	
	
.barra_sup{
/*	background:url(imagens/fundos/fd_barra_superior.png); */
	top:0px;
	background:url(imagens/fundos/fd_barra_superior_fatiada.png);
	width:100%;
	height:290px;
	background-repeat:repeat-x;
}

.barra_menu{
	position:absolute;
	background:url(imagens/fundos/fd_barra_menu.png);
	top:121px;
	width:100%;
	height:50px;
	background-repeat:repeat-x;
	z-index:1;
}

.logo_br_cima{
	position:absolute;
	z-index:2;
	top:13px;
	width:100%;
	height:87px;
}

.banner_central{
	position:absolute;
	z-index:0;
	top:171px;
	width:100%;
	height:420px;
	left: 1px;
}

.fd_conteudo{
	position:absolute;
	background:url(imagens/fundos/fd_conteudo.png);
	background-repeat:repeat;
	width:100%;
	height:550px;

	z-index:0;
}

.fd_conteudo_pg_cinza{
	position:absolute;
	background:url(imagens/fundos/fd_conteudo.png);
	background-repeat:repeat;
	width:100%;
	height:23px;
	top:468px;
	z-index:0;
}

.fd_conteudo_paginas{
	position:absolute;
	background:url(imagens/fundos/fd_conteudo.png);
	background-repeat:repeat;
	width:100%;
/* 	height:100%; */
	top:491px;

}

.br_conteudo{
	position:absolute;
	width:100%;
	height:442px;
	top:596px;
	z-index:4;
}

.br_conteudo_pg{
	position:absolute;
	width:100%;
/*	height:442px; */
	top:596px;
	z-index:0;
}

.br_conteudo_text{
	position:absolute;
	width:100%;
	height:442px;
	top:596px;
	z-index:0;
}

.br_bombeiros{
	top:591px;
	width:100%;
	height:33px;
	position:absolute;
	z-index:9;
}

.br_bombeiros_pg{
	background:url(imagens/br_bombeiros.png);
	background-repeat:repeat-x;
	width:1024px;
	height:32px;
}

.text_conteudo{
	font-family:Arial, Helvetica, sans-serif;
	color:#917752;
	font-size:12px;
	width:290px;
}

.br_redes_sociais{
	position:absolute;
	width:100%;
	height:49px;
	top:1085px;
	background:#dfdfdf;
/*	z-index:5; */
}

.br_redes_sociais_pg{

	width:100%;
	height:49px;
	background:#dfdfdf;

}

.br_inferior{
	position:absolute;
	background:url(imagens/fundos/fd_barra_baixo.png);
	background-repeat:repeat-x;
	width:100%;
	height:156px;
	top:1135px;
/*	z-index:7; */
}

.br_inferior_pg{

	background:url(imagens/fundos/fd_barra_baixo.png);
	background-repeat:repeat-x;
	width:100%;
	height:156px;

}

.br_rodape{
	position:absolute;
	background:#f0f0f0;
	top:1291px;
	width:100%;
	height:96px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#917752;
	z-index:8;
}

.br_rodape_pg{
/*	position:absolute; */
	background:#f0f0f0;
/*	top:1254px; */
	width:100%;
	height:96px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#917752;
/*	z-index:8; */
}


.links_br_inferior{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

.links_br_inferior:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:underline;
}

.links_br_inferior_newsletter{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}

.links_menu{
	text-decoration:none;
	display:block;
	height:50px;
	vertical-align:middle;
}

.links_menu:hover{
	background:url(imagens/fundos/fd_menu_hover.png);
}

.bt_saibamais{
	width:146px;
	height:28px;
	background:#D50000;
	display:block;
	text-align:center;

}

.bt_saibamais:hover{
	background:url(imagens/botoes/fd_bt_saibamaisHover.png);
	background-repeat:repeat-x;
	text-align:center;
}

.fd_menu_mapa{
	background:url(imagens/fundos/fd_barra_menu_mapa.png);
	background-repeat:repeat-x;
}


.tl_rodape{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#000;
	font-weight:bolder;
}

.tl_paginas_preto{
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000;
}

.tl_paginas_vermelho{
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#F30;
}

.text_conteudo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-align:justify;
	text-decoration:none;
}

.text_conteudo_destaque{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F30;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.text_conteudo_destaque_bold{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F30;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}

.text_conteudo_destaque:hover{
	background:#F30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	font-style:normal;
}

.txt_saiba_mais{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bolder;
}
	
.txt_saiba_mais:hover{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background:#333333;
	color:#FFFFFF;
	font-weight:bolder;
}

.txt_destaque_fundo{
/*	position:absolute;*/
	background:#f0f0f0;
	width:100%;
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#917752;
	z-index:8;
}

/* --------------------- MENU UTILIDADE PUBLICA -------------*/

.menu_utilidade{
	background:#F00;
	display:block;
	text-transform:uppercase;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	height:25px;
	font-weight:bolder;
	text-decoration:none;
}

.menu_utilidade_selecionado{
	background:#F90;
	display:block;
	text-transform:uppercase;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	height:25px;
	font-weight:bolder;
	text-decoration:none;
}


.menu_utilidade:hover{
	background:#F60;
	display:block;
	text-transform:uppercase;
	font-family:"Arial Black", Gadget, sans-serif;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bolder;
}


.table_instrucoes_tecnicas{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#0F0;
	text-decoration:none;
}

.table_instrucoes_tecnicas:hover{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FF0;
}



/* --------------------------- GLOSSARIOS -------------------- */

.tl_glossario{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FF3333;
	font-weight:bolder;
}

.subtl_glossario{
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#333333;
	font-weight:500;
}

.txt_glossario{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#8C6A66;
	font-weight:100;
	text-align:justify;
}

.txt_glossario_texto{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:justify;
}
	
	
/*---------------------- SERVIÇOS -------------------------*/

.fd_tabservicos{
	background:#CC0000;
	width:300px;
	height:200px;
}

.tl_tabservicos{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#FF4646;
	font-weight:bold;
}

.txt_tabservicos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
	
}

.text_conteudo_servicos{
	font-family:Arial, Helvetica, sans-serif;
	color:#917752;
	font-size:12px;
	text-align:justify;
}

.txt_destaque_pag{
/*	position:absolute;*/
	background:#f0f0f0;
	width:100%;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#CC0000;
	z-index:8;
}

.menu_servicos{

	background:#F22E38;
	text-align:center;
/*	box-shadow: 1px 0px 10px rgba(0,0,0,0.5);*/
/*	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:bold;
	text-decoration:none;
	color:#FFF;*/
}

.menu_servicos:hover{
	background:#F56B73;
	box-shadow: 1px 0px 10px rgba(0,0,0,0.5);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:bold;
	text-decoration:none;
}

.menu_servicos_link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:bold;
	color:#FFF;
	text-decoration:none;
}

.menu_servicos_link:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:bold;
	text-decoration:none;
}

.tl_tabela{
	background:#f22e38;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	font-weight:700;
}

.cl_tabela01{
	background:#FD5565;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
	vertical-align:top;
	font-size:11px;
}

.cl_tabela02{
	background:#FE93A0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	text-align:justify;
	vertical-align:top;
	font-size:11px;
}
/* --------------------- FORMULÁRIOS -----------------------*/
	
.tb_formularios{
	background:#FFF;
	box-shadow: 1px 0px 10px rgba(0,0,0,0.5);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:bold;
	color:#C83A37;
}

.txt_tpavcb{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:bold;
	color:#C83A37;
}

.tl_formularios{
	background:#EEE;
	width:85%;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#666;*/
	font-style:bold;
	font-size:18px;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#666;
}

.fd_campos{
	background:#EEE;
	width:100%;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight:bold;
	font-size:12px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border:none;
	padding-left:10px;
}

.fd_textarea{
	background:#EEE;
	width:100%;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-weight:bold;
	font-size:12px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border:none;
	padding-left:10px;
}

.fd_campo_faleconosco{
	background:#FFF;
	width:100%;
	height:30px;
	color:#F30;
	font-size:12px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-left:2px;
}

.fd_textarea_faleconosco{
	background:#FFF;
	width:100%;
	height:80px;
	color:#090;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	padding-left:10px;
}

.text_faleconosco_tl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#990000;
	text-align:justify;
	font-weight:700;
}

.text_faleconosco{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#999;
	font-weight:500;
	text-align:justify;
}

/* ----------------- NOTICIAS & MATERIAS ------------------*/

.n-tl-noticias{
	font-family:Verdana, Geneva, sans-serif;
	font-size:44px;
	color:#333;
	font-weight:bolder;
	text-align:justify;
}

.n-tl-noticias-bold{
	font-family:Verdana, Geneva, sans-serif;
	font-size:44px;
	font-weight:bolder;
	color:#333;
}

.n_subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#CCC;
}

.n-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#555;
}

.n-text li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	font-weight:bold;
}
.n-text-destaque{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#F30;
}

.border_table{
	border-collapse: collapse;
}

.border_table tr td{
	border: 1px solid #ccc;
}

.n-border-destaques{
	border-bottom: 1px dotted #CCC;
}

.n-link-destaques{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#F30;
}
.n-link-destaques:hover{
	text-decoration:underline;
}

.n-mais-destaques{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF3300;

}

.n-mais-destaques-cinza{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#CCC;
}

.n-mais-destaques-borda{width:90px; border-bottom: 5px solid #F30; display:block; position:absolute;}

.n-mais-destaques-borda-cinza{border-bottom: 1px solid #CCC;}


.image-borda{
	display:block;
	width:200px;
	height:150px;
	border:none;
	border: solid 5px #FFF;	
	border-radius:17px;
}

.image-borda:hover{
-webkit-box-shadow: 0px 4px 31px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 31px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 31px 0px rgba(0,0,0,0.75);
}