* 
{ 
	margin: 0; 
	padding: 0;
}

html 
{ 
	height:100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body 
{
	color: #000;
	background: url(image/bg-body.jpg) repeat-x top #F2F2F2;
	/*background: url(image/bg-body.jpg) repeat-x top #25221B;*/
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%;
	
}


div#page 
{ 
	width:760px;
	position:relative;  /*Contexto de posicionamento */
	margin:0 auto;
	text-align:left;
	min-height:100%;
}

* html div#page { height: 100%; }


div#contents 
{ 
	clear: both;
	padding-bottom :50px;
	_padding-bottom :45px;
	line-height: 20px;
} 

div#footer 
{
	background-color: #9C0;
	width:740px;
	height: 30px;
	padding: 5px;
	position: absolute;
	bottom: 0; /**/ 
	border: 5px solid #FFF;
	border-bottom: 0;
	text-align: center;
}

.clear {clear:both;}




.alertMessage {
	
	color: #000; 
	padding: 2px; 
	background-color: #FCF0D8; 
	border: 1px solid #D3BE96; 
	text-align: center; 
	text-transform: uppercase;
}

img {
	border: none;
}




a:link, 
a:visited, 
a:active 
{ 
	color: #333; 
}

a:hover, 
.corOff a:hover 
{ 
	color: #698F1D; 
}

.corOff, 
.corOff a, 
.corOff a:visited 
{ 
	color: #999; 
}

.txt-titulo { color: #698F1D; font-weight: bold; border-bottom: 0; }

.input-txt-p { width: 390px; }
.input-btn-p { background-color: #9C0; text-transform: uppercase; cursor: pointer; color: #4B6400; font-size: 10px; padding: 2px; }

.input-focus
{
		background-color: none;
		background-color: #FC0;
		color: #000;
}

hr 
{
	height: 1px;
   	border: none;
   	border-top: 1px dashed #CCC;
	margin: 10px 0; 
}

ul 
{ 
	list-style: none; 
}





div#header 
{
	border: 5px solid #FFF;
	background: url(image/bg-img-header.jpg) no-repeat right top #000;
	border-top: none;
	height: 90px;
	padding: 10px 50px 0 30px;
	margin-bottom: 5px;
}

div#header-logo {
	
	float: left;
	width: 120px;
	height: 40px;
	padding-top: 20px;
	
	
}

div#header-banner-full 
{
	background-color: #FFF;
	margin-top: 8px;
	float: right;
	border: 1px solid #FFF;
	width: 468px;
	height: 60px;
}

#left 
{
	clear: both;
	float: left;
	width: 175px;
	height: 450px;
}

#midle 
{
	width: 580px;
	float: left;
	padding-left: 5px;	
}

#right 
{ 
	float: left;
	width: 175px;
}



.visual-box { background-color: #FFF; border: 5px solid #FFF; padding: 5px;}
.visual-box h3 { padding-bottom: 10px; }
.visual-box h3 span { display: none; }
.visual-box h3 img { border: 0; }


.div-ss-title 
{ 
	
	float: left;
	
	font-size: 18px; 
	margin-bottom: 10px;
	text-transform: uppercase; 
} 

.div-ss-all 
{ 
	float: right;
	
	
	 
	margin-bottom: 10px;
	 
} 


.div-txt-title
{
	padding: 5px;
	background-color: #EEE;
	border-top: 2px solid #333;
	border-bottom: 1px solid #CCC;
}

.calendar-ul-list li.calendar-title,
body#home div#calendar_right ul li.calendar-title
{
	clear: both;
	background-color: #EEE;
	border-top: 2px solid #333;
}

.calendar-ul-list li 
{
	border-top: 1px solid #CCC;
	padding: 5px;
}

/* ALBUM >> INDEX */

body#album .album-ul-list li.album-title 
{
	clear: both;
	background-color: #EEE;
	border-top: 2px solid #333;
	height: 20px;
}

body#album .album-ul-list li  
{
	border-top: 1px solid #CCC;
	clear: both;
	padding: 5px;
	display: block;
	height: 77px;
}

body#album .album-ul-list li img 
{
	float: left;
	border: 1px solid #000;
}

body#album .album-ul-list li h2
{ 
	float: left; 
	font-size: 12px; 
	font-weight: bold; 
}

body#album .album-ul-list li div
{
	margin-left: 10px;
	float: left;
}
/* INICIO >> HEADER */

#header #header-banner { height: 98px; }
#header #header-img { width:570px; height: 108px; background: url(img/img-header.jpg) no-repeat right; float: right; }

#header #header-img #header-banner-full { border: 1px solid #FFF; margin: 15px auto 0; height: 60px; width: 468px;  }

#header h4 { width:151px; height: 100px; clear: both; float: left; padding: 3px 10px 0; }

#header h4 a { width:151px; height: 100px; background: url(img/logo-header.jpg) no-repeat; display: block; }

#header h4 a span { display:none; }

/* FIM >> HEADER */






#conteudo {
	width: 560px;
	float: left;
	line-height: 20px;
	text-align: justify;
}

#conteudo h1 {
	font-size: 18px;
	text-align: left;
	line-height: normal;
	
	 text-transform: uppercase;
}


#conteudo h3 {
	font-size: 18px;
	text-align: left;
	line-height: normal;
	text-transform: uppercase;
}

#outras {
	float: right;
	width: 120px;
	margin: 5px 5px 0;
	padding: 5px 5px 0;
}




/* BODY >>  PRINCIPAL */
body#home #midle 
{
	padding: 0 5px;
	width: 400px;
}

body#home div#album 
{ 
	clear: both;
	margin-bottom: 5px; 
	height: 275px;
}

body#home div#album ul
{ 
	clear: both;
}

body#home div#album ul li 
{ 
	float: left; 
	width: 185px; 
	padding:0 5px 5px 0; 
}

body#home div#album ul li img 
{ 
	float: left; 
	margin-right: 5px; 
	border: 1px solid #000; 
}

body#home div#album ul li h2 
{ 
	float: left; 
	font-size: 12px; 
	font-weight: bold; 
}

body#home div#news 
{ 
	margin-bottom: 5px;  
}

body#home div#news ul 
{ 
	clear: both;
}

body#home div#calendar_right ul li
{
	border-top: 1px solid #CCC;
	padding: 5px;
}

/* FOOTER */
div#footer div#footer-menu { padding-left: 120px;}
div#footer div#footer-menu ul { list-style: none; padding-top: 10px; float: left; text-align: center; }
div#footer div#footer-menu ul li { float: left; padding: 0 15px; text-transform: uppercase; color: #698F1D;}
div#footer div#footer-menu ul li a:link, #footer ul li a:visited { color:#698F1D;}



/* INICIO LEFT-MENU */

div#left-menu {
	background: none;
	padding: 0;
	background-color: #F90;
	margin-bottom: 5px;
}

div#left-menu ul {
	 padding: 5px;
}

div#left-menu ul li {
	 width: 155px;
	 height: 25px;
	 text-transform: uppercase;
}

div#left-menu ul li a {
	 background-color: #FC0;
	 display: block;
	 height: 20px;
	 color: #F90;
	 padding: 5px 0 0 5px;
	 text-decoration: none;
}

body#home div#left-menu ul li#left-menu-home, 
body#calendar div#left-menu ul li#left-menu-calendar,
body#album div#left-menu ul li#left-menu-album,
body#partners div#left-menu ul li#left-menu-partners,
body#news div#left-menu ul li#left-menu-news,
body#interview div#left-menu ul li#left-menu-interview {
	background-color: #FFF;
	color: #F90;
	display: block;
	height: 20px;
	width: 150px;
	height: 20px;
	padding: 5px 0 0 5px;
}


div#left-menu ul li a:hover,
body#calendar_view div#left-menu ul li#left-menu-calendar a 
{
	 display: block;
	 background-color: #FFF;
	 color: #F90;
}

/* FIM LEFT-MENU */

/* PARCEIROS */

body#partners div#midle ul li 
{
	border-top: 1px solid #CCC;
	clear: both;
	padding: 5px;	
}

body#partners div#midle ul li img 
{
	float: left;
	margin-right: 10px;
}


div#calendar_banner_Left 
{
	padding: 0;
	border-top: none;
	line-height: normal;
}

div#calendar_banner_Left ul 
{
	line-height: normal;
	padding: 0;
}

div#calendar_banner_Left ul li 
{
	width: 165px;
	height: 80px;
	clear: both;
	line-height: normal;
	padding: 0;
	padding-top: 5px;
}







body#album ul#album-list-picture {
	width: 487px; 
	margin: auto;
	line-height: normal;
}

body#album ul#album-list-picture li {
 float: left;
 padding: 0;
 padding: 2px;
 padding-bottom: 0;
 margin-bottom: 0;
 	
}

body#album ul#album-list-picture li img {
  border: 1px solid #000;
  width: 75px;
  height: 75px;
 	
}


div.calendar_tip {
	padding: 5px;
	width:200px; 
	border:1px solid #F90; background:#FFF; color:#F90;
	text-align: left;
	line-height: 15px;
	display:none;
}

div.calendar_tip  h1 { 
	font-size: 12px;
	text-transform: uppercase;

}



/* ABAS */

   
div.commentary ul#tabs
{
   	padding: 0;
	width: 100%;
}

div.commentary ul#tabs li
{
	display: inline;
}


div.commentary ul#tabs li a
{
  	display: block;
  	width: auto;
  	padding: 3px 8px;
    margin: 0 1px 0 0;
  	padding: 2px 5px;
	border: 1px solid #F90;
	border-bottom: 1px solid #FFF;
	background-color : #FFF;
  	float: left;
  	color: #F90;
	text-decoration: none;
	text-transform: uppercase;
}

div.commentary ul#tabs li a.selected
{
  	cursor: default;
	text-decoration: underline;
	color: #FFF;
	border: 1px solid #F90;
	border-bottom: 1px solid #FFF;
	background-color: #F90;
	text-decoration: none;
}


div.commentary div.itab 
{
	border: 1px solid #F90;
	clear: both;
	padding: 5px;
}

div.commentary div.itab  form fieldset { 
 
 border: none;

}

div.commentary div.itab  form fieldset label{ 
 
 text-decoration: uppercase;
 
}

label.error
{
	clear: both;
	float: left;
	color: #F00;
	background: url(../image/cross.gif) no-repeat 0 3px;
	display: block;
	padding-left: 20px;
	font-size: 10px;
}

label.valid 
{
	clear: both;
	color: #090;
	background: url(../image/tick.gif) no-repeat;	
	display: block;
}

