/* 
    Document   : style
    Created on : 24/02/2010, 14:17:32
    Author     : Rodrigo G. Bonoto
*/

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* padrão */
*{padding:0px; margin:0px; outline:0px; list-style:none; font-family:Arial, Tahoma, sans-serif, Verdana}
.replacement{display:block; text-indent:-5000px; overflow:hidden}
html{background:url(img/bg-html-new.png) repeat-x left top}
img{border:none}
h3.default{font:12px normal Times; text-transform:uppercase; letter-spacing:1px; padding-bottom:2px}
a.inicio{text-decoration: none; color: #000; display: block; width: 100px; font-size: 14px; margin-bottom: 10px}
a.inicio:hover{text-decoration: none}
span.pergunta{font-size:12px; font-weight:bold; margin-bottom:10px; display:block}

/* geral */
#everything{width:900px; margin:0 auto; background:#fff}

/* topo */
#header{position:relative}
#header span.date{position:absolute; right:4px; top:15px; font-size:11px; color:#fefefe; width:247px; text-align:center}
#header .topo{width:900px; background:orange;overflow:hidden;}
#header .topo h1 a{background:url(img/fanp_top.jpg) no-repeat; height:205px; width:100%; float:left;display:inline}
#header .swf{float: left;overflow: hidden;}

#header .ico-wrap{position:absolute;left:800px;top:16px;height:27px;}
	#header .ico-wrap a.home{float:left;display:block;width:32px;height:27px;margin:0 10px 0 0;background:url(img/home-ico.png) no-repeat;}
	#header .ico-wrap a.contact{float:left;display:block;width:32px;height:27px;background:url(img/contact-ico.png) no-repeat;}

/* menu topo */
#header-menu{}
#header-menu ul{background:url(img/bg-ul-menu.png) repeat-x; height:59px; position:relative}
#header-menu ul li{
	display:block; float:left; width:120px; height:13px; /*background:url(img/bg-li-menu.png) no-repeat right top;*/
	font-size:12px; padding:10px 0; text-align:center
}
#header-menu ul li span.left{position:absolute; left:-5px; top:-4px}
#header-menu ul li span.right{position:absolute; right:-5px; top:-4px}
#header-menu ul li.min{width:110px}
/* #header-menu ul li.end{background:none} */
#header-menu ul li a{color:#fcd21c; font-weight:bold; text-decoration:none}
#header-menu ul li a span{font-size:11px; color:#ccc; display:block}
#header-menu ul li a:hover{color:#eee}

/* banner topo */
#header-banner{}

/* corpo */
#body{padding:0 15px; padding-right:0; margin:15px 0; border-left:1px solid #e6e4db}

/* menu lateral */
#body-menu{width:165px; float:left}

#body-menu dl{margin-bottom: 15px}
#body-menu dl dt.item a{font-size:12px; color:#3f3c30; text-decoration:none; border-bottom:1px dotted #3f3c30; background: url("img/icon-menu.gif") no-repeat left; padding: 4px; padding-left: 10px; display: block;}

#body-menu ul{margin-bottom:5px;}
#body-menu h3{border-bottom:5px solid #3f3c30; color:#3f3c30; margin-bottom:5px}
#body-menu ul li h2{color:#820000; font-size:10px; text-transform:uppercase; letter-spacing:1px}
#body-menu ul li{list-style:circle; margin-bottom:1px; margin-left:25px}
#body-menu ul li.title{list-style:none; margin-left:0; margin-bottom:0; margin-top:10px}
#body-menu ul li.img, #body-menu ul li.init{list-style:none; margin-left:0; margin-top:0}
#body-menu ul li a{font-size:12px; color:navy; text-decoration:none;}
#body-menu ul li a:hover{border:none}

/* conteúdo */
#content{width:700px; float:right}

div#pagina{
	padding: 0px 30px;
}

/* ESTILOS PAGINAS INTERNAS */

div#content div#pagina h3{
	border-bottom: 2px solid #3F3C30;
	padding-bottom: 7px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
div#content div#pagina h4{
	color: #666;
	margin-bottom: 25px;
}
div#content div#pagina ul{
	margin-bottom: 25px;
	padding-left: 15px;
}
div#content div#pagina li{
	list-style: circle outside none;
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 15px;
	text-align: justify;
}

#downloads li{
	list-style:none;

}
div#content div#pagina ul li ul{
	margin-top: 5px;
}
div#content div#pagina ul li ul li{
	list-style: square outside none;
}
div#content div#pagina p{
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 20px;
	text-align: justify;
}
div#content div#pagina a{
	color: #0E4479;
}
div#content div#pagina a:hover{
	color: #820000;
}
div#content div#pagina table{
	border-width: 0px;
	margin-bottom: 25px;
	width: 100%;
}
div#content div#pagina td{
	font-size: 12px;
	padding: 2px;
}
div#content div#pagina td p{
	margin-bottom: 10px;
}

/*Órgãos Executivos */
#orgaos {
padding:0 30px;
}
#orgaos h3 {
border-bottom:2px solid #3F3C30;
margin-bottom:25px;
padding-bottom:7px;
text-transform:uppercase;
}
#orgaos h4{
font-size:13px;
font-weight:bold;
}



#orgaos .membro {
clear:both;
display:block;
height:4cm;
margin-bottom:15px;
padding-bottom:5px;
border-bottom:1px dotted gray;
}
#orgaos .imagem {
float:left;
}
#orgaos .descricao {
float:left;
margin-left:25px;
}

#orgaos p{
	font-size:12px;
	padding:2px;
}

/* Cursos */
span.desc{display:block;margin:0 0 10px 0;font-size:12px;}
div#list_curso ul{margin:0!important;padding:0!important;}
div#list_curso ul li{float:left!important;list-style:none!important;margin:0 4px!important;}

/* rodapé */
#footer{padding:0 15px; padding-bottom:10px}

/*Logo Vivaweb*/
div#logo{float:right;margin-top:20px;padding:20px 0;width:100px;}
div#logo .replace{display:block; overflow:hidden; text-indent:-5000px}
div#logo a#vivaweb{background:url(img/vivaweb.png) no-repeat left top; height:24px; width:100px; padding-left:11px;}
div#logo a#vivaweb:hover{background:url(img/vivaweb.png) no-repeat left -24px}

/*downloads*/
#downloads  th{background:#01A6C2; color:black; font-size:14px}
#downloads tr.item1 {background-color:#e1e0e0; color:#445c46; font-size:12px;}
#downloads tr.item2 {color:#445c46; font-size:12px;}

/* Likebox */
.fb-like-box{margin:30px 0 0 0;}