@charset "utf-8";
/**********************************************************************/
/*	Famem 2010
	WeZ - Agência Digital
	Design: André Mácola Machado
	xHTML/CSS: André Mácola Machado
/**********************************************************************/

/**********************************************************************/
/****************** Definições de HTML, estruturais  ******************/
/**********************************************************************/
* { margin:0px; padding:0px; }
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; background:url(../imagens/bgcidades/bacabal.jpg) no-repeat right top #4B77B1; }
#bd { background:url(../imagens/bg.png) no-repeat center top; width:100%; float:left; clear:left;}
img, abbr, fieldset { border:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
p { line-height:130%; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.strong { font-weight:bold; }
.hidden { display:none; }
.show { display:block; }
/********************** ATRIBUIÇÕES DE TÍTULOS  ***********************/
h1, h2, h3, h4 { line-height:100%; }
h1 {font-size: 140%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}
/******************** FIM ATRIBUIÇÕES DE TÍTULOS  *********************/

#geral { width:990px; margin:auto; position:relative; }

/**********************************************************************/
/* Definições do TOPO
/**********************************************************************/
h1#logo a { text-indent:-5000px; width:200px; height:50px; position:absolute; top:70px; left:50px; display:block; }
#busca { background:url(../imagens/bgbusca.png) no-repeat; width:352px; height:60px; position:absolute; right:20px; top:40px;}
#busca #opt a { float:left; width:50px; height:16px; display:block; overflow:hidden; text-indent:-5000px; }
#busca #opt a.fav { margin:0px 15px 0px 0px; width:60px;  }
#busca #opt a.fale { margin:0px 30px 0px 0px; width:75px;  }
#busca #opt a.map { margin:0px 17px 0px 0px; width:70px;  }
#busca #opt a.pro { margin:0px 17px 0px 0px; width:135px; height:30px; position:absolute; right:-20px; bottom:3px;  }
#busca form { clear:left; float:left; margin:18px 0px 0px 5px; }
#busca form input { border:0px; color:#999; font-size:12px; font-weight:bold; width:140px; }
#busca form input.button { display:block; text-indent:-5000px; overflow:hidden;  border:none; background:none; width:60px; height:30px; cursor:pointer; position:absolute; left:150px; bottom:3px; }

#barra { width:100%; height:auto !important; height:50px; min-height:50px; background:url(../imagens/bgbarra.png) center top no-repeat; float:left; clear:left; margin:150px 0px 0px 0px; }
#barra ul#menutop { float:left; clear:left; width:940px; margin:3px 0px 0px 30px; display:inline; }
#barra ul#menutop li { float:left; list-style:none; }
#barra ul#menutop li a { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; font-weight:bold; padding:6px 0px 6px 0px; margin:0px 20px 0px 0px; display:block;}
#barra ul#menutop li a:hover { text-decoration:none; border-top:3px #98D62D solid;  padding:3px 0px 6px 0px; }
#barra ul#menutop li.orgaos { float:right; }
#barra ul#menutop li.orgaos a { font-size:11px; color:#CEEC9D; margin:0px 0px 0px 0px; background:url(../imagens/aro.gif) right center no-repeat; width:115px; }
#barra ul#menutop li.orgaos a:hover { background:url(../imagens/aro.gif) right 6px no-repeat;  }

#barra #orgaos { width:947px; height:243px;position:absolute; z-index:4; background:#FFF; border:1px #DBDBDB solid; padding:5px; top:195px; left:15px;  opacity:0.95; -moz-opacity: 0.95; filter: alpha(opacity=95); -moz-border-radius:10px; -webkit-border-radius:10px;  }
#barra #orgaos .close { width:22px; height:22px; position:absolute; right:10px; text-indent:-5000px; overflow:hidden; display:block; }
#barra #orgaos div { background:url(../imagens/bgorgaos.gif) center top no-repeat; width:100%; height:100%; }
#barra #orgaos ul { list-style:none; padding:5px 10px 0px 10px; float:left; font-size:12px; line-height:130%; }
#barra #orgaos ul a { color:#999; }
#barra #orgaos ul.col1 {margin:0px 0px 0px 50px; display:inline; }
#barra #orgaos ul.col2 {}
#barra #orgaos ul.col3 {margin:0px 0px 0px 55px; display:inline;}
#barra #orgaos ul.col4 {}

/**********************************************************************/
/* FIM das Definições do TOPO
/**********************************************************************/

/**********************************************************************/
/* Definições do Corpo
/**********************************************************************/
#corpo { background:url(../imagens/bgcorpo.png) repeat-y left top; padding:0px 0px 0px 6px; float:left; clear:left; width:100%; min-height:200px; }
#corpo #esquerda { width:175px; float:left; }
#corpo #esquerda ul { list-style:none; float:left; clear:left; width:160px; margin:0px 0px 0px 15px; position:relative; display:inline; }

#corpo #esquerda ul#inst { background:url(../imagens/hinst.gif) left top no-repeat; padding:30px 0px 15px 0px; }
#corpo #esquerda ul#inst li a { color:#527EB6; display:block; }
#corpo #esquerda ul#inst li.sub a { background:url(../imagens/bar.gif) no-repeat right center; width:95%; }
#corpo #esquerda ul#mun { background:url(../imagens/hmun.gif) left top no-repeat; padding:30px 0px 15px 0px; }
#corpo #esquerda ul#mun li a { color:#E03526; display:block; }
#corpo #esquerda ul#mun li.sub a { background:url(../imagens/rar.gif) no-repeat right center; width:95%; }
#corpo #esquerda ul#lin { background:url(../imagens/hlink.gif) left top no-repeat; padding:30px 0px 15px 0px; }
#corpo #esquerda ul#lin li a { color:#66931D; display:block; }
#corpo #esquerda ul#lin li.sub a { background:url(../imagens/gar.gif) no-repeat right center; width:95%; }

#corpo #esquerda * { z-index:3; }
#corpo #esquerda ul li { background:url(../imagens/bgmenu.png) left bottom; width:152px !important; height:19px; display:block; padding:3px 0px 0px 8px; margin:0px 0px 5px 0px; font-size:13px; position:relative; float:left; clear:left;  }
#corpo #esquerda ul li:hover { background:url(../imagens/bgmenu.png) left top;}
#corpo #esquerda ul li a:hover { text-decoration:underline;}

#corpo #esquerda ul li:hover ul, #corpo #esquerda ul li.over ul { visibility: visible;}
#corpo #esquerda ul li:hover ul ul, #corpo #esquerda ul li.over ul ul { visibility: hidden;}
#corpo #esquerda ul ul li:hover ul, #corpo #esquerda ul ul li.over ul { visibility: visible;}
#corpo #esquerda ul li ul {position:absolute; left:145px; top:0px; visibility: hidden; width:160px; list-style:none;  z-index:3; padding:0px 0px 0px 3px; background:url(../imagens/spacer.gif); }
#corpo #esquerda ul li ul li { margin:0px 0px 1px 0px !important;}
#corpo #esquerda ul ul.showmenu2 { top:-1px; padding:0px 0px 0px 1px; }
#corpo #esquerda ul li.sub ul li a {background:none !important; font-size:11px; }
#corpo #esquerda ul li.sub ul li a.sub { background:url(../imagens/bar.gif) no-repeat right center !important;}

#corpo #esquerda #links1 { float:left; clear:left; width:160px; margin:0px 0px 15px 15px; display:inline; }
#corpo #esquerda #links1 img, #corpo #esquerda #links2 img { width:160px; height:75px; }
#corpo #esquerda #links2 { float:left; clear:left; width:160px; margin:0px 0px 15px 15px; height:330px; overflow:hidden; position:relative; display:inline; }
#corpo #esquerda #links2slide { position:absolute; }
#corpo #esquerda #links2 a { margin:0px 0px 10px 0px; float:left; clear:left; width:160px; height:75px; }
#corpo #esquerda span.control { background:url(../imagens/bupdown.gif) no-repeat right; width:100%; height:15px; position:relative; clear:left; float:left;}
#corpo #esquerda span.control a { float:right; display:block;  height:15px; width:22px; text-indent:-5000px; overflow:hidden;   }
#corpo #esquerda span.control a.down { background:none; }
#corpo #esquerda span.control a.up { background:none; }

#corpo #esquerda #enqu { background:url(../imagens/henqu.gif) left top no-repeat; padding:25px 0px 0px 0px; float:left; Clear:left; width:160px; margin:15px 0px 15px 15px; display:inline; }
#corpo #esquerda #enqu form {  }
#corpo #esquerda #enqu form label { display:block; width:100%; margin:0px 0px 5px 0px; font-weight:bold; font-size:10px; }
#corpo #esquerda #enqu form label input { float:left; width:13px; height:13px; margin:0px 2px 0px 0px ; }
#corpo #esquerda #enqu form label#pergunta { font-weight:normal; font-size:11px; margin:0px 0px 6px 0px; } 
#corpo #esquerda #enqu form button { float:right; border:1px #ccc solid; background:#FFF;  cursor:pointer; display:block; margin:10px 0px 0px 0px; padding:3px; }
#corpo #esquerda #enqu form button:hover { background:#4B77B1; color:#fff; border:1px #FFF solid; }


/**********************************************************************/
/* Fim Definições do Corpo
/**********************************************************************/

#corpo #direita { float:left; margin:0px 20px 0px 20px; width:775px; overflow:hidden; display:inline;  }

#corpo #principal { float:left; border-bottom:1px #EAEAEA solid; padding:0px 0px 15px 0px; }
#corpo #rotativos { float:left; width:480px; height:300px; overflow:hidden; position:relative; }
#corpo #rotativos #slide2rotate { position:absolute; }
#corpo #rotativos .box { float:left; position:relative; display:block; width:480px; height:300px; }
#corpo #rotativos * a:hover { text-decoration:none !important; }
#corpo #rotativos .box img { width:480px; height:300px; }
#corpo #rotativos .box span { position:absolute; bottom:0px; left:0px; opacity:0.70; -moz-opacity: 0.100; filter: alpha(opacity=70);  background:#2B5697; display:block; width:460px; padding:10px; }
#corpo #rotativos .box h1 { color:#E9EDF4; font-size:22px; font-weight:normal;  }
#corpo #rotativos ul { position:absolute; top:0px; right:0px; }
#corpo #rotativos ul li { background:url(../imagens/selectnews.png) left top no-repeat; width:30px; height:38px; color:#fff; font-size:30px; list-style:none; padding:2px 0px 0px 15px; margin:0px 0px 2px 0px; cursor:pointer; }
#corpo #rotativos ul li.active { background:url(../imagens/selectnews.png) left bottom no-repeat; }

#corpo #destaques { float:left; width:270px; margin:0px 0px 0px 15px; position:relative; }
#corpo #noobdest { position:relative; overflow:hidden; height:300px; }
#slide2dest { position:absolute;}
#slide2dest .box { width:270px; float:left; }
#corpo #destaques span, #corpo #destaques span a { color:#E03526; font-weight:bold; display:block;}
#corpo #destaques span a { text-decoration:underline; font-size:12px; }
#corpo #destaques h2 a { font-size:16px; color:#006DA8; font-weight:normal; line-height:120%; margin:0px 0px 15px 0px; display:block;}
#corpo #destaques .right {  position:absolute; bottom:-10px; right:0px;  }
#corpo #destaques #prevdest, #corpo #destaques #nextdest { position:absolute; display:block; text-indent:-5000px; overflow:hidden; cursor:pointer; bottom:-10px; }
#corpo #destaques #prevdest { background:url(../imagens/pnarrow.gif) left top no-repeat; width:6px; height:10px; }
#corpo #destaques #nextdest { background:url(../imagens/pnarrow.gif) right top no-repeat; width:6px; height:10px; left:12px; }
#corpo #obrigacoes { background:url(../imagens/hobr.gif) no-repeat;  width:375px; float:left; padding:30px 0px 0px 0px; margin:15px 14px 0px 0px; display:inline; font-size:12px; }
#corpo #obrigacoes #noobr { height:50px; overflow:hidden; position:relative; margin:0px 0px 0px 0px; }
#corpo #obslide { position:absolute; }
#corpo #obrigacoes li { margin:0px 0px 2px 0px; list-style:none; height:15px; overflow:hidden; }
#corpo #obrigacoes li a { color:#666; font-size:11px; }
#corpo #obrigacoes strong { font-size:11px; }

#corpo #convenios { background:url(../imagens/h_conve.gif) no-repeat;  width:375px; float:left; padding:30px 0px 0px 0px; margin:15px 0px 0px 0px; display:inline; font-size:12px; }
#corpo #convenios #noocon { height:50px; overflow:hidden; position:relative; margin:0px 0px 0px 0px; }
#corpo #conslide { position:absolute; }
#corpo #convenios li { margin:0px 0px 2px 0px; list-style:none; height:15px; overflow:hidden; }
#corpo #convenios li a { color:#666; font-size:11px; }
#corpo #convenios strong { font-size:11px; }

#corpo #links3 { float:left; width:763px; height:90px; overflow:hidden; position:relative; margin:15px 0px 0px 0px; z-index:1; clear:both; }
#corpo #links3 #links3slide { position:absolute; }
#corpo #links3 #links3slide span { float:left; width:728px; height:90px; }
#corpo #links3 ul { position:absolute; top:0px; right:0px; }
#corpo #links3 ul li { background:url(../imagens/selectlink.gif) left top no-repeat; width:22px; height:25px; color:#fff; font-size:20px; list-style:none; padding:4px 0px 0px 10px; margin:0px 0px 2px 0px; cursor:pointer; }
#corpo #links3 ul li.active { background:url(../imagens/selectlink.gif) left bottom no-repeat; }

#corpo #media { padding:20px 0px 0px 0px; float:left; clear:left; width:536px; _width:542px; display:inline; overflow:hidden; }
/* AJUSTES */
#corpo #noticias { background:url(../imagens/hnoticias.gif) no-repeat;  width:248px; float:left; padding:30px 0px 0px 0px; margin:0px 20px 0px 0px; display:inline; }
#corpo #noticias .box { border-bottom: 1px #EAEAEA solid; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; display:block; float:left; clear:left; width:100%; display:inline; }
#corpo #noticias .noimg img { display:none; }
#corpo #noticias  span { font-weight:bold; color:#E03526;  }
#corpo #noticias .box h3 a { color:#666666; font-size:18px; font-weight:normal; line-height:120%; line-height:130%; }
#corpo #noticias .noimg h3 a { font-size:16px !important; }
#corpo #noticias .box h4 a { color:#666666; font-size:14px; font-weight:normal; line-height:120%; line-height:130%; }
#corpo #noticias .box img { width:248px; height:160px; float:left; margin:0px 5px 10px 0px; }

#corpo #videos { background:url(../imagens/hvideo.gif) no-repeat;  width:248px; float:left; padding:30px 0px 0px 0px; margin:0px 20px 0px 0px; display:inline; }
#corpo #videos .box { border-bottom: 1px #EAEAEA solid; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; display:block; float:left; clear:left; width:100%; display:inline; }
#corpo #videos .novid .showvid { display:none !important; }
#corpo #videos  span { font-weight:bold; color:#2F8FBF; }
#corpo #videos .box h3 a { color:#399D93; font-size:18px; font-weight:normal; line-height:120%; line-height:130%; }
#corpo #videos .novid h3 a { font-size:16px !important; }
#corpo #videos .box h4 a { color:#399D93; font-size:14px; font-weight:normal; line-height:120%; line-height:130%; }
#corpo #videos .box .showvid { width:248px; height:160px; float:left; margin:0px 0px 10px 0px; display:block; }

#corpo #galeria { background:url(../imagens/hgaleria.gif) no-repeat;  width:248px; float:left; padding:30px 0px 0px 0px; margin:15px 20px 0px 0px; position:relative; overflow:hidden; clear:left; }
#corpo #noob { width:190px; position:relative; height:235px; overflow:hidden; margin:0px 0px 15px 28px; }
#corpo #noob #slidegaleria { position:absolute; }
#corpo #noob div.box { float:left; margin:0px 5px 0px 5px; width:180px; overflow:hidden; }
#corpo #noob img { width:180px; height:120px; }
#corpo #noob h4 a { width:180px; line-height:130%; color:#E5A600; background:url(../imagens/oarrow2.gif) left 4px no-repeat; text-indent:10px; margin:10px 0px 5px 0px; font-size:13px; padding:0px 0px 5px 0px; border-bottom:1px #EAEAEA solid; display:block; }
#corpo #noob p { color:#666666; font-size:11px; float:left; width:180px; }
#corpo #galeria #next2 { background:url(../imagens/oarrow.gif) right top no-repeat; width:15px; height:22px; text-indent:-5000px; overflow:hidden; display:block; cursor:pointer; position:absolute; right:0px; top:80px; }
#corpo #galeria #prev2 { background:url(../imagens/oarrow.gif) left top no-repeat; width:15px; height:22px; text-indent:-5000px; overflow:hidden; display:block; cursor:pointer; position:absolute; left:0px; top:80px; }

#corpo #vistas { background:url(../imagens/hvistas.gif) no-repeat ; padding:30px 0px 0px 0px; width:248px; float:left; margin:15px 20px 0px 0px; }
#corpo #vistas ul { flaot:left; clear:left; width:100%; margin:0px 0px 0px 0px; list-style:none;  }
#corpo #vistas ul li { background:url(../imagens/carrow.gif) left center no-repeat; margin:0px 0px 12px 0px; padding:0px 0px 0px 13px; }
#corpo #vistas ul li a { color:#006CA7; font-weight:normal; font-size:14px; line-height:120%; }

#corpo #fornecedores { float:left; width:230px; margin:0px 0px 0px 0px; display:inline; }
#corpo #fornecedores a { margin:15px 0px 0px 0px; display:block; }

#corpo #jornalfamem img { border:1px #ccc solid; width:228px }
/* FIM AJUSTES */

#corpo #sistemas { background:url(../imagens/hsistema.gif) no-repeat;  width:770px; float:left; clear:both; padding:30px 0px 0px 0px; margin:30px 0px 0px 0px; position:relative; overflow:hidden; }
#corpo #noob2 { width:725px; position:relative; height:60px; overflow:hidden; margin:0px 0px 15px 22px; }
#corpo #noob2 #syslide { position:absolute; }
#corpo #noob2 #syslide a { float:left; margin:0px 2px 0px 3px; }
#corpo #sistemas #next3 { background:url(../imagens/oarrow.gif) right top no-repeat; width:15px; height:22px; text-indent:-5000px; overflow:hidden; display:block; cursor:pointer; position:absolute; right:0px; top:50px; }
#corpo #sistemas #prev3 { background:url(../imagens/oarrow.gif) left top no-repeat; width:15px; height:22px; text-indent:-5000px; overflow:hidden; display:block; cursor:pointer; position:absolute; left:0px; top:50px; }

/**********************************************************************/
/* Rodapé
/**********************************************************************/
#rodape { background:url(../imagens/bgbottom.png) no-repeat left top; float:left; clear:left; min-height:20px; width:100%; color:#C1D1E4; }
#rodape address {  margin:40px 0px 20px 10px; display:block; font-style:normal; font-size:12px; line-height:160%; }
/**********************************************************************/
/* Fim Definições do Rodapé
/**********************************************************************/



		.black_overlay_warning {
			display: block;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}

		.white_content_warning {
			position: absolute;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 16px;
			border:16px solid #FFF;
			background-color: white;
			z-index:1002;
			overflow:auto;
		}