body { 
	font-family: Arial, Helvetica, Sans; font-size:12px; text-align: center;
	margin:0px; padding:0; color:#808080;
	background: #272727 url(../img/bkg.jpg) no-repeat center top ;
}

h1, h1 a, h1 a:visited {
	color: #8FD401; font-size: 18px; font-weight: normal;
	text-shadow: 0px 1px 0px #FFFFFF;	
}

h2 { color: #F6A71D; font-size: 16px; }

td { font-size: 12px;}

a,a:visited { text-decoration: none; color:#389D00;}

a:hover { color:#8AD600; }

a img{ text-decoration: none;	border: 0;}
	
img{ margin: 5px; }

#maincontainer{
	width:960px; height:auto;
	margin:auto; margin-top:0px; padding:0px;
	text-align: left;
		
}

#top{ float: left; width: 960px; height: 285px; margin: 0 0 0 0; padding: 0;	
	background: #FFFFFF url(../img/banner_SCLM_final.png) no-repeat center top;
}





#cont_container { float: left; width: 960px; height: auto; margin: 20px 0px 0 0; padding: 0; background: #181818; }

#left_bar { float: left; width: 220px; height: auto; margin: 0 0px 0 0; padding: 0; }

#left_cont {float: left; margin: 0; padding: 0; width: 210; height: auto;}

#right_cont { float: right; width: 730px; height: auto; margin: 0 0px 0 0; padding: 0;  }

#conteudo { float: left; width: 710px; height: auto; margin: 0 0 0 10px; padding: 0; }

#fpag { float: left; width: 720px; height: auto; margin: 0; padding: 0; }

#slider { float: right; width: 720px; height: 300px; margin: 0; padding: 0; }

#news_cont { float: left; width: 480px; height: auto; margin: 0 0 0 10px; padding: 0;  }


#right_bar { float: right; width: 200px; height: auto; margin: 0; padding: 0; }

#social {float: left; width: 220; height: auto; margin: 10px 0 10px 0; padding: 0;}

/*pubs */

#pub1 {float: left; width: 220px; height: 300px ; margin: 0; padding: 0; background: #FFFFFF url(../img/pub1.jpg) no-repeat center top;}

#pub2 {float: left; width: 200px; height: auto; margin: 0; padding: 0;}

#nav_vertical {float: left; width: 200px; height: auto; margin: 0 0 25px; 0; padding: 0;
	border-bottom: 2px solid #404040; border-top: 2px solid #404040;
}

#nav_vertical ul { float: left; margin: 10px 0 10px 0; padding: 0; list-style: none;}

#nav_vertical p {padding: 0; margin: 8px 0 0 30px;}

#nav_vertical li { width: 200px; height: 32px; margin: 0; padding: 0;  }

#nav_vertical a, #nav_vertical a:visited {
	float: left;
	width: 200px; height: 32px; background:  url(../img/seta_in.png) no-repeat left top; 
	color: #314800;
 }
 
#nav_vertical a:hover {background-position: 0 -32px; color: #70A400; } 

#nav_vertical .activo {font-weight: bold; } 


.intro_box {float: left; margin: 10px 0 10px 0; padding: 0; width: 100%; height: 25px; background: #222222; }

.intro_box h1 {color: #FFFFFF; font-size: 14; font-weight: bold; text-shadow: none;  margin: 5px 0 0 10px;}

/* Gestor de Artigos */

#Area_artigos, .ardigo_div {float: left;margin: 0; padding: 0;
	width: 100%; height: auto;}

.blogdiv  {
	float: left; height: auto; margin: 0 0 15px 0; padding: 0;
	border-bottom: 1px dotted #595959;
	}

#left_bar .blogdiv { width: 200px; }

#news_cont .blogdiv { width: 480px; }

.blogdiv h1 a, .blogdiv h1{
	width: auto; height: auto;
	margin: 0 0 10px 0; padding: 0 0 0 0;
	font-size: 18px; font-weight: normal;
	color: #8FD401;
}


.lermais a, .lermais a:visited {
	float: right;
	width: 73px; height: 20px;
	margin:  10px 0 5px 0; padding: 0;
	background:  url(../img/lermais.png) no-repeat left top;
	font-size: 10px; color: #FFFFFF; font-weight: bold;
}	

.lermais a p { color: #FFFFFF; margin: 4px 0 0 12px;}

.lermais a:hover { background-position: 0 -20px;}

.post-info { 
	float: left;
	width: 90%;
	height: 15px;
	margin: 0px 10px 0px 0;
	padding: 5px;
	text-align: left;
	color: #aaaaaa;
}	

/* estra para ler noticias */

#cont_ler {float: right; margin: 10px 0 0 0; padding: 0; width: 100%; height: 48px; }

.continuar_ler a, .continuar_ler a:visited {
	float: right; margin: 0; padding: 0; width: 133px; height: 32px; 
	/*background:  url(../img/bt_lmais.jpg) no-repeat left top;    ----------------------ver mais tarde -------------- */
	font-size: 12px; color: #FFFFFF; 
}
.continuar_ler p { margin: 7px 0 0 12px; padding: 0; }
/*.continuar_ler a:hover { background-position: 0 -32px; } */ 

/* Footer */

#footer{ margin: auto; margin-top: 10px; padding: 0; width: 960px; height: auto;}

#pub_footer {float: left; margin: 0; padding: 0; width: 960px; height: 0;} /*reeditar */

#site_info {float: left; margin: 0; padding: 0; width: 960px; height: 25px; 
				background: #1A1A1A; color: #E6E6E6; }
				
#site_info ul { float: left; width: auto; height: auto;
	margin: 6px 0 0 0; padding: 0; list-style: none; }
	
#site_info li { float: left; position: relative; display: block; margin: 0px 5px 0 5px;}

#site_info a, #site_info a:visited { color: #ffffff;}

#info_site {float: left; margin: 0 0 0 10px; padding: 0; width: 200px; height: 25px; }

#info_criador {float: right; margin: 8px 10px 0 0; padding: 0; width: 400px; height: auto; font-size: 9px; 
	color: #D9D9D9; text-align: right;
}

/* codigo para slider */

.in_slider{
	width: 535px; height: 265px; float: left;
	margin: 0px 0 0 0;
}

.slider_desc {
	
	width: 100%; height: 115px;
	margin: 145px 0 0 0;
	background:  url(../img/tran.png) repeat left  top;	
	font-size: 10px;
}

.slider_desc h2, .slider_desc p {
	float: left;
	width: 95%;
	color: #FFFFFF;
	margin: 10px 0 0 10px;	
	font-weight: normal;
}


.slider_desc h2 { font-size: 12px; font-weight: bold; }


	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 535px; background: #333333;
	z-index: 0;  } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 0px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 150px }
	
	/* Tab nav */
	
	.coda-nav ul li a.current {background-position: 0 -23px; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px 0px 0 0px;  }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	
	.coda-nav { float: right;
		width: 185px;
		height: 265px; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background: #666666 url(../img/slider.png) repeat-y right  top;
	}
	
	.coda-nav ul {
		width: 100px;
		float: left;
		margin: 20px 0 0 10px;
		padding: 0;
	} 
	
	.coda-nav ul li {
		list-style: none;
		width: 150px;
		margin: 0px 0 0 0;
	}
	
	.coda-nav ul li a  {
		float: left;  height: 20px;
		background:  url(../img/pointer.png) no-repeat left  top;
		color: #fff;
		width: 148px;
		padding: 3px 0 0 15px;
		margin: 5px 0 5px 0;	
		text-decoration: none;
	}
	
	
	
	.coda-nav ul li a:visited { color: #FFFFFF;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }