#header {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 816px;
  height: 197px;
  }
#principal {
  position: absolute;
  left: 0px;
  top: 168px;
  padding: 0px 0px 0px 0px;
}
#quem {
  position: absolute;
  left: 0px;
  top: 193px;
  padding: 0px 0px 0px 0px;
}
#novas {
  position: absolute;
  left: 0px;
  top: 223px;
  padding: 0px 0px 0px 0px;
}
#comu {
  position: absolute;
  left: 0px;
  top: 250px;
  padding: 0px 0px 0px 0px;
}
#act {
  position: absolute;
  left: 0px;
  top: 281px;
  padding: 0px 0px 0px 0px;
}
#ade {
  position: absolute;
  left: 0px;
  top: 310px;
  padding: 0px 0px 0px 0px;
}
#con {
  position: absolute;
  left: 0px;
  top: 339px;
  padding: 0px 0px 0px 0px;
}
#bot {
  position: absolute;
  left: 0px;
  top: 367px;
}
#precontent {                                          
  position: absolute;                                  
  left: 150px;                                         
  top: 170px;                                          
}
#content {
  text-align: left;
  margin-left: 0px;
  margin-right: 180px;
  width: 525px;
}
#botbanner {
  position: relative;
  left: -150px;
}
#arqGraf {
  position: absolute;
  left: 670px;
  top: 380px;
  width: 175px;
}

#eventos {
  position: absolute;
  background-image: url('../img/eventos.jpg');
  left: 680px;
  top: 180px;
  height: 161px;
  width: 165px;
}

#rotNews {
  border:0px;
  left:4px;
  top:60px;
  width:157px;
  height:90px;
  position:absolute;
}

#loja {
  position: absolute;
  left: 670px;
  top: 485px;
  width: 175px;
}

#foro {
  position: absolute;
  left: 670px;
  top: 540px;
  width: 175px;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	text-align:center;
	margin:0px;
	padding:0px;
}

div, h1, h2, h3, h4, ul, li {
	padding: 0;
	margin: 0;
}

h1{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	color:#f00;
}

img{
	border:0;
}

.small{
	font-size:10px;
}

p{
	text-align:justify;
}

a{
	color:#FF3300;
	text-decoration: none;
}

a:hover{
	color:#FF0000;
	text-decoration:underline;
}


/*************** LAYOUT *******************/

#pagina{
	text-align:justify;
	width:800px;
	/*background: transparent url("../img/fondo.jpg") no-repeat top left;*/
	margin-left:auto;
	margin-right:auto;
}

#cabezalho{
	width:800px;
	height:45px;
	padding-top:145px;
	background: transparent url("../img/cabec.jpg") no-repeat top left;
}

#esquerda{
	width:150px;
	float:left;
	/*padding-left:20px;*/
}

#esquerda div{
	margin-bottom:10px;
}

/*************** ESQUERDA ************************/

div.menu{
	width:148px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

div.menu a{
	color:#000;
	font-weight:bold;
}

div.menu a:hover{
	color:#3300FF;
	text-decoration: none;
}

div.menu a:hover span{
	color:#f00;
}

div.menu ul{
	list-style-type:none;
	margin:0px;
	/*list-style-image:url(../img/balom.jpg);*/
	list-style-position:inside;
	padding:0px;
}

div.menu li{
	padding-bottom:5px;
	padding-left:5px;
}

/**********************************************/
#agendamini{
	width:148px;
	margin-bottom:20px;
	display:block;
	border: 1px solid #0033FF;
	font-size:11px;
	color:#000;
	text-align:left;
}

#agendamini table{
	text-align:center;
	width:100%;
	padding:0px;
}

#agendamini th{
	color:#fff;
	font-weight:bold;
	background-color:#0033FF;
	padding:2px 0px;
	font-size:10px;
}

#agendamini tr.dias th{
	/*border-bottom:1px solid #0033FF;*/
	color:#FFFFFF;
	padding:2px 1px;
	background-color:#000;
}

#agendamini td.evento{
	background-color:#f00;
	font-weight:bold;
	color:#ffa;
	cursor:pointer;
}

#agendamini a{
	color:#fff;
	font-weight:bold;
	/*font-weight:bold;*/
}

#agendamini td.evento a{
	color:#FFF;
}

#agendamini a:hover{
	color:#FFF;
}

#agendamini div.agddayPopup {
	border:1px solid black;
	padding:1px;
	visibility:hidden;
	position:absolute;
	z-index:2;
	width:146px;
	margin:0px;
	background-color:#CCE1F9;
}
#agendamini div.data {
	font-weight:bold;
	text-align:center;
}

#agendamini div.appointment {
	border-top:1px solid #000;
}

/**************** not princ *************************/
div.not{
	width:100%;
	margin-bottom:20px;
	float:left;
	font-size:11px;
}

div.not img{
	/*width:130px;*/
	float:left;
	margin-right:5px;
	border:1px solid black;
}

div.notdiv{
	width:230px;
	padding:5px;
	float:left;
	font-size:11px;
	text-align:left;
}

div.clear{
	clear:left;
}

div.notdiv img{
	/*width:130px;*/
	float:left;
	margin-right:5px;
	border:1px solid black;
}

div.notdiv img.right{
	float:right;
	margin-right:0px;
	margin-left:5px;
}

span.data{
	color:#999;
}

div.notlink{
	clear:both;
	width:100%;
	text-align:center;
}

/***************** contacto **********************/
ul.contacto{
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.contacto li{
	padding-bottom:10px;
	margin-bottom:10px;
}

/****************** NOTICIA ********************/
#noticia{
	text-align:justify;
	width:98%;
	padding:0px 0 10px;
}

#noticia div.img{
	text-align:center;
	margin:5px auto;
}

#noticia div.img img{
	margin:0px;
}

/******************************/

div.adesom p{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0000FF;
	text-transform:uppercase;
}

div.adesom h2{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#0000FF;
	text-transform:uppercase;
	width:80%;
	border-bottom:1px solid black;
	margin:10px 0px;
}

div.adesom ul{
	list-style:none;
	margin-bottom:10px;
}

div.adesom li{
	font-size:10px;
}

div.adesom form{
	width:95%;
	float:left;
	margin:0px 0px 10px;
	padding:5px;
	border:1px solid #00f;
}

div.adesom form p{
	text-align:left;
	text-transform:none;
	color:#000000;
}

div.adesom form div.field{
	width:99%;
	float:left;
	margin-bottom:10px;
	text-align:center;
}

div.adesom form label{
	float:left;
	width:20%;
	text-align:right;
}

div.adesom form input{
	float:right;
	width:75%;
	border:1px solid black;
	background-color:#ECFCFF;
}

div.adesom form input.but{
	clear:both;
	float:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:30%;
	border:1px solid black;
	background-color:#fff;
}

/*************** GRAFS ******************************************/
div.graf{
	width:35%;
	border: 2px solid #000;
	padding:2%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	float:left;
	text-align:center;
}

#content div.graf img{
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
}

div.graf h4{
	margin-bottom:10px;
	font-size:12px;
}

/*************************/
#content div.grafimg{
	width:28%;
	padding:2px;
	/*border:1px dashed #000;*/
	text-align:center;
	/*background-color:#eee;*/
	float:left;
	margin:10px 0 0 10px;
}

#content div.grafimg img{
	border:1px solid black;
	display:inline;
	float:left;
}

/*********************************** LOJA ************************************/
div.loja{
	width:98%;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:20px;
	border-top:1px solid black;
	padding-top:5px;
	float:left;
}

div.material{
	width:36%;
	border: 2px solid #000;
	padding:2%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	float:left;
	text-align:center;
}

#content div.material img{
	float:none;
	margin-left:auto;
	margin-right:auto;
}

div.material h3{
	font-size:12px;
}

div.material h4{
	font-size:10px;
	color:#00a;
	margin:0px;
}

div.lojafield{
	font-size:10px;
	margin-top:10px;
	float:left;
	margin-bottom:15px;
	margin-right:10px;
}

div.lojafield input, div.lojafield select{
	border:1px solid black;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

/******************************************************************************/
p.botlinks{
	width:85%;
	text-align:center;
	font-size:10px;
	margin-left:5px;
	float:left;
	margin-bottom:20px;
}

p.botlinks a{
	border: 1px solid black;
	display:block;
	padding:2px;
	color:black;
	float:left;
	margin:4px;
}

/************************/

table.pedido{
	width:90%;
	padding:1px;
	text-align:right;
	font-size:11px;
	margin-top:30px;
	margin-bottom:30px;
	/*margin-left:40px;*/
}

table.pedido th{
	margin-bottom:5px;
	border-bottom:1px solid black;
}

table.pedido tr.final th{
	margin-bottom:5px;
	border-top:1px solid black;
	border-bottom:0px;
}

table.pedido tr.mat{
	background-color:#ECFCFF;
}

form.contactform{
	width:95%;
	text-align:center;
}

form.contactform div{
	width:70%;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

form.contactform div label{
	float:left;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	width:30%;
}

form.contactform div span{
	float:right;
	font-weight:bold;
	font-size:12px;
	width:65%;
}

form.contactform input, form.contactform textarea{
	font-size: 12px;
	border: 1px solid #444;
	background-color:#ECFCFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	padding:2px;
}

div.botloja{
	text-align:center;
}

div.botloja input {
	font-size: 10px;
	border: 1px solid #444;
    background-color:#fff;
	width:60%;
	padding:2px;
}