body {
font-family:verdana;
font-size:10px;
color:#333;
background:url(../imagens/content_bg.jpg);
background-repeat:repeat;
}

#wrapper {
width:1024px;
margin:0 auto;
background-color:#FFF;
}

#header {
background-image:url(../imagens/header.png);
background-position:top;
background-repeat:no-repeat;
height:250px;
}

#printlogo,#logofads {
margin-top:120px;
margin-left:2px;
padding-left:1px;
float:left;
width:329px;
height:100px;
}

#logofads {
margin-top:120px;
padding-left:1px;
background-image:url(../imagens/logofads.png);
background-repeat:no-repeat;
float:left;
width:329px;
height:100px;
}

#menu-right {
margin-top:120px;
padding-left:1px;
float:right;
width:690px;
height:150px;
}

#nav-menu ul {
list-style:none;
margin:0;
padding:0;
}

#nav-menu li {
float:left;
margin:0 5px;
margin-top: 1px;
background: #F7C105; 
border:1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
width:100px;
height:30px;
}

#nav-menu li a {
/*background:url(../imagens/nuvem.png) center left; 
height:15px;
width:97px;
display:block;
*/
text-decoration:none;
color:#fff;
line-height:3em;
font-weight:700;
float:none;
list-style:none;
outline:none;
}

#nav-menu li a:hover {
text-decoration:none;
color:#06F;
list-style-type:none;
}

#nav-menu {
margin-top:60px;
width:600px;
list-style:none;
}

#contactos {
padding-top:30px;
}

#morada {
float:left;
width:300px;
}

#cfoto {
float:right;
width:380px;
}

#cfoto ul { 
	list-style: none;
}
#cfoto li a {
	position: relative;
	float: left;
	padding: 10px 10px 25px 10px;
	background: #eee;
	border: 1px solid #fff;
	-moz-box-shadow: 0px 2px 15px #333;
}

#navprincipal {
	clear:both;
}

#navprincipal ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navprincipal ul li { display: inline; }

#navprincipal ul li a
{
text-decoration: none;
padding: .2em 1em;
}

#navprincipal ul li a:hover
{
text-decoration: none;
}

#menu-left {
background-image:url(../imagens/menu3.png); 
background-repeat:no-repeat;
background-position:top;
float:left;
width:330px;
height:325px;
background-color:#FFF;
padding-top:80px;
}

#menu-left li a:hover,#menu-left li a:active {
text-decoration:underline;
color:#fcc63a;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
 /* background: #511986; */
  background: #A9BF67;
  border:2px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

ul#menu li a {
  color: #fff; 
  font-weight:bold;
  padding: 0.5em;
}

ul#menu li a:hover {
  /* background: #690; */
}

ul#menu li ul li a {
 /* background: #ccc; 
  color: #0094da; */
  color: #090;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
 /* background: #aaa; */
  border-left: 5px #690 solid;
  padding-left: 15px;
}


/*
#menu-left {
background-image:url(../imagens/menu3.png);
background-repeat:no-repeat;
background-position:center;
float:left;
width:330px;
height:300px;
background-color:#FFF;
}

#menu-left ul {
list-style:none;
padding-top:75px;
padding-left:85px;
margin:0;
}

#menu-left li {
text-align:left;
margin:3px 10px;
}

#menu-left li a {
text-decoration:none;
color:#333;
outline:none;
}

.menu-left-bold {
padding-top:2px;
padding-bottom:2px;
font-weight:700;
color:#101315;
}

*/

#content-right {
float:right;
width:680px;
padding-right:10px;
background-color:#FFF;
}

#forminscricao {
clear:both;	
width:700px;
padding-left:180px;
background-color:#FFF;
}

#forminscricaodb {
clear:both;	
width:700px;
padding-left:100px;
}

#topline {
height:5px;
}

#textzoom {
clear:both;
font-size:13px;
}

#fontResize {
	float:right;
	padding-right:50px;
}

#fontResize  img {
	border:none;
}

#navigationTop {
	float:left;
}

fieldset {
margin:1.5em 0 0;
padding:0;
}

legend {
margin-left:1em;
color:#000;
font-weight:700;
}

fieldset ol {
list-style:none;
padding:1em 1em 0;
}

fieldset li {
padding-bottom:1em;
}

fieldset.submit {
border-style:none;
}

input,select {
border:1px solid #97d6e3;
background:#ffc;
}

input:hover {
border:1px solid #97d6e3;
background:#F7EE8B;
}

.btinscricao {
background-color:#ACC800;
color:#fff;
font-size:12px;
font-weight:700;
cursor:pointer;
height:25px;
border-color:#C09;
border-style:dashed;
border-width:thin;
}

#printprova {
border:1px solid #97d6e3;
background:#ffc;
padding-left:20px;
width:800px;
}

#printprova p {
font-size:14px;
}

.btinscricao:hover {
background-color:#ACC800;
color:#C09;
font-size:12px;
font-weight:700;
cursor:pointer;
border-color:#C09;
border-style:dashed;
border-width:thin;
}

div#galeria {
	height: 100%;
  margin: 0 auto;
  padding: 15px 0;
	position: relative;
  text-align: left;
  width: 600px;
}


.slideshow {
  background: url(slideshow.gif) no-repeat;
  height: 548px;
  width: 560px;
}
.slideshow-captions {
	background: #FFF;
	bottom: 109px;
	color: #000;
	font: normal 12px/20px Arial, sans-serif;
	left: 30px;
	text-align: center;
	width: 500px;
}
.slideshow-captions-visible {
	height: 20px;
	opacity: 1;
}
.slideshow-controller {
	margin: -44px 0 0 -119px;
	top: 50%;
}
.slideshow-images {
	left: 30px;
	height: 400px;
	top: 39px;
	width: 500px;
}
.slideshow-images img {
	position: static;
}
.slideshow-thumbnails {
	bottom: 0;
	height: 85px;
	left: 20px;
	overflow: auto;
	width: 520px;
}
.slideshow-thumbnails ul {
	height: 60px;
	width: 900px;
}
.slideshow-thumbnails li {
	margin: 0 5px 0 0;
}
.slideshow-thumbnails a {
	background: url(thumbnails-a.gif);
	float: left;
	opacity: .5;
	padding: 10px;
}
.slideshow-thumbnails a img {
	border: 0;
}
.slideshow-thumbnails .overlay {
	bottom: 25px;
	height: 60px;
	position: absolute;
	width: 30px;
	z-index: 10000;
}
.slideshow-thumbnails .overlay.a {
	background: url(thumbnails-a.png);
	left: 0;
}
.slideshow-thumbnails .overlay.b {
	background: url(thumbnails-b.png);
	right: 0;
}

/* CSS-based transitions: Infinite effects */

.slideshow-alternate-images {
	left: 30px;
	height: 400px;
	top: 39px;
	width: 500px;
}
.slideshow-alternate-images img { 
	float: left;
}	
.slideshow-alternate-images-visible { 
	left: 0; 
	opacity: 1; 
	top: 0; 
}	
.slideshow-alternate-images-next { 
	left: 0; 
	opacity: 0; 
	top: 400px; 
}
.slideshow-alternate-images-prev { 
	left: 0; 
	opacity: 0; 
	top: -400px; 
}

/* Thumbnails: Intelligent and auto-scrolling */

.slideshow-alternate-thumbnails {
	height: 421px;
	position: absolute;
	right: -64px;
	top: 28px;
	width: 70px;
}
.slideshow-alternate-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-alternate-thumbnails ul {
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 70px;
}
.slideshow-alternate-thumbnails li {
	float: left;
	list-style: none;
	margin: 0 0 5px 0;
	position: relative;
}
.slideshow-alternate-thumbnails a {
	background: url(thumbnails-a.gif);
	display: block;
	opacity: .5;
	padding: 10px;
	position: relative; 
}
.slideshow-alternate-thumbnails a:hover {
	opacity: 1 !important;
}
.slideshow-alternate-thumbnails a img {
	border: 0;
}
.slideshow-alternate-thumbnails img {
	display: block;
}
.slideshow-alternate-thumbnails-active {
	opacity: 1;
}
.slideshow-alternate-thumbnails-inactive {
	opacity: .5;
}
.slideshow-alternate-thumbnails .overlay {
	left: 0;
	height: 30px;
	position: absolute;
	width: 100%;
	z-index: 10000;
}
.slideshow-alternate-thumbnails .overlay.a {
	background: url(vertical-thumbnails-a.png);
	top: 0;
}
.slideshow-alternate-thumbnails .overlay.b {
	background: url(vertical-thumbnails-b.png);
	bottom: 0;
}

/* Controller: Accessible and style-able */

.slideshow-alternate-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-alternate-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-alternate-controller-hidden { 
	margin-top: -200px;
	opacity: 0;
}
.slideshow-alternate-controller-visible {
	margin-top: -42px;
	opacity: 1;
}
.slideshow-alternate-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-alternate-controller a.active {
	background-position: 0 18px;
}
.slideshow-alternate-controller li {
	list-style: none;
}
.slideshow-alternate-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-alternate-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-alternate-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-alternate-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-alternate-controller li.play a {
	background-image: url(controller-play.gif);
}
.slideshow-alternate-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

#login {
	float:right;
	width:300px;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
input { }

.username input {
background:url("username_bg.png") no-repeat scroll 0 0 transparent;
font-size:10px;
padding-left:20px;
}

.password input {
background:url("password_bg.png") no-repeat scroll 0 0 transparent;
font-size:10px;
padding-left:20px;
}

.username input, .password input {
border:medium none;
color:#646464;
font-size:90%;
height:16px;
padding:4px 0 0 30px;
width:70px;
}

#poweredby {
float:left;
width:300px;
padding-top:145px;
padding-left:20px;
text-align:left;
color:purple;
}

#poweredby a {
color:purple;
text-decoration:none;
}

#poweredby a:hover {
text-decoration:underline;
}

#grupomch {
float:right;
padding-top:145px;
text-align:left;
}

#grupomch img {
width:120px; 
height:40px;
text-decoration:none;
border:none;
}

#footer {
background-image:url(../imagens/rodape.png);
background-position:bottom;
background-repeat:no-repeat;
height:200px;
clear:both;
}


#selected a,#selected a:hover,#selected a:visited,#selected a:active {
text-decoration:underline;
color:#C00;
font-weight:700;
}
#selected2 a,#selected2 a:hover,#selected2 a:visited,#selected2 a:active {
color:#06F;
outline:none;
}

/* Alert Box  alertbox.js*/ 

#dialog-overlay , #dialog-overlaymap {
	/* set it to fill the whil screen */
	width:100%; 
	height:100%;	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 
	/* hide it by default */
	display:none;
}

#dialog-box, #dialog-boxmap {	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}

#dialog-boxmap  {	

	width:520px;
	
	height:400px;
	
}

#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:arial;
	font-size:11px; 
}

a.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;	
}

a.button:hover {
	background-color: #c33100;	
}

/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
