@charset "ISO-8859-1";
/* CSS Document */


/*-------------------------------------
	      CALENDARIO
		  
As definições do widget de calendário
estão na folha de estilos widgets.css.
O widget é desenhado pela chamada
include("w_calendario_inc.php")

-------------------------------------*/

A {text-decoration:none;}

/*------------------------------------
	CONTEINER PARA O ÍCONE DO MÊS
------------------------------------*/

.cal_icone_conteiner {
	float:left; 
	position:absolute; 
	width:100px; 
	height:100px; 
	top:-35px; 
	left:-7px;
}

/*------------------------------------
	CONTEINERS PARA O DETALHE (MÊS)
------------------------------------*/

.cal_mes_conteiner {
	width:750px;
	min-height:160px;
	background-position:center right;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
	border:1px solid #c5ecfd;
	position:relative;
	vertical-align:middle;
}

.cal_calendario_conteiner {
	width:150px;
	height:150px;
	position:absolute;
	float:left;
	top:1px;
	left:0px;
	margin:5px;
}

.cal_eventos_conteiner {
	width:500px;
	/*min-height:140px;*/
	margin-left:200px;
	margin-top:7px;
	margin-bottom:7px;
	position:relative;
}

.cal_trimestre_conteiner {
	width:750px;
	min-height:480px;
	display:none;
}

/*------------------------------------
	UM ÚNICO EVENTO DO CALENDÁRIO
------------------------------------*/

.cal_evento {
	min-height:23px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000;
}

.cal_evento#evento {
	width:500px;
	position:relative;
	border-bottom:1px dotted #69F;
}

.cal_evento#data {
	width:80px;
	font-family: Tahoma, Arial, geneva, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000;
	text-align:center;
	position:absolute;
	float:left;
	top:0px;
	left:0px;
}

.cal_evento#texto {
	width:420px;
	margin-left:85px;
}
	
/*------------------------------------
	DEFINIÇÃO DE FUNDO PARA CADA MÊS
------------------------------------*/

.cal_mes_conteiner#mes_1 {
	background-image:url(imagens/fundomes_1.jpg);
}

.cal_mes_conteiner#mes_2 {
	background-image:url(imagens/fundomes_2.jpg);
}

.cal_mes_conteiner#mes_3 {
	background-image:url(imagens/fundomes_3.jpg);
}

.cal_mes_conteiner#mes_4 {
	background-image:url(imagens/fundomes_4.jpg);
}

.cal_mes_conteiner#mes_5 {
	background-image:url(imagens/fundomes_5.jpg);
}

.cal_mes_conteiner#mes_6 {
	background-image:url(imagens/fundomes_6.jpg);
}

.cal_mes_conteiner#mes_7 {
	background-image:url(imagens/fundomes_7.jpg);
}

.cal_mes_conteiner#mes_8 {
	background-image:url(imagens/fundomes_8.jpg);
}

.cal_mes_conteiner#mes_9 {
	background-image:url(imagens/fundomes_9.jpg);
}

.cal_mes_conteiner#mes_10 {
	background-image:url(imagens/fundomes_10.jpg);
}

.cal_mes_conteiner#mes_11 {
	background-image:url(imagens/fundomes_11.jpg);
}

.cal_mes_conteiner#mes_12 {
	background-image:url(imagens/fundomes_12.jpg);
}

/*------------------------------------
	        SETA VERMELHA
------------------------------------*/

.cal_seta {
	background-image:url(imagens/calendario_seta.png); 
	background-position:top left; 
	background-repeat:no-repeat; 
	width:75px; 
	height:75px; 
	float:right; 
	position:absolute; 
	left:716px; 
	top: 37px;
	visibility:hidden;
}

/*------------------------------------
	        BOTÃO DO MÊS
------------------------------------*/

.cal_botao_mes {
	width:47px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10; 
	font-weight:bold; 
	color:#FFF; 
	background-image:url(imagens/fundo_botao_mes.png); 
	background-position:top left; 
	background-repeat:no-repeat;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
	text-indent:0px;
	margin-left:3px;
	list-style:none;
}

li.cal_botao_mes a {
	color:#FFF;
	text-decoration:none;
}

.cal_botao_conteiner {
	width:600px;
	height:25px;
	margin-left:110px;
}

/*-----------------------------------*/


.barracontainer {
	width:100%;
	height:30px;
	/*background-color:#DDDDDD;*/
	background-image:url(imagens/menuhorizontal.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.menuhorizontalconteiner {
	position: absolute;
	right: 0px;
	top: 2px;
	float: right;
	/*border:1px solid #000; */
	width: 550px;
	height: 20px;
}

.menuhorizontal {
	height: 20px;
	position: relative;
	float: right;
	text-align: left;
	width: 135px;
	/*background-color:#FF0;
	border:1px solid #000;
	overflow: hidden;*/
	/*left: 0;*/
}

.menuhorizontal img {
	clip:rect(0 18 18 0);
	border:0px;
}

.menuhorizontal p {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:normal; 
	line-height:21px;
	float:left; 
	position:absolute; 
	margin:0px; 
	top:0px; 
	left:22px;
}

.menuhorizontal a:hover {
	/*text-decoration:underline;*/
	text-decoration:none;
	color:#F00;
	/*margin-left:10px;*/
}

.calendariobigconteiner {
	float:left; 
	position:absolute; 
	width:100px; 
	height:100px; 
	top:0px; 
	left:0px;
}

.calendariobig {
	width:100px;
	height:100px;
	background-image:url(imagens/calendario_big.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left: -20px;
	top:  -20px;
}

.calendariobig a:hover {
	color:#F00;
	text-decoration:none;
}

.calendariobig p {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
}

.calendariobig p#legenda {
	 
	font-size:11px; 
	font-weight:normal; 
	line-height:100px;
	text-align:left;
	
	left:105px;
	top:-25px;
	width:150px;
	height:20px;
	text-decoration:none;
	/*background-color:#FF0;*/
}

.calendariobig p#mes {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	width:100px;
	float:left;
	top:1px;
	left:0;
	/*background-color:#FF0;*/
}

.calendariobig p#csanl {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	width:100px;
	float:left;
	top:-5px;
	left:0;
	/*background-color:#FF0;*/
}

.calendariobig p#dia {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:44px;
	text-align:center;
	width:100px;
	float:left;
	top:-4px;
	left:0;
	line-height:50px;
	/*background-color:#FF0;*/
}

.calendariobig p#ano {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	width:100px;
	float:left;
	top:-4px;
	left:0;
	line-height:70px;
	/*background-color:#FF0;*/
}

.datasmesconteiner {
	width:750px;
	height:160px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	/*opacity:0.5;*/
}

.datasmescalendario {
	background-color:#966;
	width:150px;
	/*height:150px;*/
	position:relative;
	float:right;
	margin-right:20px;
}

.datasmesbalao {
	/*background-color:#FF0;*/
	width:540px;
	height:150px;
	position:relative;
	float:right;
	margin-right:0px;
	text-align:left;
	top:5px;
}

.datasmesbalao td {
	font-family:Arial, Geneva, sans-serif;
	font-size:12px;
	height:25px;
}

.datasmesbalao#data {
	float:left;
	font-weight:bold;
	width:50px;
}

.datasmesbalao#texto {
	margin-left:100px;
}

.datasmesnomemes {
	z-index:1000;
	float:left;
	position:relative;
	width:80px;
	height:40px;
	line-height:40px;
	top:20px;
	left:40px;
	background-image:url(imagens/balao_mes.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	visibility: hidden;	/*background-color:#3F3;*/
}

.datasmesnomemes p {	
	position:absolute;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#F90;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	
}

.datasmesnomemes p#sombra {	
	margin-top:2px;
	color:#000;
	opacity:0.5;
	margin-left:21px;
	visibility:hidden;
}

.botaomes {
	width:47px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10; 
	font-weight:bold; 
	color:#FFF; 
	background-image:url(imagens/fundo_botao_mes.png); 
	background-position:top left; 
	background-repeat:no-repeat;
	line-height:25px;
	text-decoration:none;
}

.botaomes a {
	text-decoration:none;
	color:#FFF;
}

.botaomes a:hover {
	text-decoration:none;
}

.banner_calendario {
	margin-top:0;
	margin-bottom:0;
	position:absolute;
	float:left;
	width:100px;
	text-align:center;
}

.banner_calendario#mes {
	color:#FFF;	
	height:30px;
	top:6px;
	left:0;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}

.banner_calendario#dia {
	color:#000;
	height:40px;
	top:38px;
	left:0;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:40px;
}

.banner_calendario#semana {
	color:#AAA;
	height:20px;
	top:78px;
	left:0;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}