/*------------------------------------------------
>> Reset & Standards
------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

img { border:0; }

html {
	font-size: 62.5%; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}


/*------------------------------------------------
>> Geral
------------------------------------------------*/

body {
	background: #fff url("../figuras/fundo_degrade.jpg") repeat-x; 
	color: #333333;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding-top: 90px;
	/*padding-bottom: 55px;*/
}
.conteudo {
	margin: 0 auto;
	width: 980px;
}

h2 {
	/*font: bold 47px Arial, Helvetica, sans-serif;*/
	color: #536685;
	font: bold italic 54px "Times New Roman", Times, serif;
	letter-spacing: -3px;
	margin: 15px 0 15px -2px;
	text-shadow: 1px 1px 1px #cccccc;
}
h3 {
	/*font: 30px "Times New Roman", Times, serif;*/
	font: italic 30px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #cccccc;
}

#sgs h3, #sic h3, #sgf h3 {
	color: #333333;
	font: italic 40px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #cccccc;
}
/*
.sgs_h { background: #f1f4fc; }
.sic_h { background: #f7f3f3; }
.sgf_h { background: #f2f0ea; }


#sgs h3 { color: #6f85aa; }
#sic h3 { color: #942929; }
#sgf h3 { color: #76745c; }
*/

h4 {
	color: #000000;
	font: italic 16px/30px Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

#pagina {
	margin-top: 60px;
}

#pagina h2 {
	color: #536685;
	font: bold italic 52px "Times New Roman", Times, serif;
	letter-spacing: -3px;
	margin: 0 0 15px -2px;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#pagina h3 {
	color: #6f85aa;
	font: italic 28px "Times New Roman", Times, serif;
	line-height: 40px;
	margin: 0 0 25px 0;
	text-shadow: 1px 1px 1px #cccccc;
}
#pagina h4 {
	color: #484848;
	font: bold italic 16px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}

.clear {
	clear: both;
}
#img_titulo {
	float: left;
	height: 30px;
	width: 30px;
	margin: 8px 12px 0 0;
}
.area_sep {
	background: url(../figuras/area_sep.gif) top repeat-x;
	height: 1px;
	margin: 25px auto;
	width: 100%;
}

/*.destaque_sep {
	background: url(../figuras/base.png) top center;
	height: 47px;
	margin: 0 auto;
	width: 960px;
}*/
.destaque_sep {
	background: url(../figuras/destaque_sep.png) top center;
	height: 10px;
	margin: 0 auto;
	width: 920px;
}

.sep_topo {
	background: url(../figuras/sgs/sep_topo.png) top center;
	height: 50px;
	margin: 10px auto 15px auto;
	width: 920px;
}

/*------------------------------------------------
>> Topo / Menu / Atendimento
------------------------------------------------*/

.topo {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#topo_conteudo {
	background: #ffffff;
	/*background: #ffffff url(../figuras/topo_fundo.jpg) bottom repeat-x;*/
	height: 90px;
	width: 100%;
}
#topo_conteudo h1 {
	float: left;
	margin: 12px 0 0 0;
}

/* >> Atende 
------------------------------------------------*/
#atende {
	background: url(../figuras/atende_barra.png) no-repeat top center;
	height: 38px;
	width: 100%;
}
.atende_bt {
	margin: 0 auto;
	width: 150px;
	height: 38px;
}
#slickbox {
	background: #FFF url(../figuras/atende_fundo.jpg) repeat-x bottom;
	height: 50px;
	width: 100%;
}
.atendimento_item {
	float: left;
	height: 50px;
	width: 235px;
	margin-left: 10px;
}
.atendimento_item:first-child {
	margin-left: 0;	
}

/* >> Menu 
------------------------------------------------*/
ul#menu {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: right;
}
ul#menu li {
	display: block;
	font: 17px Arial, Helvetica, sans-serif;
	float: left;
	line-height: 90px;
	margin: 0;
	padding-left: 15px;
}
ul#menu li a {
	color: #333333;
	text-decoration: none;
	text-align: center;
	padding: 5px;
}
ul#menu li a:hover {
	color: #999999;
}


/*------------------------------------------------
>> Botőes
------------------------------------------------*/

.botao_sgs, .botao_sic, .botao_sgf  {
	float: left;
	margin: 0 20px 0 0;
	padding: 0px;
}
.botao_sgs a, .botao_sic a, .botao_sgf a {  
	background: url("../figuras/sgs/sgs_botao.png") no-repeat;	
	color: #6f85aa;
	display: block;	
	font: 14px/40px Arial, Helvetica, sans-serif;	
	height: 40px;	
	letter-spacing: -1px;
	text-decoration: none;
	text-align: center;	
	width: 160px;  
}
.botao_sgs a:hover, .botao_sic a:hover, .botao_sgf a:hover { 
	background: url("../figuras/sgs/sgs_botao_ativo.png") no-repeat;	
	color: #333333;
}


/*------------------------------------------------
>> Grade - Linhas e Colunas
------------------------------------------------*/

.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
/* To fix the grid into a certain size, set max-width to width */
.row .row { min-width: 0px; }

.column, .columns { /*background: #CCC;*/ margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
.column:first-child, .columns:first-child { margin-left: 0px; }

.row .one.columns    { width: 4.3%; }
.row .two.columns    { width: 13%; }
.row .three.columns  { width: 21.68%; }
.row .four.columns   { width: 30.4%; }
.row .five.columns   { width: 39.1%; }
.row .six.columns    { width: 47.8%; }
.row .seven.columns  { width: 56.5%; }
.row .eight.columns  { width: 65.2%; }
.row .nine.columns   { width: 73.9%; }
.row .ten.columns    { width: 82.6%; }
.row .eleven.columns { width: 91.3%; }
.row .twelve.columns { width: 100%; }

img, object, embed { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }


/*------------------------------------------------
>> To Top
------------------------------------------------*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	right:20px;
	overflow:hidden;
	width:46px;
	height:46px;
	border:none;
	text-indent:-999px;
	background: url(../figuras/btgotop.png) no-repeat left top;
}
#toTopHover {
	background: url(../figuras/btgotop.png) no-repeat left -46px;
	width:46px;
	height:46px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
	outline:none;
}


/*------------------------------------------------
>> Títulos
------------------------------------------------*/
#titulo {
	background: #F0f0f0;
	height: 140px;
	width: 100%; 
}

#titulo h2 {
	font: bold 47px Arial, Helvetica, sans-serif;
	letter-spacing: -3px;
	margin: 25px 0 25px -2px;
	text-shadow: 1px 1px 1px #cccccc;
}

.sis_nome {
	color: #333333;
	font: italic 38px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin: 0 0 15px 0;
	text-shadow: 1px 1px 1px #cccccc;
}

/*------------------------------------------------
>> Sites
------------------------------------------------*/
.s_descricao {
	font-size: 12px;
	line-height: 19px; 
	margin-top: 15px;
}
.s_descricao img {
	margin: 10px 7px -2px 0;
}
.s_descricao a {
	color: #7d7d7d;
	font-weight: bold;
	text-decoration: none;
}
.s_descricao a:hover {
	color: #990000;
}

a.site:active, a.site:link, a.site:visited {
	color: #990000;
	font: italic 25px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	text-decoration: none;
} 
a.site:hover {
	color: #333333;
}

a.link:active, a.link:link, a.link:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
} 
a.link:hover {
	color: #990000;
}


/*------------------------------------------------
>> Rodapé
------------------------------------------------*/
#rodape {
	background: url("../figuras/rodape.jpg");
	height: 200px;
	margin-top: 70px;
	text-align: center;
	width: 100%; 
}


/* >> Menu 
------------------------------------------------*/
address {
	color: #8996a0;
}

address a {
	color: #727f8a;
	text-decoration: none;
}

.navwrap {
	float: right;
	position: relative;
	left:-50%;
	text-align: left;
}
.navwrap ul {
	list-style: none; 
	position: relative;
	left: 50%;
	padding: 0;
} 
.navwrap li {
	float: left;
	position: relative;
	padding: 6px 10px 25px 6px;
	margin-top: 20px;
}
.navwrap li.last { margin-right: 0 }
.navwrap li a {
	float: left;
	position: relative;
	color: #51606c;
	text-decoration: none;
	padding: 6px 20px;
}
.navwrap li a:hover {
	background: #a7b1be;
	color: #fff;
}

/*------------------------------------------------
>> Redes Sociais
------------------------------------------------*/
ul.redes {
	margin-top: 25px;
}
.redes li {
	float: left;
}

.sociais {
	border: 0;
	margin: 0 auto;
	text-align: center;
	width: 300px;
}

.sep_conteudo {
	border-top: #b6c6cd 1px dotted;
	margin: 20px auto 20px auto;
	max-width: 980px;
	width: 100%;
}

/*------------------------------------------------
>> Listas
------------------------------------------------*/
ul.lista {
	list-style: url("../figuras/sgs/sgs_figuras_check.png");
	padding: 0;
}
.lista li {
	margin: 0 0 10px 19px;
}


/*------------------------------------------------
>> Contato
------------------------------------------------*/
/*#preview {
	position: absolute; 
	top: 100px;
	border: 1px solid #FFF;
	background: #86060a;
	padding: 5px;
	display: none;
	color: #fff;
}

#alerta_form {
	background-color: transparent;
	position: absolute; 
	display: none;
	z-index: 999; 
}
*/

label {
  display: block;
}

input, select, textarea {
	background: url(../figuras/form_campos.jpg) repeat-x;	
	border: 1px solid #abadb3;
	display: block;
	float: left;
	margin: 0 7px 6px 0;
	padding: 4px;
}

.bt {
	background: url(../figuras/form_botao.jpg) top no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 120px;
}
.bt:hover {
	background: url(../figuras/form_botao.jpg) top no-repeat;
}

.bt_solicita {
	background: url(../figuras/form_botao.jpg) top no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 120px;
}
.bt_solicita:hover {
	background: url(../figuras/form_botao.jpg) top no-repeat;
}

.bt_indica {
	background: url(../figuras/botao_indicar.jpg) top no-repeat;
	border: 0;
	cursor: pointer;
	height: 30px;
	width: 120px;
}
.bt_indica:hover {
	background: url(../figuras/botao_indicar.jpg) top no-repeat;
}


input.error, textarea.error {
	border: 2px #CC0000 solid;
}

label.error { 
	color: #CC0000;
	font-size: 12px;
	line-height: 29px;
}

.mapa {
	border: 1px solid #CCCCCC;
	margin: -1px;
}

.texto {
	color: #333333;
	font: 14px Arial, Helvetica, sans-serif;
}

/*------------------------------------------------
>> Modal
------------------------------------------------*/
.fechar a {
	background: #484848;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	float: right;
	text-decoration: none;
	padding: 3px 5px;
}
.fechar a:hover {
	background: #990000;
}

.modal_fundo {
	background: #FFFFFF;
	border: 1px solid #333333;
	padding: 15px;
}
.modal_titulo {
	margin-top: -20px;
}
/*.load { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -32px 0 0 -32px; z-index: 99999;}*/
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }

.centraliza {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 0;
}


/*------------------------------------------------
>> Sis Links
------------------------------------------------*/

#sis_links {
	background: #333333;
	bottom: 0;
	margin: 0 auto; 
	height: 54px;
	padding: 0;
	position: fixed;
	width: 100%; 
}
#sis_links ul {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
#sis_links li {
	display: inline;
}
#sis_links li a {
	color: #FFFFFF;
	line-height: 55px;
	padding: 10px 16px;
	text-decoration: none;
}
#sis_links li a:hover {
	background: #000000;
}