/* ------ ALFA css by tvieira  --------------*/
@font-face { font-family:myriadwebpro; src: url('../webfonts/myriadwebpro.ttf') format('truetype'); /* non-IE */ }
body { background-color:#e9e9e9; font:12px/18px myriadwebpro, Arial, sans-serif; margin:0; padding:0;  }
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; }

img { border:none; }
ul { list-style:none; }
p {
	text-align:justify;
	
	}
a { color:#51A2D4; text-decoration:none; }
a:hover { color:#ffa200; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.space { height:10px;}
.spaceWidth { margin-right: 30px;}
.paddingRight { padding-right: 20px;}
.blue { color:#03C; }
.red { color:#F00; }

#webtt {position: absolute;	z-index: 3000;	border: 1px solid #111;	background-color: #eee;	padding: 5px;	opacity: 0.85;	margin: 0; 	font-size:14px;	display:none;}

.PEND a,
.ui-state-default a { background-image:none !important; background-color:#6259B2 !important; border:1px solid #6259B2 !important; color:#fff !important; cursor:pointer; }

/*.marginBottom { margin-bottom:10px;}
.marginTop{ margin-top:7px;}
.border { border:10px solid #fff; width:1002px; overflow:hidden;}*/


/* _______ e quem achava que o fim do LOST foi estranho, vejam só esta bagunça que eu vou fazer...  _____________________ */

/* -------------- CAPÍTULO 1 - The Beginning -----------*/

div#page-wrapper { width:1000px;  margin:0 auto; background-color:#ffffff; }

	div#header { width:1000px; height:125px; background: url(../images/alfa_topo_background_02.jpg) no-repeat; }
	
		div#logo { float:left; position:relative; width:339px; height:125px;} 
	
		div#banner  { float:right; position:relative; width:580px; height:90px; margin:17px 20px 0 0;}
		
		div#banner2  { clear:both; width:580px; height:90px; margin:0 auto;  padding:20px 0;}			
		
		div#banner3  { float:left; position:relative; width:580px; height:90px; margin:17px 0 0 20px; }
		
		div#foto-topo { float:left; position:relative; }
		
		div#menuBox { float:left; position:relative; width:600px; height:40px; margin:-303px 0 0 20px; background-color:#fff; z-index:50; -moz-box-shadow:4px 4px 3px #A3A3A3; -webkit-box-shadow:4px 4px 3px #A3A3A3;  }
		
		/*NAViGATION */
		 .nav li { list-style: none; float: left;  z-index: 1000;  }
		 .nav li ul { position: absolute; visibility: hidden;  }
		.nav li ul li { float: none; white-space: nowrap; display: block; /* inline - IE */} 
		 .nav li ul li ul { position: absolute; left: 100%; margin-top:-30px; }
		 .nav li:hover ul, .nav li.over ul { visibility: visible;}
		 .nav li:hover ul ul, .nav li.over ul ul { visibility: hidden;}
		 .nav ul ul li:hover ul, .nav ul ul li.over ul { visibility: visible;}
		 /* visual */
		 .nav { font: 14px myriadwebpro, Arial, Helvetica, sans-serif; background-color:#fff; height: 30px; margin:5px 0 0 5px; }
		 .nav a { font-weight: normal;  text-decoration: none; color: #333; padding: 0 15px; line-height: 30px; display: block; height:100%; }
		 .nav a:hover { text-decoration: none; background-color: #F60; color: #fff;}
		 .nav ul li ul {  background-color: #fff; border: 1px solid #E9E9E9; }
		/* End of navigation */
		
		div#menuBoxRight { float:left; position:relative; width:357px; height:40px; margin:-303px 0 0 620px; background-color:#0177c0; z-index:50; -moz-box-shadow:4px 4px 3px #A3A3A3; -webkit-box-shadow:4px 4px 3px #A3A3A3;  }	
			div#login { margin:29px 0 0 4px;  }
			div#login form ul { list-style:none; margin:0; padding:0; }
			div#login form li	{ padding: 0px 5px 0px 5px; float:left; /*margin-top:-18px;*/ top:-18px; position:relative; color:#fff; }
			div#login form li .button { /*margin-top: -10px !important;*/ }
			
			div#login form input.button { width:67px; height:20px; border:none; cursor:pointer; color:#fff;  text-align:center; padding-bottom:-5px; background:#646463; margin-left:10px;}
			
			div#login p { padding: 0px 5px 0px 5px; float:left; /*margin-top:-18px;*/ top:-18px; position:relative; color:#fff; }
			
		div#contents { width:1000px; height:auto; overflow:hidden;  } 	

			div#leftCol { float:left; position:relative; width:700px;   }
				div#leftCol .padding { padding: 0 40px; }
			
			div.news{ float:left; position:relative; width:280px; margin:0 0 20px 40px; height:330px; }
			div.news2{ float:left; position:relative; margin:0 40px 20px 40px; }
			div#corpos { float:left; position:relative;  width:680px; margin:0 40px 20px 40px; }
					ul.csociais li { height:187px; float:left; position:relative; margin:0 23px 11px 0; }
					ul.csociais li.last { margin:0 0 14px 0; }
					ul.csociais li span.info { text-align:center; display:block; }
					ul.csociais li img { margin:10px auto 5px auto; padding:3px; background:#E5E5E5; display:block; } 
					 
						.pessoal { float:left; position:relative; width:auto; height:215px; padding-right:10px; margin:0 0 25px 0;}
		
			div#fotografosElementos { clear:both;  }	
			div#fotografosElementos img { float:left; position:relative; margin-right:20px;  border:3px solid #E5E5E5  }	
			#fotografoportfolio img { float:left; margin:0 15px 15px 0; border:10px solid #E5E5E5}
			/*div#dados { float:left; position:relative; padding-left:100px; }*/
		
		div#leftCol2 { float:left; position:relative; width:700px; height:280px; background-color:#11326d; }	
			div.leftCol2Bloco { float:left; position:relative; padding: 0 10px 30px 40px; width:280px; height:80px; }
			div.leftCol2Bloco img { float:left; position:relative; margin-right:10px; }
			div.leftCol2Bloco h3 { font-weight:normal; font-size: 14px; text-align:left; color:#ffffff; }
			div.leftCol2Bloco a { color:#FFFFFF; }
			div.leftCol2Bloco a:hover { color:#51A2D4; }			
		
		
		div#rightCol { float:left; position:relative; width:300px; background-color:#D8D8D8 }
		
			div#calendarioBox { float:left; position:relative;  background-color:#72a9d3; width:300px; }
				div#calendario { float:left; position:relative; margin:20px 0 0 35px; padding:0 0 20px 0;  }
			
			div#pubLarge { float:left; position:relative; height:200px; width:300px; padding:0 0 20px 0; }
			
			div#pubMini { float:left; position:relative; width:300px; margin-top:35px; padding-left:5px;  }
				#pubMini img { float:left; position:relative; padding:3px; } 
 				
			div#pubGoogle { float:left; position:relative; margin:20px 0 20px 23px; }	
			div#flickr_logo { position:absolute; margin: -280px 0px 0 1000px; z-index:222; }
			
			div#flickrBox { float:left; position:relative; width:300px; height: 280px;  }	
				div#flickr { float:left; position:relative; margin:4px 0 0 14px; }
			
		div#bottom { float:left; position:relative; background-color:#3b3b3b; overflow:hidden; height:100px; width:100%; }	
			div.bottomBloco { float:left; position:relative; width:200px; height:100px; margin-left: auto; margin-right: auto; }
		    
		div#footer { float:left; position:relative; text-align: center; width:1000px; height: 80px; background-color:#fff; }	
		 div#footerBox { margin:5px 230px;}
 			div#footer img { float:left; position:relative;  padding:3px 0 0 35px; }
			
			#content ul.normal { clear:both; }
			#content ul.normal li { margin:6px 0; padding-left:13px; }
			#inscricao ul.socio { clear:both; }
			#inscricao ul.socio li { margin:10px 0; padding-left:20px; font-size: 13px; background:url(../images/seta_dir.png) no-repeat left 3px;}

/* --------------------- Shadow ---------------------------------------------*/
		.shadow { min-height:400px; margin:20px;}
			.shadow .padding { padding:0 20px 20px; background:white; overflow:hidden;}
			.shadow .borderNone { padding:0 20px; border:0}
			.shadow .blocoLeft { width:400x; float:left; position:relative; margin-bottom:20px;}
			
			ul#barraMenu,
			ul.navForm { clear:both; border-bottom:1px solid #D8D8D8; border-top:1px solid #D8D8D8; height:30px; }
				ul.navForm { border-bottom:none; height:30px; }
			#barraMenu li,
			ul.navForm li { float:left; position:relative; font-size:14px; color:#999; padding:6px 0 0 20px;}
				ul.navForm li { padding:6px 0 0;}
			#barraMenu li span { font-size:16px; padding-left:20px; font-weight:normal;}
			
			.shadow form li { clear:both; padding:5px 0;}
			.shadow form li.margin { margin:20px 0 10px;}
			.shadow form input,
			.shadow form select,
			.shadow form textarea { width:230px; border:1px solid #CCC;}
			.shadow form input,
			.shadow form select { height:20px;}
			.shadow form input.radio { width:16px; height:16px; border:none;}
			.shadow form input.small { width:100px;}
			.shadow form input.medium { width:200px; margin-right:10px;}
			.shadow form input.next,
			.shadow form input.prev,
			.shadow form input.more,
			.shadow form input.finalizar { width:100px; height:25px; border:none; cursor:pointer; color:#fff; text-align:center; padding-bottom:-5px; background:#646463; margin:0 20px 0 0; }
			.shadow form input.more,
			.shadow form input.finalizar { background:#51A2D4; width:130px;}
			.shadow label.txtBig { font-size:16px; color:#51A2D4; width:200px; }
			.shadow label.bigger { width:350px; }

/* --------------------- CAPÍTULO 2 - The Dark "H" Kingdom ---------------------------------------------*/


/* Títulos Página */ 
h1 { font:normal 20px myriadwebpro, Arial, sans-serif; text-transform: uppercase; color:#51a2d4; padding:20px 0 ; margin-left:40px;  }
#historia #leftCol h1,
#contactos #leftCol h1, 
#links #leftCol h1 { margin-left:0;}
.shadow h1 { margin:0; padding-bottom:10px; }
.shadow h2 { font-size:18px; font-weight:normal; padding:0 0 20px 20px; }


/* Título Notícias */ 
h2 { font:normal 16px myriadwebpro, Arial, sans-serif; color:#000; font-weight: bold; padding: 10px 0 5px 0; }
#historia #leftCol h2 { padding:20px 0 0 0;  }
#contactos #leftCol p { padding:5px 0 0 0;  }
#contactos #leftCol h2 { padding:20px 0 0 0;  }
#links #leftCol h2 { padding:20px 0 0 0;  }
#inscricao #leftCol h2 { padding:20px 0 0 0;  }
#relatorios_contas #leftCol h2 { font-size: 13px; }

/* Txt de Info da Notícia */ 
h3 { font:normal 11px myriadwebpro, Arial, sans-serif; color:#000; }

/* Lead da Notícia */
h4 { font:normal 12px  myriadwebpro, Arial, sans-serif; font-weight:normal; color:#000; padding-top:20px; }

/* Corpo de Texto da Notícia */
h5 { font:normal 12px  myriadwebpro, Arial, sans-serif; color:#000; padding-top:20px; }
.shadow h5 { font-size:16px; padding:20px 0; color:#51A2D4; }

/* Notícia - Ler Mais */
h6 { font:normal 10px myriadwebpro, Arial, sans-serif; font-weight:bold; color:#4751a5; padding:15px 0 20px 20px; background:url(../images/seta_direita.png) no-repeat left 15px;}

#leftCol p { font:normal 13px  myriadwebpro, Arial, sans-serif; color:#000; padding-top:20px; }


/* -------------- CAPÍTULO 3 - Recordar é viver... by Victor Espadinha ---------*/

/* --- z-index: 50 ---> Menu */  


/*------ Capítulo 4 - XXX ----- */ 


/* -------- Show Flickr ------*/

.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 5px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}

#cycle { margin: 0; padding: 0; width: 500px; height: 333px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000;}
#cycle li { position: relative; list-style: none; margin: 0; padding: 3px; width: 500px; height: 333px; overflow: hidden; }
#cycle li div { position: absolute; bottom: 3px; left: 3px; padding: 3px; width: 494px; background: black; color: white; font-size: 12px; opacity: .8; }

/* ::::::::::::::::::::::::::::::::::::::::: Pages :::::::::::::::::::::::::::::::::::::::: */
ul.pages { clear:both; display:block; margin-bottom:10px; overflow:auto;   }
ul.pages li { float:left; padding:4px 5px; margin-right:3px; color:#0177C0;}
ul.pages li a,
#content ul.pages li a { color:#0177C0; text-decoration:none; }
ul.pages li a:hover,
#content ul.pages li a:hover { color:#ffa200; text-decoration:underline; }
ul.pages li.actual a { color:#fff; background-color:#0177C0; padding:2px 6px; }
ul.pages li.off {color:#333; }

.paginacao { clear:both; margin:0 40px; text-align:right;}
#leftCol p.arrow { background:url(../images/seta_dir.png) no-repeat left 4px; padding:0 0 0 15px; margin-top:20px;}
.shadow h6 { background:none; margin-top:20px; color:#51A2D4; padding:0}

ul.areaClients { clear:both; margin-bottom:30px}
ul.areaClients li { margin:1px 1px 0 0; float:left; font-size:14px; }
ul.areaClients li a { color:#fff; background-color:#0177C0; padding:6px 15px; }
ul.areaClients li a:hover { color:#fff; background-color:#ffa200; }

ul.portefolio  { float:left; position:relative;margin:0 15px 20px 0; width:140px;}
ul.portefolio li  { font-size:11px; }
ul.portefolio img { border:10px solid #E5E5E5}

ul.normal li { float:left; position:relative; width:310px;}
.normal a { color:#000;}
.normal a:hover { color:#51A2D4;}

/* ----------------- Espuma ---------- */

	div#form_inscricao { padding-top:10px; }
		
		#inscricao #form_inscricao h2 { padding:10px 0 10px 0;  }
		
		/*  isto era da lili   */		
		label { width:105px; float:left; clear:left; }
		label.medium { width:120px; }
		label.long { width:180px; }
		
		p.form-note { font-size:10px; margin:-3px 0 16px 120px /* for the long labels */; }
		p.cancelar { margin-left:105px; font-size:11px; }
		
	form li { clear:both; padding:5px 0;}
	div#form_inscricao form input,
	div#form_inscricao form select,
	div#form_inscricao form textarea { width:300px}
	div#form_inscricao form input[type='checkbox'] { width:10px}
	div#form_inscricao form input.submit-button { width:60px; margin-left:230px;}
	div#form_inscricao form input.submit-button2 { width:100px; margin-left:230px;}
	

/* ----------------- TABLETS DU CHOCOLATES ------- */
#leftCol table { border-collapse:collapse; margin:14px 0; width:620px; font-family: myriadwebpro, arial, sans-serif; text-align:center; }

#leftCol table th,
#leftCol table td { padding: 5px 5px 5px 5px; border:1px solid #fff; border-width:0 1px 1px 0;  }

#leftCol thead th,
#leftCol thead td { background-color:#377bbe; color:#fff; font-size:14px }

#leftCol tfoot th { text-align:center; background-color:#F4F1E5; color:#BA8017; font-size:16px }
#leftCol tfoot td { background:#C4CFD9; font-weight:bold; }

#leftCol tbody th,
#leftCol tbody td { text-align:center; background-color:#EFEFEF; } /* default cell color */	

#leftCol tbody tr.odd td,
#leftCol tbody tr.odd th,
#leftCol tfoot tr.odd td,
#leftCol tfoot tr.odd th  { background-color:#7faad1; color:#fff }

#leftCol table a { color:#7faad1;}
#leftCol table a:hover { color:#000;}


.shadow table { border-collapse:collapse; margin:-40px 0 14px; width:380px; font-family: myriadwebpro, arial, sans-serif; text-align:center; float:right; }
.shadow table th,
.shadow table td { padding: 5px 5px 5px 5px; border:1px solid #fff; border-width:0 1px 1px 0;  }
.shadow thead th { background-color:#51A2D4; color:#fff; font-size:12px }
.shadow tbody th,
.shadow tbody td { text-align:center; background-color:#EFEFEF; } /* default cell color */	
.shadow tfoot th { text-align:center; background-color:#F4F1E5; color:#BA8017; font-size:16px }
.shadow tfoot td { background:#C4CFD9; font-weight:bold; color:#fff; }

.shadow tbody tr.odd td,
.shadow tbody tr.odd th { background-color:#7faad1; color:#fff }