/* 
CSS Document
Desenvolvido em 19/10/2008 por Visão Interativa design e tecnologia LTDA
http://www.visaointerativa.com.br/
Luiz Paulo Araujo Pedrosa
*/

/*Estilos geral do site*/
h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0;
	padding:0;
	list-style:none;
	}
hr{
	clear:both;
	visibility:hidden;
	}
/* ANCORAS RODAPÉ CONTEUDO*/

#nav-auxiliar-conteudo {
	clear:both;
}
#nav-auxiliar-conteudo a {
	color:#f36f21;
	text-decoration:none;
}
#nav-auxiliar-conteudo a:hover {
	color:#b7329d;
	text-decoration:none;
}
	
body{
	background:#cfe5f4 url("../img-layout/bg-pattern.gif") left top repeat-x;;
	font:12px Trebuchet MS, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto; padding:0;
	}
/* div que engloba todo o conteúdo*/	
div#geral{
	background:#fff url("../img-layout/bg-all.gif") right top repeat-y;
	border:0px solid #000;
	text-align:left;
	margin:0 auto; padding:0;
	width:778px;	height:auto;
	position:relative;
	}
/*topo*/
div#topo{
	border:0px solid #000;
	background:url("../img-layout/bg-topo.jpg") center top no-repeat;
	border-bottom:0px solid #ccc;
	height:137px;
	}
/*logo e slogan*/
div#topo h1{
	position:relative; top:11px;left:15px;
	width:280px;
	}
div#topo h1 a{
	background:url("../img-layout/logo-cfb.jpg") center no-repeat;
	text-indent:-2000px;
	width:266px;
	height:80px;
	display:block;
	}
/*
div#topo h1 a:hover{
	background:url("../img-layout/logo-hover.gif") center no-repeat;
	}
*/
/*menu auxiliar mapa do site e contato*/
div#topo ul#nav-auxiliar{
	border:0px solid #ccc;
	font-size:95%;
	font-weight:bold;
	width:auto; height:19px;
	position:absolute; top:5px;right:24px; 
	}
div#topo ul#nav-auxiliar li{
	border:0px solid #000;
	float:left;
	margin-left:16px;
	}
div#topo ul#nav-auxiliar li#mapa-do-site{
	background:url("../img-layout/bullet-mapa-do-site.gif") left center no-repeat;
	}
div#topo ul#nav-auxiliar li#contato{
	background:url("../img-layout/bullet-contato.gif") left center no-repeat;
	}
div#topo ul#nav-auxiliar li a{
	color:#000;
	text-decoration:none;
	padding-left:16px;
	}
div#topo ul#nav-auxiliar li a:hover{
	color:#3984be;
	text-decoration:none;
	padding-left:16px;
	}
/* fim menu auxiliar mapa do site e contato*/

	
/* menu sistema CFB/CRBs*/
div#topo ul#nav-sistema{
	border:0px solid #fff;
	font-size:95%;
	font-weight:bold;
	width:220px; height:auto;
	position:absolute; top:89px; right:14px;
	}
div#topo ul#nav-sistema li{
	border:0px solid #eee;
	float:left;
	height:auto;
	margin-left:0px;
	padding:16px 10px 4px 10px;
	}
div#topo ul#nav-sistema li a{
	color:#000;
	text-decoration:none;
	}
div#topo ul#nav-sistema li a:hover{
	color:#3984be;
	text-decoration:none;
	}
div#topo ul#nav-sistema li#sistema{
	background: url("../img-layout/separador-menu-topo.gif") right bottom no-repeat;
	padding-right:12px;
	}
/*Posicionamento das tres colunas e rodape*/	
#col1, #col2,#col3{
	margin-top:3px;
	width:30%;
	float:left;
	}
/* AJUSTE DE POSICIONAMNETO DO RODAPÉ*/
#rodape{
	clear:both;
	}
/*Coluna 1*/
#col1{
	font-size:95%;
	width:159px;
	padding-bottom:0;
	margin-left:10px;
	}
	
	
/*LOGOMARCAS CRBs*/
#col1 div#identidade-crbs h2{
	background:url("../img-layout/logo-crb1.gif") center no-repeat;
	text-indent:-2000px;
	width:130px;
	height:45px;
	margin:4px 0 0 8px;
	}

/* menu principal*/	
div#top-nav{
	background:url("../img-layout/bg-top-nav.jpg") left bottom no-repeat;
	width:141px; height:12px;
	margin-top:20px;
	}
div#base-nav{
	background:url("../img-layout/bg-base-nav.jpg") left top no-repeat;
	width:141px; height:12px;
	margin-top:0px;
	}
#col1 ul{
	border:0px solid #000;
	background:url("../img-layout/bg-ul-menu-crb.gif") left top repeat-y;
	text-align:left;
	width:141px;
	height:auto;
	position:relative;
	}
#col1 ul li{
	border:0px solid #000;
	background: url("../img-layout/separador-menu-crb.gif") left bottom no-repeat;
	font-weight:bold;
	margin:0 0 0 0;
	width:133px;
	height:34px;
	padding-left:8px;
	}
/* li - posicionamentos */	
#col1 ul li a{
	border-bottom:0px solid red;
	color:#000;
	text-decoration:none;
	margin:0 0 0 0;
	width:123px;
	height:26px;
	padding:8px 0 0 10px;
	display:block;
	}
	
#col1 ul li a:hover{
	border:0px solid yellow;
	background:#fff url("../img-layout/separador-menu-crb.gif") left bottom no-repeat;
	color:#8680bc;
	text-decoration:none;
	margin:0 0 0 0;
	width:123px;
	height:26px;
	padding:8px 0 0 10px;
	display:block;
	}
/* Fim li - posicionamentos */	
#col1 ul li.last{
	border:0px solid yellow;
	background:none!important;
	}
/* Fim menu CFB */

#col1 div#marcadagua{
	border:0px solid #eee;
	background:url("../img-layout/bg-marca-dagua-menu-cfb.jpg") right center no-repeat;
	width:159px; height:152px;
	}	
/*Coluna 2*/
#col2{
	border:0px solid #000;
	width:384px;
	margin-top:19px;
	}
#col2 div#conteudo{
	border:0px solid #000;
	padding-bottom:10px;
	padding-right:0px;
	margin-left:0px;
	}
#col2 h3{
	border-bottom:1px solid #f7941d!important;
	background:url("../img-layout/bullet-estrela-titulos.gif") left center no-repeat!important;
	color:#f7941d;
	font-size:100%;
	margin-bottom:8px;
	padding-left:20px;
	width:140px;
	}
#col2 h3.noticias{
	border-bottom:0px solid #f7941d!important;
	background:url("../img-layout/bg-titulo-noticias-cfb.jpg") left  top no-repeat!important;
	width:321px; height:55px;
	padding:10px 0 0 30px;
	}
	
#col2 h3.eventos{
	border-bottom:0px solid #f7941d!important;
	background:url("../img-layout/bg-titulo-eventos-cfb.jpg") left  top no-repeat!important;
	width:321px; height:55px;
	padding:10px 0 0 30px;
	}
	
#col2 h4{
	font-size:100%;
	font-weight:normal;
	color:#666;
	margin-bottom:8px;
	}
#col2 p{
	font-size:95%;
	}
#col2 div.div-destaques ul.conteudo-destaques{
	font-size:95%;
	padding:0 8px;
	margin-top:0px;
	}	

	
/* CONTEUDO CRBS*/
body#crb1-home #col2 div.div-destaques{
	border: 0px solid #ccc;
	width:165px;
	margin:10px 18px 0 0;
	float:left;
	}
#col2 div.div-destaques ul.conteudo-destaques li{
	list-style-position:outside;
	list-style:none;
	background:url("../img-layout/bullet-destaques.gif") left 4px no-repeat;
	margin-left:8px;
	padding:0 8px 4px 10px;
	}	
#col2 div.div-destaques ul.conteudo-destaques li a{
	color:#000;
	text-decoration:none;
	}	
#col2 div.div-destaques ul.conteudo-destaques li a:hover{
	color:#8680bc;
	text-decoration:none;
	}	
#col2 p#nav-auxiliar-conteudo{
	text-align:right;
	font-size:95%;
	margin:20px 4px 4px 0;
	}


/*Coluna 3*/
#col3{
	border-left:0px solid #8680bc;
	text-align:left;
	margin-top:19px;
	padding:0 4px 0 8px;
	width:190px;
	float:left;
	}
#col3 input, select{	
	border:1px solid #000;
	background:#fff;
	font-size:95%;
	}
#col3 input{
	position:relative; *top:4px;	
	}
#col3 div#banners{ 
	border:0px solid #ccc;
	}
#col3 div#banners img{
	margin-top:10px;
	display:block;
	}
	
/*Lista de ultimas noticias*/
#col3 div#sub-menu{
	border:0px solid #000;
	background:url("../img-layout/bg-sub-menus.gif") left top repeat-y;
	width:180px; height:auto;
	}
#col3 div#topo-sub-menu{
	border:0px solid #000;
	background:url("../img-layout/bg-topo-sub-menus.gif") left top no-repeat;
	width:180px; height:22px;
	margin-top:10px;
	}
#col3 h2{
	border-bottom:1px solid #f7941d;
	width:160px;
	font-size:100%;
	color:#f7941d;
	margin:-10px 0 5px 8px;
	padding-left:4px;
	}	

#col3 h3{
	border-bottom:1px solid #007abc;
	width:155px;
	font-size:90%;
	color:#007abc;
	margin:-10px 0 0px 8px;
	padding-left:4px;
	}	

#col3 ul{
	font-size:90%;
	margin-top:-8px;
	}	

#col3 ul li{
	border:0; 
	background:url("../img-layout/bg-li-sub-menu.gif") left bottom no-repeat;
	list-style-position:outside;
	list-style:none;
	margin:6px 0 0 8px; padding-bottom:6px;
	}	
#col3 ul li a{
	background:url("../img-layout/bullet-sub-menu.gif") left 6px no-repeat;
	color:#000;
	text-decoration:none;
	font-weight:bold;
 	padding-left:20px;
	width:150px;
	display:block;
	}
		
#col3 ul li a:hover{
	color:#8680bc;
	text-decoration:none;
	font-weight:bold;
 	padding-left:20px;
	width:150px;
	display:block;
	}
		
#col3 div#base-sub-menu{
	border:0px solid #000;
	background:url("../img-layout/bg-base-sub-menus.gif") left top no-repeat;
	width:180px; height:22px;
	margin-top:0px;
	}
/*Notícias arquivadas*/
#col3 fieldset#noticias-arquivadas{
	border:1px solid #666;
	margin:8px 0 0 0;
	padding:0;
	}	
	
#col3 fieldset#noticias-arquivadas form{
	margin:0;
	padding:0;
	}	
	
#col3 fieldset#noticias-arquivadas legend{
	margin:0 0 6px 4px;
	padding:0 4px;
	}	
	
#col3 fieldset#noticias-arquivadas select, input{
	margin:0 0 4px	 4px;
	}	
	

/* RODAPÉ*/
#rodape{
	border:0px solid #ccc;
	background:url("../img-layout/bg-rodape.gif") left bottom repeat-x;
	font-size:95%;
	text-align:center;
	margin-top:0px; padding:6px 0 2px 0;
	width:760px; height:auto;
	position:relative; left:9px;
	}
html>body #rodape{ height:auto;min-height:64px;}
#rodape p{
	margin-top:4px;
	color:#8781bd;
	}
#rodape p a{
	color:#8781bd;
	}
#rodape p a:hover{
	color:#000;
	}
#rodape-cfb{
	border:0px solid #000;
	width:500px;
	margin:0 auto;
	
	}
	
#rodape2{
	border-top:1px solid #74bfe7;
	background:url("../img-layout/bg-rodape2.gif") left bottom repeat-x;
	font-size:95%;
	text-align:center;
	margin:0 auto; padding:6px 0;
	width:776px; height:64px;
	position:relative;
	}
html>body #rodape2{ height:auto;min-height:64px;}
	
	
	
	/* TABELAS */
	
#conteudo table {
	width:90%;
	height:auto;
	/*border:1px solid #eee;*/ padding:0;
	margin:0 0 20px 0;
	font-size:100%;
	background-color:#eee;
}
#conteudo table a {
	color:#b7329d;
	text-decoration:none;
}
#conteudo table a:hover {
	color:#f36f21;
	text-decoration:none;
}
#conteudo caption {
	padding:4px;
	background: url("../img-layout/back_th.gif") repeat-x left top;
	font-size:100%;
	font-weight:bold;
}
#conteudo th {
	padding:3px;
	background-color:#fff;
	border:1px solid #eee;
	text-align:center;
}
#conteudo td {
	padding:3px;
	background-color:#fff;
	/*background: url("../img/layout/back_td.gif") repeat-x left center;*/

	border:1px solid #eee;
}
.titulo-cursos {
	font-weight:bold;
	color:#b7329d;
}

/*	FALE CONOSCO */	

div#conteudo h2.sub-titulo-contato{
	font-size:120%;
	color:#666;
	font-weight:normal;
	margin-top:10px;
	}
div#conteudo div#endereco{
	width:340px;
	border:0px solid #000;
	}
	/*
div#conteudo form{
	margin-top:20px;

	}

div#conteudo fieldset{
	border:1px solid #666;
	padding:8px;
	}
div#conteudo fieldset legend{
	padding:0 8px;
	}
div#conteudo fieldset label{
	border-bottom:1px solid #666;
	margin-top:8px;
	float:left;
	width:150px;
	}
div#conteudo fieldset input {
	border:1px solid #666;
	background:#fff;
	margin-top:8px;
	float:left;
	}
div#conteudo fieldset textarea{
	border:1px solid #666;
	background:#fff;
	}
	
	
*/		

.backvideo{
	   background: none repeat scroll 0 0 black;
    height: 100%;
    opacity: 0.9;
    position: absolute;
    width: 100%;
    z-index: 2000;
}
.video{
	  left: 50%;
    margin-left: -280px;
    margin-top: -156px;
    position: absolute;
    top: 50%;
	z-index:2001;
}