/*_____________________________INDEX_______________________________________
General ________________________________________________________________ 1.
Change body ____________________________________________________________ 2.
Blocks _________________________________________________________________ 3.
	page-wrapper _________
	header _______________
	navigation ___________
	contents _____________
Header Contents ________________________________________________________ 4.
Navigation bar _________________________________________________________ 5.
Paddings _______________________________________________________________ 6.
Cols ___________________________________________________________________ 7.
	mainCol ______________
	Sidebar-Left _________
	Sidebar-Right ________
Sec blocks _____________________________________________________________ 8.
	bloco-news ___________
	bloco-login __________
	bloco-newsletter _____
	bloco-institucional __
	bloco-horários _______
	bloco-ementa _________
	bloco-resultados _____
	bloco-moodle _________
Headings _______________________________________________________________ 9.
Paragraphs _____________________________________________________________ 10.
Lists __________________________________________________________________ 11.
Images _________________________________________________________________ 12.
Forms __________________________________________________________________ 13.
Tables _________________________________________________________________ 14.
Footer _________________________________________________________________ 15.
_______________________________end index ______________________________________*/


/*___________________________________________________ 1. General ______________________________________________________________*/
body { background:#999d9b url(../imgs/bkg.png) repeat-x left top; color:#050505; font:12px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span, table, caption, td, tr, th { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#2c8db9; text-decoration:none; }
a:hover { color:#050505; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.space { height:10px;}
.redColor { color:#CC0000 }
.alignRight { float:right; margin-right:60px}
.alignLeft { float:left;}

/* ________________________________________________ 2. backgrounds Body _______________________________________________________ */
.yellow { background:#d4a70a url(../imgs/bkg_yellow.png) repeat-x left top; }
.blue { background:#2286ab url(../imgs/bkg_blue.png) repeat-x left top; }

/* ________________________________________________ 3. Blocks _________________________________________________________________ */

div#page-wrapper { width:962px; text-align:left; margin:0 auto; padding:0 }

div#header { height:121px; }

div#navigation { clear:both; font:normal 18px "Trebuchet MS", Arial, sans-serif; height:35px; margin:0; padding:0 }

#contents { clear:both; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; margin-top:10px; }

/* _______________________________________________ 4. Header Contents ________________________________________________________ */

div#top-header { height:30px; padding-left:730px; margin:5px 0 0 0; }
	ul.top-header li { float:left; text-align:left; font-size:11px; padding:0 5px; }		
			ul.top-header li a { display: block; text-decoration:none; padding:10px 0 2px 30px; color:#030303;  }
			ul.top-header li a:hover { color:#dd020a;  }
		
div#logo { float:left; position:relative; width:421px; margin:-25px 0 0 0; }

div#navigation-header { float:right; width:472px; position:relative; text-align:left; font: 14px "Trebuchet MS", Arial, sans-serif; margin-top:30px;  }

	ul#nav-header li { float:left; text-align:left; height:30px; font-size:10px; font: 14px "Trebuchet MS", Arial, sans-serif; }		
			ul#nav-header li a { display: block; text-decoration:none; padding:10px 0 2px 40px; color:#030303;  }
			ul#nav-header li a:hover { color:#dd020a;  }
			
			ul#nav-header li#nav-header-home a { width:130px; background: url(../imgs/icon_home.png) no-repeat left center; }
			ul#nav-header li#nav-header-contactos a { width:110px; background: url(../imgs/icon_contacts.png) no-repeat left center; } 
			ul#nav-header li#nav-header-links a { width:70px; background: url(../imgs/icon_link.png) no-repeat left center; }
			
			ul#nav-header li#nav-header-home a:hover,	
			ul#nav-header li#nav-header-contactos a:hover,
			ul#nav-header li#nav-header-links a:hover,
				#home ul#nav-header li#nav-header-home a,
				#contactos ul#nav-header li#nav-header-contactos a,
				#links ul#nav-header li#nav-header-links a { color:#2c8db9; }

/* _______________________________________________ 5. Navigation bar _________________________________________________________ */
#nav { margin:0; padding:0; position:absolute; display:block; height:35px; background: url(../imgs/bkg_nav_bar.png) no-repeat left top;  z-index:999; }
ul#nav li { padding:0 19px; }
ul#nav li a {  color: #FFF; line-height:35px; }
ul#nav li a:hover { color: #FFF; }
#nav li span { cursor:pointer; margin:0 10px; }	
	 
        #nav > li { float:left;  position:relative; display:block; text-align:center;  }
        #nav > li:hover > ul { background-color:#32a2bd; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
 width:130px; padding:0; display:block; }
				
		#nav > li#nav-home {  width:175px; }
		#nav > li#nav-servicos {  width:80px; border-right:1px solid #2c8db9; }
		#nav > li#nav-ofertas {  width:80px; border-right:1px solid #2c8db9; }
		#nav > li#nav-documentos {  width:110px; border-right:1px solid #2c8db9;}
		#nav > li#nav-actividades {  width:110px; border-right:1px solid #2c8db9;}
		#nav > li#nav-cre {  width:70px; border-right:1px solid #2c8db9; }
		/*#nav > li#nav-diversos {  width:85px; }*/
		
		/*1º child*/ 		        
        #nav li ul { margin:-8px 0 0 -21px; padding:15px 0 0 0; display:none; float:left; position:absolute; text-align:left; font-size:14px; font-weight:bold;  z-index:-1;border:0 }		
			#nav li ul li { margin:0; padding:0; }
			#nav li ul li a { display:block; color:#fff; text-decoration:none; line-height:16px; padding:10px;}
			#nav li ul li:hover { background-color:#e3c103; -moz-border-radius:5px; -webkit-border-radius:5px;  }
		
		
		#nav > li#nav-home:hover ul { width:209px; padding-top:8px; margin:-8px 0 0 -19px; }
			#nav > li#nav-home:hover ul li ul{ margin:-44px 0 0 209px; }
				
		#nav > li#nav-servicos:hover ul { width:121px; padding-top:8px;}
			#nav > li#nav-servicos:hover ul li ul{ margin:-44px 0 0 119px; }
		
		#nav > li#nav-ofertas:hover ul { width:121px; padding-top:8px; }
			#nav > li#nav-ofertas:hover ul li ul{ margin:-44px 0 0 119px; width:209px; }		
			
		#nav > li#nav-documentos:hover ul { width:150px; padding-top:8px; }
			#nav > li#nav-documentos:hover ul li ul{ margin:-44px 0 0 149px; width:209px; }	
			
		#nav > li#nav-actividades:hover ul  { width:150px; padding-top:8px;}
			#nav > li#nav-actividades:hover ul li ul{ margin:-44px 0 0 149px; width:209px; }			
			
		#nav > li#nav-cre:hover ul { width:111px; padding-top:8px; }
			#nav > li#nav-cre:hover ul li ul{ margin:-44px 0 0 99px; width:209px; }		
		
		#nav > li#nav-diversos:hover ul  { width:105px; padding-top:8px; }
			#nav > li#nav-diversos:hover ul li ul{ margin:-44px 0 0 -209px; width:209px; }				
		
		#nav > li#nav-home:hover ul { width:209px; background-color:#e3c103; }
		#nav > li#nav-home:hover ul li:hover { background-color:#2c8db9;  }
		
		#nav > li#nav-ofertas:hover ul { width:121px; background-color:#32a2bd; }
		#nav > li#nav-ofertas:hover ul li:hover { background-color:#e3c103;  }
		

		.has_submenu { display:block;  padding:0; float:right; margin:36px 0 0 0; /*left:227px; top:80px;*/ -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#32a2bd; } 
		/*	#gest_submenu { display:block; padding:0; float:right; margin:-36px 0 0 0; left:227px; top:80px; -moz-border-radius:5px; -webkit-border-radius:5px; } 
			
			#gest_submenu1 { display:block; padding:0; float:right; margin:-36px 0 0 0; left:141px; top:44px; -moz-border-radius:5px; -webkit-border-radius:5px; } 
			
			#gest_submenu2 { display:block; padding:0; float:right; margin:-36px 0 0 0; left:141px; top:80px; -moz-border-radius:5px; -webkit-border-radius:5px; } */
			
			
				/*2º child
				#nav > li:hover > ul li:hover > ul { display:block; padding:0; float:right; margin:-36px 0 0 0; left:227px; top:80px; -moz-border-radius:5px; -webkit-border-radius:5px;}*/ 
				
				/*#nav li ul li ul { background-color:#FF6600; width:130px; padding-top:0  }			
					#nav li ul li ul li { list-style-type:none; }
					#nav li ul li ul li:hover { background-color:#FF6600; -moz-border-radius:5px; -webkit-border-radius:5px;  }*/
		

			
/* ________________________________________________ 6. Paddings __________________________________________________________________ */

#contents .padding { padding:10px 16px 16px 16px; overflow:hidden;  }
#Sidebar-Right .padding { padding:10px 0 0 0; }

#bloco-news .padding, 
#bloco-login .padding,  
#bloco-newsletter .padding { padding:0 10px 0 10px; }

#bloco-institucional .padding,
#bloco-horarios .padding,
#bloco-ementa .padding,
#bloco-resultados .padding,
#bloco-moodle .padding { padding:10px; }
	

/* ________________________________________________ 7. Cols ______________________________________________________________________ */


#mainCol { float:left; width:545px; position:relative; }

#Sidebar-Left { float:left; position:relative; width:210px; }

#Sidebar-Right { float:right; position:relative; width:205px; }

.paginacao {  padding-top:7px; font-weight:normal; border-top:1px solid #cccccc; color:#505050; margin-top:20px;}


/* ____________________________________________ 8. Sec blocks ___________________________________________________________________ */

#bloco-news { height:242px; background: url(../imgs/bkg_news.png) no-repeat left bottom; }
#bloco-login { height:35px; }
#bloco-newsletter { height:61px; background: url(../imgs/bkg_newsletter.png) no-repeat left bottom; }
	#bloco-news, 
	#bloco-login, 
	#bloco-newsletter,
	#bloco-calendario { width:193px; margin-bottom:10px; }
	
#bloco-institucional { width:192px; height:100px; background: url(../imgs/bkg_institucional.png) no-repeat left top; margin-bottom:10px; }
#bloco-horarios { width:192px; height:82px; background: url(../imgs/bkg_horarios.png) no-repeat left top; margin-bottom:10px; }
#bloco-ementa { width:197px; height:105px; background: url(../imgs/bkg_ementa.png) no-repeat left top; margin-bottom:10px; }
#bloco-resultados { width:197px; height:109px; background: url(../imgs/bkg_resultados_escolares.png) no-repeat left top; margin-bottom:10px;  }
#bloco-moodle { width:192px; height:77px; background: url(../imgs/bkg_moodle.png) no-repeat left top; }

		
/* ____________________________________________ 9. headings ____________________________________________________________________ */

h1 { font: 24px "Trebuchet MS", Arial, sans-serif; color:#2c8db9; }
h2 { font: 20px "Trebuchet MS", Arial, sans-serif; color:#2c8db9; }
h3 { font: 18px "Trebuchet MS", Arial, sans-serif; color:#cd9c0d; }
h4 { font: 16px "Trebuchet MS", Arial, sans-serif; color:#2c8db9;}
h5 { font: 14px Arial, Helvetica, sans-serif; color:#2c8db9;}
h6 { font: 11px Arial, Helvetica, sans-serif; color:#2c8db9;}

#mainCol h1, 
#mainCol h2,
#mainCol h3, 
#mainCol h4, 
#mainCol h5, 
#mainCol h6 { margin-bottom:7px }

#mainCol h1 { text-transform: uppercase; }

#mainCol h6.pdf { background: url(../imgs/icon_pdf_small.png) no-repeat left top; padding-left:20px; line-height:20px; margin:10px 0 }
#mainCol h6.data { margin:20px 0 1px 0; color:#cd9c0d; font-weight:bold }


	/*_______Sidebar-Left_______*/
	
	/*h1*/
	#Sidebar-Left h1 { font-size:16px; color:#fff; padding:0 0 0 10px; font-weight:bold }
		#bloco-news h1 { width:193px; height:36px; background: url(../imgs/bkg_top_news.png) no-repeat left top; padding-top:5px; }
		#bloco-login h1, 
		#bloco-newsletter h1 { width:193px; height:25px; background: url(../imgs/bkg_top_login.png) no-repeat left top; font-size:16px !important; color:#fff; }
		#bloco-newsletter h1 { padding:0 0 0 10px;}
		#bloco-login h1 { background: url(../imgs/bkg_login_1.png) no-repeat left top; height:35px; padding:0 0 0 45px; line-height:35px; color:#FFF}
		#bloco-login h1 a { color:#FFF }
		#bloco-login h1 a:hover { color:#050505;}
		
	h1.googlePesquisa  { width:193px; height:35px; background: url(../imgs/h1_pesquisa.jpg) no-repeat left top; margin-bottom:5px; }
	h1.googleTradutor  { width:193px; height:35px; background: url(../imgs/h1_tradutor.jpg) no-repeat left top; margin-bottom:5px;}
	h1.wiki  { width:193px; height:35px; background: url(../imgs/h1_wiki.jpg) no-repeat left top; margin-bottom:5px; }
	h1.lexico { width:193px; height:35px; background: url(../imgs/h1_lexico.jpg) no-repeat left top;  margin-bottom:10px; }
	
	/*h2*/
	#bloco-news h2 { font-size: 13px; font-weight:bold; color:#016e7e; } 
		#bloco-news h2 a { color:#016e7e; text-decoration:none } 
		#bloco-news h2 a:hover { color:#15a6bc; text-decoration:none } 
	
	/*h4*/
	#bloco-news h4 { font-size:10px; font-weight:bold; color:#15a6bc; }
	#bloco-newsletter h4 { color:#2c8eb9; padding-top:3px; margin-bottom:-3px; font-size:14px }

	/*h6*/
	#Sidebar-Left h6 a { text-decoration:underline; float:right }
	
	
	/*_______Sidebar-Right_______*/
	
	/*h1*/
	#bloco-horarios h1 { width:136px; background: url(../imgs/h1_horarios.png) no-repeat left top;  }
		#bloco-horarios h1 a { height:25px; display:block; }
	
	#bloco-ementa h1 { width:124px; background: url(../imgs/h1_ementa.png) no-repeat left top; }
		#bloco-ementa h1 a { display:block; height:49px; }
			
	#bloco-resultados h1 { width:171px; background: url(../imgs/h1_resultados.png) no-repeat left top; }
		#bloco-resultados h1 a { display:block; height:50px; }
	
	#bloco-moodle h1 {  width:192px; background: url(../imgs/h1_moodle.png) no-repeat left top;  }
		#bloco-moodle h1 a { display:block; height:20px; margin-bottom:10px; }
	
	/*h6*/
	#Sidebar-Right h6 { margin-top: 15px; font-weight:bold; color:#fff; }
		#Sidebar-Right h6 a { color:#fff; text-decoration:underline; }
		#Sidebar-Right h6 a:hover { color:#050505; text-decoration:none;}
		
	/*_______paginaçao_______*/
		
	.paginacao h2 { font: bold 12px "Trebuchet MS", Arial, sans-serif;}

/* ____________________________________________ 10. Paragraphs  & Txt____________________________________________________________ */

#bloco-news p { margin-bottom:10px; }
	
	#bloco-news p a,
	#mainCol p a:hover { color:#050505; }
	
	#bloco-news p a:hover,
	#mainCol p a { color:#2c8db9; }

#bloco-institucional p { margin-bottom:10px;}

#mainCol p { margin-bottom:12px; line-height:16px; }
.txtRight { text-align:right; float:right; }
.txtCenter { text-align:center; }

/* ____________________________________________ 11. Lists  ______________________________________________________________________ */
#mainCol ul { list-style:disc inside; margin:0 0 15px 18px;  }
#mainCol ol { margin:0 0 15px -5px; }
#mainCol li { padding: 2px; line-height:16px; }

#mainCol ol { list-style: lower-alpha; }

/* ____________________________________________ 12. Images  ______________________________________________________________________ */

#mainCol img { float: left; padding: 0 10px 7px 0} 

#mainCol .gallary img { float: left; padding: 0; margin:5px 10px 5px 0; border:1px solid #CCCCCC; padding:11px;} 

/* ____________________________________________ 13. Forms ______________________________________________________________________ */

form ul  { list-style:none; margin:5px 0 0 0; padding:0;}
form li { padding: 3px 2px 1px 2px; }

form label { float:left; width:80px; text-align:left; margin-right:5px; line-height:12px; font-size:11px; color:#2c8eb9;}	
	form label a { color:#2c8eb9;}	
	form label a:hover { color:#cd9c0d;}		
	
form input,
form textarea,
form select { padding:0; width:160px; height:14px; line-height:14px; border: 1px solid #fff; font-size:11px; color:#cd9c0d; font-weight:bold; padding:3px; margin-bottom:4px;}
	form textarea  {  height:auto; }
	form select { height:24px; width:225px; }

form input.small {  width:120px;}
form input:focus { border:1px solid #999999; background:#F0F0F0; }

form input.button { background: url(../imgs/bkg_button.png) no-repeat center top; width:62px; height:21px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin-left:10px; float:right }

form input.button1 { background: url(../imgs/buton_ok.png) no-repeat center top; width:30px; height:21px; border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin-left:10px; float:right }


	/*mainCol*/
	#mainCol form ul  { list-style:none; margin:5px 0 0 0; padding:0;}
	#mainCol form label {  width:80px; text-align:right; color:#cd9c0d; font-size:12px; }
	
	#mainCol form input,
	#mainCol form textarea,
	#mainCol form select { width:400px; border: 1px solid #999999; color:#000; font-weight:normal; }
	
	#mainCol form textarea { height:100px; }
	
	#mainCol form input.button {  border:none; cursor:pointer; font-size:10px; color:#fff; line-height:20px; text-align:center; padding-bottom:5px; margin-left:100px; float:left }


/* ______________________________________________ 14. Tables_______________________________________________________________________ */

table { border-collapse:collapse; margin-bottom:15px; width:100%; }	
caption { text-align:left; font-size:15px; padding-bottom:10px; }	
table td,
table th { padding:5px 10px; border:1px solid #fff; border-width:0 1px 1px 0; font-weight:normal; }		
thead th { background-color:#2C8DB9; font-weight:bold; color:#fff; }			
thead th[colspan],
thead th[rowspan] { background-color:#34a7be; }		
tbody th,
tfoot th { text-align:left; background-color:#34a7be;  }
tbody th { color:#fff; }		
tbody td,
tfoot td { text-align:left; background-color:#f1f1f1; }		
tfoot th { background:#ebd645; }		
tfoot td { background-color:#d7e1c5; font-weight:bold; }			
tbody tr.odd td { background-color:#d2d6d9; }

	
table.calendario td,
table.calendario th { padding:5px; border:1px solid #fff; border-width:0 1px 1px 0; font-weight:normal; }		
table.calendario thead th { background:url(../imgs/bkg_th_calendario.png) repeat-x left bottom; font-weight:bold; color:#fff; font-size:11px; text-align:center; width:73px; }					
table.calendario tbody th,
table.calendario tfoot th { text-align:left; background-color:#34a7be; }		
table.calendario tbody td,
table.calendario td { text-align:left; background-color:#f1f1f1; color:#fff; font-size:11px; }				
	table.calendario tbody td ul.junior { background-color:#1bb3b5; }	
	table.calendario tbody td ul.guerra { background-color:#bfbd03; }	
	table.calendario tbody td ul.carneiros { background-color:#fea700; }
	#mainCol table.calendario td ul { list-style:none; margin:0; color:#fff}
	table.calendario td ul li { margin-bottom:10px; }
 	table.calendario td ul li a { color:#fff; }	
	table.calendario td ul li a:hover { color:#000; }	
	
	span.junior { background:url(../imgs/junior.gif) no-repeat left top; font-size:11px; margin-right:20px; padding-left:20px; line-height:20px }
    span.carneiros { background:url(../imgs/carneiros.gif) no-repeat left top; font-size:11px; margin-right:20px; padding-left:20px; line-height:20px }
    span.guerra { background:url(../imgs/guerra.gif) no-repeat left top; font-size:11px; margin-right:20px; padding-left:20px; line-height:20px }


/* ____________ class Tables___________ */

/*table td,
table th { padding:5px; border: none; border-width: 0; font-weight:normal;}		
thead th { background:none; }			
thead th[colspan],
thead th[rowspan] { background:none; }		
tbody th,
tfoot th { text-align:left; background:none; }		
tbody td,
tfoot td { text-align:center; background:none; }		
tfoot th { background:none; }		
tfoot td { background:none; font-weight:bold; }			
tbody tr.odd td { background:none;}*/


/* ____________________________________________ 15. Footer _______________________________________________________________________ */
#footer { width:962px; margin:auto; padding:10px 0 10px 10px; font-size:11px; font-weight:bold }
	
#footer p,
#footer p  a { color:#fff; text-decoration:none;}
#footer p a:hover { color:#000; text-decoration:none; }

#footer span { color:#fff; margin:0 160px;  }

.PEND a {color: #000 !important; background:url(themes/start/images/ui-bg_glass_55_f8da4e_1x400.png) !important; }