@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

h1{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#333;
	padding:5px 5px 35px;
}

/* ======/\/ˉ 
			Estilos Topo 
					   ˉ\/\====== */
#cima{
	width:100%;
	height:140px;
	margin-bottom:10px;
	padding-top:20px;
}

#topo{
	width:940px;
	height:140px;
	margin:0 auto;
}
/* +++ Logo Microsoft +++ */
#logoMicrosoft a{
	width:240px;
	height:120px;
	margin-top:10px;
	margin-left:10px;
	background-image:url(../images/logos/logo_microsoft.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}
#logoMicrosoft h1{
}
#logoMicrosoft a{
		width:240px;
		height:120px;
		display:block;
}
/* +++ Logo TV +++ */
#logoTv a{
	clear:both;
	position:absolute;
	width:183px;
	height:98px;
	margin-left:700px;
	margin-top:5px;
	background-image:url(../images/logos/logo_tvCRC.jpg);
	text-indent:-9999px;
}
#logoTv h2{
}
#logoTv a{
	width:183px;
	height:98px;
	display:block;
}
/* ======/\/ˉ 
			Estilos Avisos 
						ˉ\/\====== */
#avisos{
	margin:0 auto;
	width:940px;
	margin-bottom:5px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
}
#avisoNaveg{
	width:940px;
	height:70px;
	background-image:url(../images/avisos/aviso_navegador.gif);
	background-repeat:no-repeat;
}
#avisoResol{
	width:940px;
	height:55px;
	background-image:url(../images/avisos/aviso_resolucao.gif);
	background-repeat:no-repeat;
	margin-top:5px;
}
#avisoNaveg p{
	width:540px;
	font-size:10px;
	padding-left:210px;
	padding-top:17px;
	float:left;
}
#avisoResol p{
	font-size:10px;
	padding-left:210px;
	padding-top:17px;
}
#avisoNaveg img{
	margin-top:7px;
	margin-left:5px;
	border:none;
}
/* ======/\/ˉ 
			Estilos Divisor 
						  ˉ\/\====== */
#divisor{
	width:940px;
	height:45px;
	margin:0 auto;
}

/* +++ Login +++ */
#boxLogin{
	width:285px;
	height:40px;
	float:right;
	text-align:center;	
	background-image:url(../images/login.png);
	background-position:center center;
	background-repeat:no-repeat;
}
#boxLogin form{
	margin-top:8px;
	color:#363;
}
#boxLogin input{
	width:70px;
	height:17px;
	background:url("../images/box_input.jpg") no-repeat scroll center center transparent;
	border:0;
	color:#390;
}
#boxLogin button{
	width:30px;
	height:17px;
	background-image:url(../images/box_botao.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	border:none;
	margin-left:3px;
	margin-top:-10px;
	padding-bottom:2px;
	cursor:pointer;
	font-size:13px;
	color:#393;
}
#boxLogin p{
	float:right;
	margin-right:17px;
}
#boxLogin p a{
	color:#363;
	font-size:10px;
}
#textLogado{
	text-align:center;
	margin-top:15px;
}
/* ======/\/ˉ 
			Estilos Conteudo 
						   ˉ\/\====== */
#conteudo{
		width:940px;
		margin:0 auto;
}
/* ===/\_ Conteudo Esquerda _/\=== */
#esquerda{
	width:640px;
	float:left;
}
/* +++ Video +++ */
#video, #cimaEventos, #cimaParceiros{
	width:640px;
	height:375px;
	background-image:url(../images/bg_video.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin-bottom:40px;
}
/* Player */
#player{
	left:35px;
	top:20px;
	position:relative;
}
#playerParceiros{
	width:570px;
	position:relative;
	background:url("../images/conteudoEsquerdaBg.png") no-repeat scroll center top transparent;
}

/* Botoes video */
#btnVideo{
	width:570px;
}
.cimaEventosContent{
	width:570px;
	margin-left:35px;
	padding-top:20px;
}
.cimaEventosContent h2{
	color:#063;
	font-size:20px;
	background-color:#ffc;
	display:block;
	width:570px;
	font-weight:normal;
	padding:5px 0;
}
.cimaEventosContent p{
	background-color:#edf6e9;
	font-size:14px;
	color:#666;
	padding: 3px 3px;
}
.cimaEventosContent p span{
	color:#063;
}
.cimaParceirosContent{
	width:570px;
	margin-left:35px;
	padding-top:20px;
}
.cimaParceirosContent h2{
	color:#063;
	font-size:21px;
	background-color:#ffc;
	display:block;
	width:570px;
	font-weight:normal;
	padding:5px 0;
}
.cimaParceirosContent p{
	background-color:#edf6e9;
	font-size:14px;
	color:#666;
	padding: 3px 3px;
}
.cimaParceirosContent p span{
	color:#063;
}

/* +++ Boxes Meio +++ */
.boxMeio{
	margin-top:20px;
	width:640px;
	clear:both;
	color:#666;
	font-size:15px;
}
.sombraEsq{
	width:4px;
	height:245px;
	position:absolute;
	background-image:url(../images/bg_boxMeio_esquerda.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	float:left;
}
.sombraDir{
	width:4px;
	height:245px;
	float:right;
	background-image:url(../images/bg_boxMeio_direita.jpg);
	background-position:center right;
	background-repeat:no-repeat;
}
/* || CONTEUDO MEIO || */
.conteudoBoxMeio{
	width:575px;
	margin-bottom:25px;
	margin-left:32px;
	margin-top:15px;
	float:left;
}
.conteudoBoxMeio2{
	width:575px;
	float:left;
	display:
}
.conteudoBoxMeio h2{
	color:#363;
	font:normal 18px Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	margin-top:10px;
	clear:both;
}
.conteudoBoxMeio ul{
	margin-bottom:45px;
}
.conteudoBoxMeio ul li{
	margin-bottom:15px;
	margin-left:20px;
	color:#666;
	font:12px Arial, Helvetica, sans-serif;
	padding-left:20px;
	background-image:url(../images/simbolo_lista.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.conteudoBoxMeio p{
	clear:both;
	margin-bottom:20px;
	padding-left:25px;
	line-height:17px;
	font:12px Arial, Helvetica, sans-serif;
}
.conteudoBoxMeio p img{
	margin:2px 0 0 -5px;
	border:none;
}

.conteudoBoxMeio img{
	border:none;
}
.conteudoBoxMeio a{
	color:#666;
}
#boxFerramentas a{
	display:block;
	margin-top:23px;
	color:#363;
}
#boxEventos p {
	margin-top:10px;
	font-size:12px;
}
#boxEventos span{
	color:#666;
	font-size:11px;
	font-style:italic;
	text-decoration:none;
	padding-left:25px;
}
#boxEventos a{
	color:#c60;
	font-size:14px;
	text-decoration:none;
}
#boxEventos a:hover{
	text-decoration:underline;
}
			.modalParticipe {
				background-color:#fff;
				display:none;
				width:300px;
				padding:5px;
				text-align:left;
				border:2px solid #030;
				opacity:0.8;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-moz-box-shadow: 0 0 50px #ccc;
				-webkit-box-shadow: 0 0 50px #ccc;
			}
			
			.modalParticipe h2 {
				margin:0 auto;
				padding:5px 0 5px 0;
				border-bottom:1px solid #033;
				font-size:17px;
				color:#063;
				clear:both;
			}
			.modalParticipe img{
				float:right;
			}
			.modalParticipe p {
				font-size:12px;
			}
			.modalParticipe input, select{
				width:288px;
				margin-bottom:5px;
			}
			.modalParticipe textarea{
				width:288px;
				height:100px;
				margin-bottom:5px;
			}

/* ===/\_ Conteudo Direita _/\=== */
#direita{
	width:285px;
	height:800px;
	float:right;
}
/* +++ Boxes Direita +++ */
.boxDireita{
	width:285px;
	height:375px;
	background-image:url(../images/bg_boxDireita.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:35px;	
}
.boxDireita h3{
	width:248px;
	height:23px;
	display:block;
	background-image:url(../images/fotos/topo_botoes.png);
	background-repeat:no-repeat;
	color:#393;
	font-weight:normal;
	font-size:15px;
	padding: 2px 5px;
	margin-bottom:-5px;
}
.boxDireita h3 a{
	display:block;
	color:#393;
	font-size:15px;
	text-decoration:none;
}
.boxDireita p{
	width:248px;
	color:#666;
	margin-bottom:10px;
	margin-top:5px;
}
/* || caixas do box da parte de cima || */
/* cadastre-se */
#cadastreSe{
	position:absolute;
	margin-left:18px;
	margin-top:20px;
}
/* cadastre-se */
#ajudaActionPack{
	position:absolute;
	margin-left:18px;
	margin-top:20px;
}
/* fale conosco */
#faleConosco{
	position:absolute;
	margin-left:18px;
	margin-top:135px;
}
/* indique um colega contabilista */
#indique{
	position:absolute;
	margin-left:18px;
	margin-top:250px;
}
/* entidades */
#entidades{
	position:absolute;
	margin-left:18px;
	margin-top:250px;
}
#entidades h3{
	width:248px;
	height:31px;
	display:block;
	background-image:url(../images/fotos/backEntidadesH3.jpg);
	background-repeat:no-repeat;
	color:#393;
	font-weight:normal;
	font-size:12px;
	padding: 5px 5px;
	margin-bottom:-5px;
}
/* |=| Estilo caixas sobrepostas Jquery |=| */
.modal {
				background-color:#fff;
				position:absolute;
				display:none;
				width:300px;
				padding:5px;
				text-align:left;
				border:2px solid #030;
				margin-left:-1000px;
				margin-top:-300px;
				opacity:0.8;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-moz-box-shadow: 0 0 50px #ccc;
				-webkit-box-shadow: 0 0 50px #ccc;
			}
			
			.modal h2 {
				margin:0 auto;
				padding:5px 0 5px 0;
				border-bottom:1px solid #033;
				font-size:17px;
				color:#063;
				clear:both;
			}
			.modal img{
				float:right;
			}
			.modal2 p {
				font-size:12px;
				margin-bottom:15px;
			}
			.modal2 p img{
				float:left;
				margin-bottom:25px;
				margin-right:10px;
			}
			.modal2 p span{
				position:absolute;				
				margin-top:40px;
			}
			.modal input, select{
				width:288px;
				margin-bottom:5px;
			}
			.modal textarea{
				width:288px;
				height:100px;
				margin-bottom:5px;
			}

			.modal2 {
				background-color:#fff;
				display:none;
				width:300px;
				padding:5px;
				text-align:left;
				border:2px solid #030;
				opacity:0.8;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				-moz-box-shadow: 0 0 50px #ccc;
				-webkit-box-shadow: 0 0 50px #ccc;
				margin-left:-100px;
				margin-top:100px;

			}
			
			.modal2 h2 {
				margin:0 auto;
				padding:5px 0 5px 0;
				border-bottom:1px solid #033;
				font-size:17px;
				color:#063;
				clear:both;
			}
			.modal2 img{
				float:right;
			}
			.modal2 p {
				font-size:12px;
			}
			.modal2 input, select{
				width:288px;
				margin-bottom:5px;
			}
			.modal2 textarea{
				width:288px;
				height:100px;
				margin-bottom:5px;
			}
/* || caixas do box da parte de baixo || */
/* agenda */
#agenda{
	position:absolute;
	margin-left:18px;
	margin-top:20px;
}
/* agenda */
#ultimosContabilistas{
	position:absolute;
	margin-left:18px;
	margin-top:180px;
}
#agenda a{
	margin-left:159px;
	color:#363;
}
/* ======/\/ˉ 
			Estilos Rodape 
						 ˉ\/\====== */
#baixo{
	clear: both;
	width:100%;
	height:140px;
	background-image:url(../images/bg_rodape.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;	
}
#rodape{
	width:940px;
	height:120px;
	margin:0 auto;
}
/* +++ Copyright +++ */
#copyright{
	font-size:10px;
	color:#FFF;
	float:left;
	margin-top:100px;
}
/* +++ Logo AD5 +++ */
#logoAD5{
	background-image:url(../images/logos/logo_ad5.png);
	width:110px;
	height:49px;
	float:right;
	margin-right:100px;
	margin-top:65px;
}
#logoAD5 h2{
	position:absolute;
	margin-left:-9999px;
}
#logoAD5 a{
	width:110px;
	height:49px;
	display:block;
}