@font-face {
	font-family: 'Helvetica LT Std Light';
	src: url('../fontes/HelveticaLTStd-LightCond.eot');
	src: url('../fontes/HelveticaLTStd-LightCond.eot?#iefix') format('embedded-opentype'),
	url('../fontes/HelveticaLTStd-LightCond.woff') format('woff'),
	url('../fontes/HelveticaLTStd-LightCond.ttf') format('truetype'),
	url('../fontes/HelveticaLTStd-LightCond.svg#MyriadCnSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica LT Std Light Cond Obl';
	src: url('../fontes/HelveticaLTStd-LightCondObl.eot');
	src: url('../fontes/HelveticaLTStd-LightCondObl.eot?#iefix') format('embedded-opentype'),
	url('../fontes/HelveticaLTStd-LightCondObl.woff') format('woff'),
	url('../fontes/HelveticaLTStd-LightCondObl.ttf') format('truetype'),
	url('../fontes/HelveticaLTStd-LightCondObl.svg#Helvetica LT Std Light Cond Obl') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nexa Bold';
	src: url('../fontes/Nexa-Bold.eot');
	src: url('../fontes/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fontes/Nexa-Bold.woff') format('woff'),
	url('../fontes/Nexa-Bold.ttf') format('truetype'),
	url('../fontes/Nexa-Bold.svg#Nexa-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nexa Light';
	src: url('../fontes/Nexa-Light.eot');
	src: url('../fontes/Nexa-Light.eot?#iefix') format('embedded-opentype'),
	url('../fontes/Nexa-Light.woff') format('woff'),
	url('../fontes/Nexa-Light.ttf') format('truetype'),
	url('../fontes/Nexa-Light.svg#Nexa-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3{
	font-family: 'Helvetica LT Std Light';
}

body, ul, li, h1, h2, h3, h4, p{
	margin: 0;
	padding:0;
}

body{
	margin-bottom: 30px !important;
	font-family: "Trebuchet MS";
}

header,footer,nav,article,section{
	display: block;
}

ul,li{list-style: none;}

h1{color:#FFF;}
a, a:hover, a:link,
a:visited, a:active{
	color: inherit;
	text-decoration: none;
}

p{
	font-family: "Trebuchet MS";
	font-size: 11px;
}

.antialiased{
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}

.titulo-duplo{
	font-family: 'Helvetica LT Std Light';
	font-weight: normal;	
    font-size: 20px;
    padding: 30px 20px;	
}

header{
	background: url(../img/bg-menu-topo.png) 310px 0 no-repeat;
}

.titulo-duplo span{
	font-size: 40px;
	display: block;
	text-shadow: 0 1px 0 rgba(125, 125, 125, .7);
}

.esconder{display: none;}

.titulo-duplo-menor{
	font-family: 'Helvetica LT Std Light';		
    font-size: 22px;
    color: #FFF;
    padding: 10px;
    font-weight: normal;
}

.titulo-duplo-menor span{
	font-weight: bold;
	display: block;
}

.titulo-duplo-menu{
	font-family: 'Helvetica LT Std Light';		
    font-size: 18px;
    color: #333 !important;    
    font-weight: bold;
}

.titulo-duplo-menu span{
	font-weight: normal;
	display: block;
}

.largura{
	width: 950px;
	margin: 0 auto;
	height: 220px;
	display: table;
}

.faixa-azul{
	height: 250px;
	background: #C4D7ED;
	margin-bottom: 10px;
}

#titulo2{
	position: absolute;
	z-index: 1;
	margin: 30px 0 50px 0;
	width: 310px;
	height: 260px;
	top: 180px;
	background: url(../img/bg-logo-baixo.png) bottom center no-repeat #F90;;
}

#titulo2 h2{
	float: left;
	width: 39%;
}

#titulo-interna{
	position: absolute;
	z-index: 1;
	margin: 30px 0 50px 10px;
	width: 300px;
	height: 190px;
	top: 250px;
}

#titulo-interna h2{
	font-size: 20px;
	color: #333;
	font-weight: normal;
}

#titulo-interna h2 span{
	font-size: 40px;
	font-weight: bold;
	display: block;
}

#sobre{
	text-align: right;
	width: 34% !important;
	background: url(../img/divisor.png) right top no-repeat;
}

#titulo2 p, #titulo-interna p{
	font-family: 'Helvetica LT Std Light Cond Obl';
	font-size: 16px;
	float: left;		
	margin-bottom: 0;
}

#titulo2 p{padding: 20px 10% 0 10%; width: 80%;}
#titulo-interna p{margin-top: 10px; width: 95%;}

#logo{
	background: url(../img/faixa-topo-transparencia.png) top center no-repeat #FDD1A1;
	width: 310px;
	min-height: 470px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}

header{
	position: relative;
}

.lista-4{
	padding:10px 20px;
	margin-bottom: 20px;
}

.lista-4 li{
	list-style: disc;
	font-family: "trebuchet ms";
	font-size: 13px;
	color: #333;
}

/*-------------------------- Menu ----------------------------------*/

#menu-topo{float: right;display: inline;}

.item-menu{
	display: inline;
	float: left;
	position: relative;	
}

.item-menu:hover{
	background: #5084BE;
	color: #FFF;
	cursor: pointer;
}

.item-menu:hover .submenu,.item-menu:active .submenu{display: block;}

#menu-topo div{
	padding: 10px 29px;
	font-family: 'Helvetica LT Std Light';
	font-size: 16px;
}

.submenu{
	display: none;
	font-family: tahoma;
	font-size: 11px;
	color: #333;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 9998;
}

.submenu li{
	background: #C4D7ED;
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #FFF;
	position: relative;
}

.submenu > li.cab-sub:hover{
	background: url(../img/seta-menu.png)  93% center no-repeat #C4D7ED;
}

.submenu > li{padding-left: 18px;}
.submenu > li.plus{padding-left: 0;}

.submenu > li.plus:before{
	content: "+";
	font-weight: bold;
	padding:0 3px;
}

.menu-3{
	position: absolute;
	width: 160px;
	right: -161px;
	top:-1px;
	display: none;
}

.menu-3 li{padding-left: 22px; position: relative;}

.menu-3 li:hover{background: #5084BE; color:#FFF;}

.submenu li:hover .menu-3{display: block;}

.menu-4{
	position: absolute;
	width: 205px;
	right: -206px;
	top:-1px;
	display: none;
}

.menu-4 li{padding-left: 15px; color: #333;}

.menu-4 li:hover{background: #5084BE; color:#FFF;}

.m4{padding-left: 0 !important;}
.m4:hover{background: url(../img/seta-menu.png)  93% center no-repeat #C4D7ED !important; color:#333 !important;}

.m4:hover .menu-4{display: block !important;}
.m4:before{
	content: "+";
	font-weight: bold;
	padding:0 5px;
}

/*--------------------------------FIM Menu---------------------------------------*/

#menu-circulos{
	height: 250px;
	margin: 0 auto;
	position: relative;
}

#brasao{
	position: absolute;
	left: -210px;
	top: 20px;
}

#menu-circular{
	width: 550px;
	margin-top:50px;
	float: right;
}

#menu-circular li{
	display: inline;
	float: left;
	width: 100px;
	margin-left: 5px;
	text-align: center;
}

.icone{
	background: #FFF;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 7px;
}

.conheca{background: url(../img/conheca.png) center center no-repeat #FFF;}
.informacoes{background: url(../img/informacoes.png) center center no-repeat #FFF;}
.ucci{background: url(../img/ucci.png) center center no-repeat #FFF;}
.fale{background: url(../img/fale.png) center center no-repeat #FFF;}
.ligue{background: url(../img/ligue.png) center center no-repeat #FFF;}
.lai{background: url(../img/icone-LAI.jpg) center center no-repeat #FFF;}

.centro{
	width: 630px;
	min-height: 200px;
	float: left;
}

.titulo-destaques{
	font-weight: normal;
	color: #F15D05;
	margin-bottom: 5px;
}

.navegacao-topo{
	background: #F5F5F5;
	height: 150px;
	border-top: 1px solid #F15D05;
}

.novo{
	float: right;
	margin: 5px 10px;
}

.navegacao-topo li{
	float: left;
	display: inline;
	width: 25%;	
	border-bottom: 1px solid #F5F5F5;
	height: 100%;
}

.navegacao-topo li:hover{
	background: #efefef;
}

.navegacao-topo h2, #publicacoes h2{
	font-family: 'Helvetica LT Std Light';
	font-size: 20px;
	color: #F15D05;	
	padding: 30px 10px 5px 10px; 
}

.navegacao-topo h2 span, #publicacoes h2{
	font-weight: normal !important;
}

.navegacao-topo p, #publicacoes label{
	padding: 0 10px;	
	color: #122E43;	
}

#publicacoes label{
	font-size: 12px;
	margin-bottom: 0;
}

#secoes-home{
	width: 630px;
	float: left;
	background: #f5f5f5; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f0f0f0 0%,#ffffff 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #f0f0f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#secoes-home h1{
	color:#F15D05;
	font-size: 24px;
}

#secoes-home article{
	float: left;
	width: 269px;
	height: 145px;
	margin: 3px;
	padding: 20px;
	background: #FFF;
	position: relative;
}

#secoes-home .ver-mais{
	bottom: 30px;
	right: 20px;
	position: absolute;
}

.secao-interna h2{
	color: #F90;
}

.ver-mais{
	background: url('../img/bt-ver-mais.png') right center no-repeat;
	height: 26px;
	line-height: 26px;
	padding-right: 30px;
	display: block;
	text-align: right;
	font-family: 'Helvetica LT Std Light';
	color: #666 !important;
}

aside{
	width: 310px;
	float: left;
	min-height: 200px;
	margin:0 0 10px 10px;
}

#publicacoes{
	border: 1px solid #F15D05;
	background: #F5F5F5;
	padding:0 10px 25px 10px;
	margin-bottom: 10px;
}

#publicacoes select{
	width: 200px;
	height: 25px;
	margin: 10px 0 0 10px;
}

.lei{
	padding: 20px;
	background: #C4D7ED;
	margin: 10px 0;
}

.lei h1{
	color: #333;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: normal;
}

.lei p{
	margin-bottom: 10px;
}

footer{
	margin: 10px 0 30px 0;
	width: 100%;
	float: left;
	background: #F5F5F5;
	height: 200px;
	border-top: 3px solid #5084BE;
}

footer .item-rodape{
	width: 280px;
	margin:0 20px 0 15px;
	float: left;
	display: inline;
}

footer h2{
	float: left;
	width: 45%;
	text-align: right;
	color: #5084BE;
	font-weight: normal;
	margin-right: 7px;	
}

footer h2 span{font-weight: bold;}

footer h3{
	color: #5084BE;
	font-weight: normal;
	padding-top: 30px;
	font-size: 22px;
}

footer h4{
	font-family: "Trebuchet MS";
	color: #F90;
	font-size: 12px;
	margin-top: 15px;
}

.encontrou{padding-top: 70px;}

.encontrou p{
	padding-top: 5px;
	color: #5084BE;
	font-size: 12px;
}

.coinpel-rodape{
	margin: 50px 0;
	width: 50%;
}

.selo-transparencia{
	margin: 70px 28px 0 0;
	width: 40%;
	margin-right: 10%;
}

.frase{
	font-family: 'Helvetica LT Std Light';
	font-size: 20px;
	float: right;
	width: 500px;
	max-height: 100px;
	padding: 30px;
	text-align: right;
	margin:20px 20px 0 20px;
	font-style: italic;
	position: relative;
}

.frase:before{
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
	left: 0;
	top: 0;
	background: url(../img/aspas-esq.png) center center no-repeat;
}

.frase:after{
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
	right: 0;
	bottom: 0;
	background: url(../img/aspas-dir.png) center center no-repeat;
}

.aviso{
	padding: 25px 20px;
	border: 1px dashed #F90;
	background: #F5F5F5;
	margin-bottom: 10px;
}

.aviso h1, .secao-interna h1{
	color: #F90;
	font-size: 20px;
	padding-bottom: 10px;	
}

.secao-interna{
	border-top: 1px solid #F90;
	margin-top: 0;
	float: left;
	width: 100%;
}

.secao-interna h1{
	padding:20px 25px;
}

.pesquisa select, .pesquisa input[type=text]{
	width: 200px;
	height: 25px;
	float: left;
	margin: 10px 0 0 20px;
	border: 1px solid #CCC;
}

.botao{
	background: #F90;
	padding: 5px 10px;
	border: 0;
	border-radius: 3px;
	color: #FFF;
}

.pesquisa label{
	line-height: 25px;
	float: left;
	display: inline;		
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #333;
}

.pesquisa label{
	width: 100px;
	margin:10px 0 0 20px;
	clear: both;
}


.abas{
	color:#F90 !important;
	padding: 5px 10px;
	float: left;
}

.item-selecionado{
	color: #FFF !important;
	background: #F90;
}

#banner-home{
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -200px;
	width: 500px;
	min-height: 200px;
	background: #F5F5F5;
	background: rgba(250,250,250, .95);
	z-index: 9999;
	padding: 25px 20px;
	border: 2px dashed #F90;
	color: #666;
	box-shadow: 0 0 30px #666;
}


#banner-home h1{
	color: #F90;
	font-size: 28px;
	padding-bottom: 10px;
	font-weight: normal;	
}

#banner-home div{
	background: #CCC;
	text-align: right;
	font-size: 20px;
	float: right;
	padding: 3px 10px;
	margin: -27px -22px;
	background: #F90;
	color: #FFF;
	cursor: pointer;
}

#font-acess{
	position: fixed;
	right: 0;
	top: 20%;
}

#font-acess button{
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 30px !important;
	color: #FFF;
	background: #FF9900;
	cursor: pointer;
	border: none;
	display: block;
}

#font-acess button:hover{
	background: #F15D05;
}