@charset "iso-8859-1";
/* CSS Document */

/*
Design by Ronaldo Dantas
www.zeroweb.com.br
*/

/* CSS Reset */

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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/***********/



/* CSS básico. Essencial para o layout. Cuidado ao alterar */

html, body {height:100%;}
body {
	margin:0; 
	padding:0;
	color:#333;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	background-image:url(img/mprn_bg1.gif);
	background-repeat:no-repeat;
	}

p {
	font-family:arial, tahoma, verdana;
	font-size:12px;
	color:#333;
}

#tudo { 
	width:980px;
	 position:relative;  /*Contexto de posicionamento */
	margin:0;
	top:0;
	left:0;
	text-align:left;
	min-height:100%;
	padding-bottom:220px;
	}
	
 * html #tudo {height: 100%;}

#topo {
	width:980px;
	height:82px;
	border:0;
	padding:0;

}

#principal {
	width:512px;
	padding-left:222px;
	padding-top:60px;
	margin-bottom:20px;
	float:left;
	text-align:justify;
	}

#direita {
	width:202px;
	height:auto;
	min-height:100%;
	float:right;
	margin-top:50px;
	margin-bottom:50px;
	padding:12px;
	border-style: solid;
	border-color: #CCC;
	border-width: thin;
	border-style: solid;
	border-color: #CCC;
	border-width: thin;
	background-color:#E5E5E5;
	text-align:center;
	overflow:visible;


}

#rodape {

	width:960px;
	height:200px;
	position: absolute;
	bottom: 0; 
	padding:12px;
	text-align:left;
	background-image:url(img/rodapebg1.gif);
	background-repeat:no-repeat;	
	}


/***********/


/* CSS complementar. Essencial para o layout. Cuidado ao alterar */

#topoMenu {
	position:relative;
	width:520px;
	height:30px;
	bottom:0;
	padding-top:7px;
	padding-right:12px;
	float:right;
	text-align:right;
}


#esquerda {
	position:absolute;
	width:198px;
	height:auto;
	margin:0;
	padding-top:150px;
	top:0;
	left:0;
	border:0;
	z-index:50;
	position:absolute;
}

#esquerdaMenu {
	position:absolute;
	width:198px;
	height:auto;
	padding: 0px 0px 16px 0;
	background-image:url(img/mprn_bgEsq.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:60;
}


#quadroGeralInicial{
	margin-top:20px;
	width:500px;
	height:auto;
	padding-top:0;
	padding-bottom:12px;
	margin-bottom:20px;
	overflow: visible;
}

#quadroGeral{
	width:500px;
	height:auto;
	padding-top:0;
	padding-bottom:12px;
	margin-bottom:20px;
	overflow: visible;
}


#bannerDireita {
	position:absolute;
	width:240px;
	height:660px;
	background-color:#FFF;
	top:130px;
	left:1012px;
	visibility:visible;
	overflow:visible;
	z-index:180;
}


#rodape p {
	margin:0;
	font-weight: 700;
	color: #666;
}

.clear {clear:both;}


/***********/



/* Navegação do TOPO */

.hovermenu ul{
font: bold 13px arial;
padding: 0;
margin: 0;
height: 40px;

}

.hovermenu ul li{
list-style: none;
display: inline;
height:32px;
}

.hovermenu ul li a{
padding: 7px 8px 5px 8px;
text-decoration: none;
float: left;
color: #FF0;
background-color: transparent;
}

.hovermenu ul li a:hover{
background-color: transparent;
color: #D55500;
border-style: none;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: none;
}


li.search fieldset, #glossary fieldset{
	border: none;
	width: 260px;
	background: url(img/buscabg1.gif) no-repeat;
	padding: 4px 0 2px 30px;
	overflow: hidden;
	margin: 0;
	display: inline;
}
li.search #searchform fieldset input#s, #glossary #searchform fieldset input#s{
	border: none;
	background: none;
	width: 175px;
	padding: 5px;
	float: left;
}

li.search #searchform fieldset input.btn, #glossary #searchform fieldset input.btn {
	width:58px;
	border: none;
	margin: -4px 2px 2px 6px;
	float: left;
	height: 30px;

}


/***********/

/* START MENU ESQUERDO */


.urbangreymenu{
width: 172px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 12px Verdana;
color: black;
background: #E1B500 url(img/marcador1.gif) no-repeat 5px 8px; /* últimos 2 valores são as coordenadas x e y da bullet image*/
margin-bottom: 3px; /* espaço inferior entre o header e o resto do conteúdo */
text-transform: uppercase;
padding: 7px 0 7px 20px; /* indentação do header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /* espaço inferior entre o UL e o resto do conteúdo */
}

.urbangreymenu ul li{
padding-bottom: 2px; /* espaço inferior entre os menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #FFD11C;
display: block;
padding: 5px 0;
line-height: 13px;
padding-left: 4px; /* indentação do text */
text-decoration: none;
text-align:left;
}

.urbangreymenu ul li a:visited{  /* row item normal state */
color: black;
background: #FFCE09;
}

.urbangreymenu ul li a:hover{ /* row item hover state */
color: black;
background: #E1B500;
}


/***********/



/* START MENU SEÇÃO */

#show_nav, #full_ep_nav, #community_nav {width:570px !important; 
	padding:0; 
	margin:0; 
	clear:both; 
	position:absolute; 
	top:100px; left:-161px; 
	visibility:hidden; text-align:left; 
	background-color: #EFEFEF; 
	background-image:url(img/menubg2.png); background-repeat:repeat; 
	border:2px solid #666666; z-index:500; }
				
#IEroot #show_nav, #IEroot #full_ep_nav, #IEroot #community_nav {width:985px;}

#show_nav .one_show, show_nav .two_show, #show_nav .three_show, #show_nav .four_show {   min-height:370px; height:auto !important; height:370px }

#community_nav .two_comm, #community_nav .three_comm { height:196px; }

#full_ep_nav .two_ep, #full_ep_nav .three_ep, #full_ep_nav .four_ep {  height:200px; }

#show_nav_column {width:188px; float:left; padding-left:0px; padding-top:14px; margin-bottom:0px; line-height:16px; }

#IEroot p.hdrIEfix {line-height:0px; padding-bottom:5px !important}

html>body #show_nav_column, #full_ep_column { width:190px; }

#show_nav_column hr { width:190px; border:1px solid #cccccc; }	

#show_nav_column a { text-decoration: none; float:left; padding-left:12px; padding-bottom:2px; font-weight:700; width:176px; }

html>body #show_nav_column a { text-decoration: none; float:left; padding-left:12px; padding-bottom:2px; font-weight:700; width:172px; }

a.shows:link { color: #333; }
a.shows:active { color: #333; }
a.shows:visited { color: #333; }
a.shows:hover { color: #930; background: #fff; }
.column_hdr {color: #dd5507;}


/***********/


/* START  QUADRO DE NOTICIAS PAINEL */	

.glidecontentwrapper{
position: relative !important; /* Não altere este valor. Do not change this value */
width: 500px;
height: 230px; /* Set height do conteneir da notícia */
border: 1px solid #687C98;
overflow: hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position:absolute;
	width:480px;
	height:220px;
	padding:0 12px 0 12px;
	background-color:#D5E2FF;
}

/*
 Total glidecontent width: 330px+12px+12px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 470px;
margin-top: 6px;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
border: 0;
color: #2e6ab1;
padding: 3px;
font-weight: bold;
font-family:arial;
font-size:12px;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #D5E2FF;
color: black;
}

.glidecontenttoggler a:hover{
background: #69F;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #69F;
color: black;
}


.glideNoticiasTitulo {
width:200px;
height:50px;
margin:0;
padding:0;
}

.noticiasFoto{
border:1px solid #333;
width:260px;
height:184px;
}

a.linkPainelNoticiasTitulo1{

font-family: arial, tahoma, Georgia, verdana;
font-size:16px;
color: #333333;
font-weight: 700;
text-decoration:none;
}

a.linkPainelNoticiasTitulo1:hover{
font-family: arial, tahoma, Georgia, verdana;
font-size:16px;
color: #666666;
font-weight: 700;
text-decoration:none;
}

.linkPainelNoticiasSubTitulo1{
font-family: arial, tahoma, Georgia, verdana;
font-size:12px;
color: #333333;
font-weight: normal;
text-decoration:none;
}

.linkPainelNoticiasSubTitulo1:hover{
font-family: arial, tahoma, Georgia, verdana;
font-size:12px;
color: #666666;
font-weight: normal;
text-decoration:none;
}


.noticiasQuadroFoto{
border:0;
width:80px;
height:60px;
padding-top:0;
padding-right:2px;
}


a.linkQuadroNoticiasTitulo1{

font-family: arial, tahoma, Georgia, verdana;
font-size:12px;
color: #333333;
font-weight: 700;
text-decoration:none;
background-color: transparent;
background-image: url(img/iconoticia2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top left;
padding-left: 12px;
padding-top:0;
}

a.linkQuadroNoticiasTitulo1:hover{
font-family: arial, tahoma, Georgia, verdana;
font-size:12px;
font-weight: 700;
color: #666666;
text-decoration:none;
}

.linkQuadroNoticiasSubTitulo1{
font-family: tahoma, arial, verdana;
font-size:12px;
color: #333333;
font-weight: normal;
text-decoration:none;
}

.linkQuadroNoticiasSubTitulo1:hover{
font-family: tahoma, arial, verdana;
font-size:12px;
color: #666666;
font-weight: normal;
text-decoration:none;
}


/***********/


/* Footer */

#footer{clear:both;font-size:11px;padding:12px 20px;}
#footer a,#footer a:link,#footer a:visited{color:#4f4f53;text-decoration:none;}
#footer a:hover,#footer a:focus,#footer a:active{color:#4c6296;text-decoration:underline;}
#footernav{list-style:none;float:right;width:540px;margin:0;padding:0;}
#footernav ul{list-style:none;margin:.4em 0 0;padding:0;}
#footernav li{list-style:none;width:120px;float:left;margin:0 0 0 12px;padding:0 0 30px;}
#footernav li strong{display:block;font-family: trebuchet ms, "lucida grande", helvetica, arial, sans-serif;font-size:2.15em;line-height:1.25;}
#footernav li li{width:auto;float:none;margin:0;padding:0;}
#footer-about{float:left;width:360px;padding-bottom:20px;}
#footer-about p{margin:.5em 0 1em;}


/***********/


/* OUTROS CSS */

h1 {
display: block;
font-family: trebuchet ms, arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 18px;
color:#666;
margin-top: 0px;
margin-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a0a3ac;
border-bottom-width: thin;
padding-bottom:4px;
text-align:left;
}


h2 {
display: block;
font-family: trebuchet ms, arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14px;
color:#333;
background-color: transparent;
background-image: url(img/marcador1.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:16px;
padding-right:4px;
text-align:left;
margin:16px 0 16px 0;
}


h3 {
display: block;
font-family: trebuchet ms, arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 14px;
color:#333;
background-color: transparent;
background-image: url(img/marcador2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:16px;
padding-right:4px;
text-align:left;
margin:16px 0 16px 0;
}

a.LinkImgEsq1 {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-size:12px;
color: #C30;
background-color: transparent;
background-image: url(img/bullet_news.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:16px;
text-decoration:none;
}

a.LinkImgEsq1:hover {
color: #C90;
text-decoration:none;
}

a.LinkNavAnt {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:11px;
color: #C30;
background-color: transparent;
background-image: url(img/navAnt.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:14px;
padding-right:4px;
text-decoration:none;
text-transform:uppercase;
}

a.LinkNavAnt:hover {
color: #000;
}

a.LinkNavProx {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:11px;
color: #C30;
background-color: transparent;
background-image: url(img/navProx.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center right;
padding-right:16px;
padding-left:4px;
text-decoration:none;
text-transform:uppercase;
}

a.LinkNavProx:hover {
color: #000;
}

a.LinkNavNivel {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/navAnt.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:14px;
padding-right:4px;
text-decoration:none;
text-transform:uppercase;
}

a.LinkNavNivel:hover {
color: #000;
}

#divNav {
border:1px solid #CCC; background-color: #EFEFEF; padding:4px;margin-bottom:20px;width:490px;
}

#divNavRodape {
border:1px solid #CCC; background-color: #EFEFEF; padding:6px; margin-top:40px; width:490px; font-family:tahoma, arial; font-size:11px; color:#333;
}

a.LinkNavRodape {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/navAnt.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:14px;
padding-right:4px;
text-decoration:none;
}

a.LinkNavRodape:hover {
color: #000;
}


a.LinkImprimir {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/ico_imprimir.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:18px;
padding-right:2px;
text-decoration:none;
}

a.LinkImprimir:hover {
color: #000;
}



.vermelho18 {
font-family: Trebuchet ms, arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:18px;
color: #C30;
padding-bottom:8px;
background-color: transparent;
background-image: url(img/setavermelha.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:18px;
padding-right:2px;
text-decoration:underline;
margin-bottom:20px;
}

.creditos {
	font-family:tahoma, arial;
	font-size:10px;
	font-style:italic;
	color:#666;
}


a.linkMenu1 {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
color: #C30;
background-color: transparent;
background-image: url(img/setavermelha.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:7px;
padding-right:4px;
text-decoration:none;
margin-bottom:20px;
text-transform:uppercase;
}

a.linkMenu1:hover {
color: #000;
background-color: transparent;
background-image: url(img/setaPreta.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:7px;
padding-right:4px;
margin-bottom:20px;
}

.separador1 {
	border-bottom:1px solid #333;
	padding-top:3px;
	padding-bottom:6px;
	margin-bottom:14px;
}
	





a.linkFacebook {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/facebook.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkFacebook:hover {
color: #000;
}

a.linkTwitter {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/twitter.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkTwitter:hover {
color: #000;
}


a.linkDelicious {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/delicious.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkDelicious:hover {
color: #000;
}


a.linkMySpace {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/myspace.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkMySpace:hover {
color: #000;
}


a.linkDigg {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/digg.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkDigg:hover {
color: #000;
}


a.linkGoogle {
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight:bold;
font-size:10px;
color: #C30;
background-color: transparent;
background-image: url(img/google.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center left;
padding-left:19px;
padding-right:4px;
text-decoration:none;
}

a.linkGoogle:hover {
color: #000;
}

/***********/
