/* global */
* { padding: 0; margin: 0; }

body { background: none; font: 10px Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }

img { border: none; vertical-align: middle; }

input, textarea { font-family: Arial, "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; vertical-align: middle; }
select option { padding: 0 4px; }
/* end of blobal */


/* headers */
h1, h2, h3, h4 { }
/* end of headers */


/* text */
p { font-size: 1.1em; }
a { }
p.acenter { text-align: center; }
/* end of text */


/* form classes */
.textbox { }
.checkbox { }
/* end of forms */

/* global classes */
ul, ul li { float: left; list-style: none; }
.clearboth { clear: both; }
/* end global classes */


/* Projecto CGD  */
#container { margin: 0px auto; width: 780px; }

#header { float: left; background: url(../img/logo_fundo_780.jpg) top left repeat-x; height: 81px; width: 780px; }
	#header .logo { margin-left: 34px; margin-top: 27px; float: left; }
	
#menu { float: left; width: 780px; border-bottom: 6px solid #888888; background: #aaaaaa; letter-spacing: 1px }
	#menu #leftOp { float: left; padding-left: 25px; }
		#menu #leftOp a { float: left; height: 20px; font-weight: bold; padding: 0px 7px; text-decoration: none; color: #fff; font-size: 1.2em; padding-top: 7px; }
		#menu #leftOp a:hover { background: #888888; }
		
	#menu #rightOp { float: right; padding-right: 30px; width: 250px }
		#menu #rightOp a.text { float: right; height: 20px; font-weight: bold; padding: 0px 7px; text-decoration: none; color: #fff; font-size: 1.2em; padding-top: 7px; }
		#menu #rightOp a.text:hover { background: #888888; }
		#menu #rightOp img { float: right; margin-top: 6px; margin-left: 11px }
	
#footer { float: left; width: 780px; margin-top: 30px; border-top: 14px solid #c7c7c7; text-align: center }
	#footer p { width: 612px; margin: 0 auto; border-top: 6px solid #3ba8d3; color: #c0c0c0; font-size: 0.9em; padding-top: 10px }
    #footer #link_footer{color:#888888; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; font-weight:bold; margin-left:8px; margin-right:8px; text-decoration:none;}
    
#left { float: left; width: 196px; }
	#left .bar { float: left; width: 185px; background: #3399cc; color: #fff; font-weight: bold; height: 21px; padding-top: 7px; padding-left: 11px; text-transform: uppercase; font-size: 1.2em; margin-bottom: 2px }
	#left .button { float: left; width: 185px; height: 19px; font-weight: bold; text-decoration: none; background: #eeeeee; color: #888888; margin-bottom: 2px; font-size: 1.1em; padding-left: 11px; padding-top: 5px }
		#left .button:hover, #left .button.active { background: #cccccc; color: #444444 }
		
	#left .comboBox { float: left; width: 188px; border: 4px solid #bbbbbb; margin-bottom: 4px }
		#left select { border: 1px solid #888888; color: #bbbbbb; float: left; font-size: 1em; width: 188px }
		
	#left .acenter { padding-left: 30px; float: left; padding-top: 30px }
	#left .acenter img { float: left; }



/* homepage */
#hp { float: left; width: 780px; padding-top: 6px; }
	#hp .destaque, #hp .destaque img { float: left; }
	#hp .destaque { padding-bottom: 6px; }
	
	#hp .center { float: left; padding: 0px 6px; width: 598px; }
		#hp .center .bar { float: left; width: 591px; background: #66ccff; color: #fff; font-weight: bold; height: 21px; padding-top: 7px; padding-left: 7px; text-transform: uppercase; font-size: 1.2em }
		
		#hp .center .artigo { float: left; width: 591px; padding: 4px 0px 6px 7px; }
			#hp .center .detalhe { float: left; width: 180px; color: #888888;}
			
			#hp .center .artigo img { float: right; border: 2px solid #e2e2e2; }
			
	#hp .center a, #hp .noticias a { text-decoration: none; }
		
	#hp .noticias { float: left; width: 189px; }
		#hp .noticias .bar { float: left; width: 178px; background: #aaaaaa; color: #fff; font-weight: bold; height: 21px; padding-top: 7px; padding-left: 8px; text-transform: uppercase; font-size: 1.2em; margin-bottom: 2px }
		#hp .noticias p { float: left; width: 180px; color: #888888; padding-bottom: 12px; padding-left: 7px }
			#hp .noticias p a { font-weight: bold; }
			
	#hp .noticias .titulo, #hp .center .titulo { color: #555555; font-weight: bold; }
		#hp .noticias .titulo:hover, #hp .center .titulo:hover { color: #888888; }
	#hp .center a.vermais, #hp .noticias a.vermais { font-weight: bold; color: #3399CC }
				#hp .center a.vermais:hover, #hp .noticias a.vermais:hover { color: #66CCFF; }
			
			
/* listagem */
#listagem { float: left; width: 780px; padding-top: 6px; }
	#listagem .center { float: left; width: 586px; padding-top: 6px; padding-left: 18px }
	
	#listagem h2 { color: #555555; font-size: 2.4em; font-weight: normal; text-transform: uppercase; padding-bottom: 8px }
	
	#listagem p.bar { float: left; width: 573px; background: #66ccff; color: #fff; font-weight: bold; height: 21px; padding-top: 7px; padding-left: 13px; text-transform: uppercase; font-size: 1.2em }
	
	#listagem ul { width: 586px; padding-bottom: 5px }
	#listagem li { width: 586px; color: #555555; padding: 5px 0px 3px 0px }
		#listagem li span { color: #888888; }
		#listagem li a { color: #3399CC; text-decoration: none; font-weight: bold; }
		#listagem li a:hover { color: #66CCFF; }
		#listagem li p { padding-bottom: 3px }
		#listagem img { float: left; margin-right: 16px }
		
		
/* videos */
#videos { float: left; width: 780px; padding-top: 6px; }
	#videos .center { float: left; padding-left: 18px; width: 258px; padding-top: 6px }
	
	#videos h2 { color: #555555; font-size: 2.4em; font-weight: normal; text-transform: uppercase; padding-bottom: 16px }
	#videos h3 { color: #3399CC; font-size: 1.1em; text-transform: uppercase; padding-bottom: 5px }
	#videos h4 { color: #3399CC; font-size: 1.1em; font-weight: normal; text-transform: uppercase }
		#videos h4 span { color: #555555; font-size: 0.9em; text-transform: none }
		
	#videos .programa { float: left; width: 258px; border-top: 2px solid #d4d4d4; padding-top: 5px; margin-top: 10px; }
		#videos .programa label { color: #888888; font-size: 1.1em; font-weight: bold; text-transform: uppercase }
		
	#videos ul, #videos ul li { float: left; width: 258px; }
		#videos ul li { padding-bottom: 10px; font-size: 1.1em }
		#videos .programa a { float: left; width: 232px; text-decoration: none; color: #3399CC; background: url(../img/cam_off.jpg) bottom right no-repeat; _height: 14px; min-height: 14px; padding-right: 26px; }

			#videos .programa a:hover { background-image: url(../img/cam_on.jpg); }
			#videos .programa ul li a span { color: #555555; }
            #videos .programa .active { float: left; width: 232px; text-decoration: none; color: #3399CC; background: url(../img/cam_on.jpg) bottom right no-repeat; _height: 14px; min-height: 14px; padding-right: 26px; }
			
	#videos .video { float: right; padding-top: 6px }
		#videos .video img { float: left; }
		
		#videos .programa .psc { background: none !important }
		#videos .programa .psc a { background: none !important }
		
		#videos .programa .psc a:hover { background: none !important }
		
		#videos .programa .psc1 {color:#3399CC;}
		#videos .programa .spc2 {color:#555555;}
		#videos .programa .spc3 {font-weight:bold; font-size: 11px}
		
		.spc-s { color: #888888; float:left; padding:8px 0 0;}


