@import url(http://fonts.googleapis.com/css?family=Oswald|Fjalla+One|Scada);
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, font, 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, abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video {
	background: transparent;margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;list-style:none;font-weight:normal;}
input:focus{outline:none;}

body {
	color: #333; text-align:center; line-height: 16px;
	font-family: "Scada", Arial, sans-serif; font-size: 12px;
	background-image:url(img/bg.jpg); background-position:center top; background-repeat:no-repeat;
	}
.back{width:100%; text-align:center; margin-top:0px; margin-bottom:0px;}

/* capa */
.barra_redes { margin-left:10px;}
.barra_redes a img{  
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	
	opacity: 0.6;
    filter: alpha(opacity=40); /* msie */
	border:0;
	padding-left:2px;
}
.barra_redes a img:hover{  
	-webkit-filter: grayscale(0%);	
	opacity: 1;
    filter: alpha(opacity=100); /* msie */
}


.topo {	width:960px; margin-right:auto; margin-left:auto; margin-top:10px; text-align:center; height: 65px;}
.topo .logo{float:left; width:180px; margin-top:20px;}
.topo .logo img{ border:0px;}
.topo .barra{ 
	float:right; margin-top:30px; color: #063; inline-box-align:!important; margin-right:3px; width:400px; 
	/*box-shadow: 2px 9px 10px 3px rgba(0,0,0,0.2);*/
	}
.topo .barra span{ 
	border:1px solid #ccc; padding:5px; padding-top:10px; padding-bottom:10px; margin-right:-5px; padding-right:10px; text-transform:uppercase;
	background-color: #FFF;
}
.topo .barra span:first-child{ 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
	-webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px;
}
.topo .barra span:last-child{ 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
	-webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px;
}
.topo .barra span:hover{ background-color:#FFF; cursor:pointer; border:1px solid #999; 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ccc),color-stop(100%,#FFF));
	background: -moz-linear-gradient(top, #ccc, #fff);}

.geral {width:960px; margin-right:auto; margin-left:auto; text-align:center;}


/* blocos de exibição*/
.bloco { 
	float:left; width:281px; margin-bottom:10px; text-align:left; padding:15px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #FFF;}
.miolo{ margin-right:10px; background-color:#e0e0e0;}
.bloco:last-child{ float:right; margin-right:0px;}
.bloco:hover { border:1px solid #BBB;}
.bloco h1{ text-transform:uppercase; font-family: "Fjalla One", Arial, sans-serif; font-size: 19px; color:#006600; border-bottom:2px solid #c9c9c9; padding-bottom:5px;}
.bloco h2{ font-size: 13px; color: #090; padding-top:10px; text-transform:none;}
.bloco h2:hover{ text-decoration:underline; cursor:pointer;}
.bloco h2 img{ float:left; margin-right:10px;}
.bloco span{ font-size: 12px; color: #333; clear:both; display:block;}

.centro { 
	width:620px; background-color:#FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	border:1px solid #e0e0e0; padding:10px; float:left; text-align:left;}
.centro h1{
	text-transform:uppercase; font-family: "Fjalla One", Arial, sans-serif; font-size: 28px; color:#006600; 
	border-bottom:2px solid #c9c9c9; padding-bottom:15px; margin-top:10px; }	
.centro h2{text-transform:uppercase; font-family: "Fjalla One", Arial, sans-serif; font-size: 20px; margin-top:10px; padding-bottom:10px; }	
.centro p {font-size: 13px; text-align:justify; line-height:22px; margin-top:10px; }	
.lateral { width:313px; float:right;}

.centro a{ text-decoration:none;}
/**/




.back .rodape { width:960px; margin:auto; height:120px;clear:both; padding-top:15px; color:#666; text-align:left;}
.back .rodape .sociais { float:left; line-height:25px;}
.back .rodape a { text-decoration: none; color: #06C;}
.back .rodape a:hover { text-decoration: none; color:#000;}


/* forms*/
/* busca */
.form_user label span {
	display: block;float: left;margin: 0 15px 0 0;padding: 2px 0;text-align: right;width: 45px;font-size: 12px;
}
.form_user input{ 
	width:130px;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.3) inset;
	box-shadow: 1px 2px 2px rgba(204,204,204,0.3) inset;
	padding: 6px;margin:0; margin-bottom:5px;
}
.form_user input:focus{ border:2px solid #999; padding:5px; }
.form_user .submit{ width:inherit;
	font-size:11px;
	background-color: #3e52a1;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4055a5),color-stop(100%,#283077));
	background-image: -webkit-linear-gradient(#3e52a1,#2d3277);
	background-image: -moz-linear-gradient(#3e52a1,#2d3277);
	background-image: -o-linear-gradient(#3e52a1,#2d3277);
	background-image: linear-gradient(#3e52a1,#2d3277);
	-webkit-box-shadow: inset 0 1px #8ea2df;
	box-shadow: inset 0 1px #8ea2df;
	border: 1px solid #2d3277;
	color: #fff;
}

.form_user .submit:hover{ 
	background-color: #555dd2;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4055a5),color-stop(100%,#283077));
	background-image: -webkit-linear-gradient(#6e8eff,#555dd2);
	background-image: -moz-linear-gradient(#6e8eff,#555dd2);
	background-image: -o-linear-gradient(#6e8eff,#555dd2);
	background-image: linear-gradient(#6e8eff,#555dd2);
	-webkit-box-shadow: inset 0 1px #8ea2df;
	box-shadow: inset 0 1px #8ea2df;
	border: 1px solid #2d3277;
	color: #fff;
}


.autocompletar input { 
	height:36px; line-height:40px; padding-top:10px; padding:0; margin:0; border:0px; padding-left:5px; font-size:14px;
	background-image:url(img/icon_pesquisa.jpg); background-repeat:no-repeat; background-position: 5px 10px ;
	border-bottom:1px solid #900;border-left:1px solid #900;border-top:1px solid #900;
	width:250px; float:right; text-indent: 20px;
	}
.autocompletar .button a{ 
	height:30px; width:72px; text-align:center; color:#FFF; text-decoration:none; display:block; padding-top:8px;
	font-family:osw, Arial, Helvetica, sans-serif; font-size:20px;
	
	background-color: #3e52a1;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4055a5),color-stop(100%,#283077));
	background-image: -webkit-linear-gradient(#3e52a1,#2d3277);
	background-image: -moz-linear-gradient(#3e52a1,#2d3277);
	background-image: -o-linear-gradient(#3e52a1,#2d3277);
	background-image: linear-gradient(#3e52a1,#2d3277);
	
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; 
	-webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px;
	-webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px;


	}
.autocompletar .button a:hover{ 
	background: #3737BA;
	background: -moz-linear-gradient(top, #8080D3, #3737BA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8080D3), to(#3737BA));

	}	
/**/