/*
*
* Easy front-end framework
*
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*/


/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;s
		}	
	h1{;float:left;}	
	h2{height:27px;}	
	h3{font-size:12px;margin:2px 0 3px;color:#1b68b1;font-weight:700;cursor:default;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	ul li{list-style:none;}
	li{display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.colfirst{margin-left:1px !important; width: 210px; float: left; font-size: 11px;}     /*Coluna de noticia 1*/
	.colsecond{margin-left:25px !important; width: 210px; float: left;font-size: 11px;}   /*Coluna de noticia 2*/  
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em Tahoma, Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#666;
		}		
	body{
		font-family:tahoma, arial, verdana;
		font-size:13px;
		background:#fff;
		margin:0;
		padding:0;
		text-align:center;
		background:#1b68b1 url(../images/bg-top-body.gif) repeat-x center top;
		}	
	a, a:visited{
		text-decoration:none;
		color:#06C;
		}
	a:hover{color:#666;text-decoration:none;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:1px 6px;
		background:#f5f5f5;
		}

/* base */

/* layout */

	#container{	
		margin:0 auto;
		width:100%;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{
		width:928px;
		height:117px;
		padding:0 10px;
		margin:0 auto;
		position:relative;
		}	
	#footer{
		width:100%;
		padding:18px 0 30px;
		margin:0 auto;
		border-top:9px solid #ff9900;
		position:relative;
		clear:both;
		background:#134b7d;
		overflow:hidden;
		}
	#footer .cols{
	width:825px;
	float:none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	#footer .cols .col{
	width:150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 75px;
}
	#footer dt{margin:0 0 5px;color:#fff;font-size:11px;}
	#footer dd{padding:0 0 0 16px;background:url(../images/setinha.gif) no-repeat 0 7px;font-size:11px;}
	#footer dd a{color:#fff;text-decoration:none;}
	#footer .endereco{padding:15px 0 0;border-top:9px solid #ff9900;}
	#footer .endereco .wrap-address{width:948px;height:40px;padding:5px 0 0;margin:0 auto;display:block;overflow:hidden;position:relative;}
	#footer .endereco address{width:535px;margin:0 auto;font-style:normal;color:#fff;font-size:10px;}
	#footer .endereco h6 .humanos {width:107px;height:31px;background:url(../images/by-humanos.png) no-repeat;text-indent:-999em;position:absolute;right:0;top:0;}
	#footer .endereco h6 .thiago {width:107px;height:31px;background:url(../images/thiago.png) no-repeat;text-indent:-999em;position:absolute;right:-10;top:0; float:left;}
	.content{
		width:948px;
		padding:10px 0 20px;
		margin:0 auto;
		clear:both;
		background:#fff;
		overflow:hidden;
	}
	.content .banner{margin:0 10px 8px;}
	.content .menu{padding:2px 8px 20px;margin:0 0 17px 1px;border-bottom:9px solid #ff9900;} /*margin: 0 0 25*//*padding: 0 8 8*/
	.content h2{margin:0 0 10px;}
	.content h2.destaques{background:url(../images/titulo-destaques.gif) no-repeat;}
	.graphic_destaques{background:url(../images/titulo-destaques.gif) no-repeat;}
	.content h2.atendimento2{background:url(../images/titulo-atendimento2.gif) no-repeat; }		
	.content h2.midiassociais{background:url(../images/titulo-midias-sociais.gif) no-repeat; margin-top:22px;}		
	.content h2.agenda{background:url(../images/titulo-agenda.gif) no-repeat;}
	.content h2.servicos{background:url(../images/titulo-servicos.gif) no-repeat;}
	.content h2.atendimento{background:url(../images/titulo-atendimento.gif) no-repeat;}
	.content h2.ouvidoria{height:39px;margin:0 0 45px;background:url(../images/titulo-ouvidoria.gif) no-repeat;}
	.content h2.ouvidoria a{width:170px;height:39px;display:block;}
	.content h2.graduacao{background:url(../images/titulo-graduacao.gif) no-repeat;}
	
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
	}
	.main{width:706px;margin:0 9px 0 10px;text-align: justify;}
	.main.interna h2{margin:0 0 10px;color:#ff6600; width: 700px;}
	.main.interna ul li{padding: 0 15px;list-style:disc inside; }
	.main.interna img{width:250px;margin:0 0 5px 10px;float:right; padding-right: 15px;}
	
	.main.galeria{padding:0 0 60px;}
	.main.galeria h2{margin:15px 0;color:#ff6600;}
	.main.galeria img{width:auto;margin:0;float:none;}
	
	.main.interna2 h2{margin:0 0 10px;color:#ff6600; width: 690px;}
	.main.interna2 h3{margin:2px 0 8px;color:#1B68B1;cursor:default; font-size:12px; font-weight: 700px;}
	.main.interna2 ul li{padding: 0 15px;list-style:disc inside; }
	.main.interna2 table {width:650px; border-collapse:collapse; }
	.main.interna2 img {/*width:690px;*/ margin:0 0 20px 0px;float:none; padding-right: 15px;}
	.main.interna2 p{padding-right:20px;}
	
	.secondary{width:215px;}
	.secondary .box{padding:27px 17px 35px;margin:0 0 25px;background:#f4f4f4;}
	.secondary .box input{width:140px;padding:4px 7px 5px 30px;margin:0 0 15px;background:url(../images/input.gif) no-repeat;border:0;}
	.cadastrar{width:63px;height:12px;float:left;background:url(../images/botao-cadastrese.gif) no-repeat;text-indent:-999em;}
	.entrar{width:63px;height:50px;float:right;background:url(../images/bt-ok.gif) no-repeat;}
	
	.secondary ul li{width:217px;height:33px;}
	.secondary ul li a{width:217px;height:33px;display:block;float:left;background:url(../images/menu-graduacao.gif) no-repeat;text-indent:-999em;}
	
	.secondary ul li a.administracao{background-position:0 0;}
	.secondary ul li a.administracao:hover{background-position:0 -203px;}
	
	.secondary ul li a.comercial{background-position:0 -37px;}
	.secondary ul li a.comercial:hover{background-position:0 -243px;}
	
	.secondary ul li a.publica{background-position:0 -75px;}
	.secondary ul li a.publica:hover{background-position:0 -283px;}
	
	.secondary ul li a.gerenciais{background-position:0 -112px;}
	.secondary ul li a.gerenciais:hover{background-position:0 -323px;}
	
	.secondary ul li a.direito{background-position:0 -148px;}
	.secondary ul li a.direito:hover{background-position:0 -363px;}
	
	.secondary ul li a.enfermagem{background-position:0 -405px;}
	.secondary ul li a.enfermagem:hover{background-position:0 -525px;}
	
	.secondary ul li a.ambiental{background-position:0 -444px;}
	.secondary ul li a.ambiental:hover{background-position:0 -565px;}
	
	.secondary ul li a.nutricao{background-position:0 -482px;}
	.secondary ul li a.nutricao:hover{background-position:0 -605px;}
	
	
	
	
	.tertiary{}
	.quaternary{}
	
	/* grid */
		
		.cols.destaques h3{margin:5px 0 3px;}
		.cols.servicos{width:706px;padding:25px 0 0;margin:25px 0 0;float:left;background:url(../images/pontinho.gif) repeat-x center top;} /* main column container class */
		.cols.servicos h3{text-transform:uppercase;}
		.col{
			width:215px;
			float:left;
			display:inline;
			margin-left:25px; /* 2 equal width columns layout - default */
			}
			
			
		.col_destaques
		{
			width:700px;
			float:left;
			display:inline;
			margin-left:1px; /* 2 equal width columns layout - default */
		}	
			
		.col.agenda{width:215px;}
		.col.agenda .infos{padding:5px 5px 10px;background:#fff9dc;}
		.col.agenda .infos p{padding:0 2px 5px;margin:0 0 5px;background:url(../images/pontinho.gif) repeat-x center bottom;cursor:default;}
		.col.agenda .infos p.no{background:none;}
		.col.agenda .infos p span{color:#FB6B02;}
		.col p{font-size:11px;line-height:15px;}
		.col ul li{height:80px;margin:0 0 20px;overflow:hidden;}
		.col ul li img{margin:0 6px 0 0;float:left;}
		.col ul li h3{float:left;font-size:11px;}
		.col ul li p{width:140px;float:left;}
		.col ul li p a{color:#666;}
		
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}

        .noticias {
          width:450px;
          height: 150px;
          float:left;
        }
        .noticias .title { margin-bottom: 18px;}
		.noticias p{font-size:11px;line-height:15px;}
        .noticias ul { display: inline;}
		.noticias ul li{ height:200px; margin:0px 10px 0px 10px;overflow:hidden; float: left; width: 200px;}
		.noticias ul li img{float:left;}
		.noticias ul li h3{float:left;font-size:11px;}
		.noticias ul li p{float:left;}
		.noticias ul li p a{color:#666; float: left;}
		
	/* grid */	

/* // layout */

/* navigation */
	
		#nav, #nav ul, #nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#nav{margin:21px 0 0;float:right;}
		#nav li{height:60px;margin:0 20px 0 0;float:left;}
		#nav li a{height:65px;display:block;text-indent:-999em;background:url(../images/botoes-topo.gif) no-repeat;}
		#nav li.va-para a{width:60px;}
		#nav li.unipb{margin:0;}
			#nav li.unipb a{width:100px;background-position:-81px 0;}
		#nav ul{
			position:absolute;
			left:0;
			top:32px;
			padding:5px 10px;
			width:200px;	
			background:#fff;
			display:none;
			z-index:1000;
			}
		#nav ul li{
			float:none;
			display:block;
			}
		
/* //navigation */

/* header */

	#header h1{width:535px;height:93px;margin:20px 0 0;background:url(../images/logofpb.png) no-repeat;text-indent:-999em;}
	#header h1 a{width:535px;height:93px;margin:3px 0 0;display:block;}		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:none;
		}
	
/* // content */

/* footer */

	#footer p{display:none;}
	
	#footer a, #footer a:visited{
		text-decoration:none;
		}
	#footer a:hover{text-decoration:underline;}
	
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

/*/
CSS do menu e banner
/*/

/* começo banner*/

.banner {
	border-top: 0px solid white;
	height: 200px;
	/*margin: 1px 0 0 8px;*/
	width: 931px;
	
}

a img {
	border: 0 none;
}

#headerb {
	margin: -1px 0 0;
}

div#headerb div#slide-holder div#slide-runner {
	height: 200px;
	overflow: hidden;
	position: absolute;
	width: 931px;
}

#headerb div#slide-holder img	{
	display: none;
	margin: 0;
	position: absolute;
}

#headerb #slide-holder #slide-controls	{
	background: url("../images/slide-bg3.png") repeat scroll 0 0 transparent;
	bottom: 10px;
	display: none;
	height: 30px;
	position: absolute;
	width: 930px;
}

#headerb #slide-holder #slide-controls p.text	{
	color: #FFF;
	display: inline;
	float: left;
	font-size: 10px;
	line-height: 16px;
	margin: 7px 0 0 10px;
	text-transform: uppercase;
}

#headerb #slide-holder #slide-controls p#slide-nav	{
	display: inline;
	float: right;
	height: 24px;
	margin: 3px 10px 0 0;
}

div#headerb div#slide-holder div#slide-controls p#slide-nav a	{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	margin: 0 5px 0 0;
	text-align: center;
	text-decoration: none;
	width: 24px;
}

div#headerb div#slide-holder div#slide-controls p#slide-nav a.on	{
	background-position: 0 -24px;
}

div#headerb div#slide-holder div#slide-controls p#slide-nav a	{
	background-image: url("../images/silde-nav1.png");
	color: #009;
	text-decoration: none;
}

div#nav ul li a	{
	background: url("../images/nav.png") no-repeat scroll 0 0 transparent;
}

/* fim do css banner*/

/* inicio menu e sub-menu*/

.menu {
	background-color: #FFF;
	color: #FFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 15px;
	height: 50px; /*34*/
	line-height: 32px;
	/*margin: 8px 0 0 8px;
	padding: 0;*/
	text-align: center;
	width: 930px;
}

.menu li	{
	background-color: #00106F;
	background-image: url(../images/bg_menu.gif);
	background-position: center top;
	background-repeat: repeat-x;
	cursor: pointer;
	float: left;
	height: 34px;
	list-style: none outside none;
	width: 155px;
	color: #fff; /*não tinha antes*/
	line-height: 32px; /*não tinha antes*/
}

.menu li:hover {
	background-color: #1b68b1;
}

#sub_menu	{
	background-color: #1b68b1;
	display: none;
	height: 25px;
	margin-left: 9px;/*8*/
	margin-top: -62px; /*não tinha antes 62*/
	margin-bottom: 37px; /*não tinha antes*/
	width: 930px;
	line-height: 9px;  /*não tinha antes*/
}

#sub_menu div	{
	color: #FFF;
	margin-left: 20px;
	padding-top: 5px;
}

#sub_menu a	{
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
}

/*fim menu sub-menu*/


.img_botao_dir {
	width: 18px;
	height: 21px;
	background-image: url("../img/img_botao_dir.png");
	cursor:pointer;
	float: left;
}

.btn_entrar{
	background-image: url("../images/bt-ok.gif");
	background-repeat: no-repeat;
	float: right;
	width: 30px;
	
}


/* Boxs */
.box1 {
	padding: 10px;
	background:#ebebeb;
	width: 98%;
}

