/* fonts */
@import url(http://fonts.googleapis.com/css?family=Varela+Round); /* font-family: 'Varela Round', sans-serif; */
body { margin:0; padding-top:0px; padding-left:0px;  height:100%; width:100%; font-size:12px; font-family: 'Varela Round';  overflow-x: hidden;  line-height:25px;}
a{ text-decoration:none; color:#00283D}
header { width:100%; background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#logo { margin-left:100px;}
#busca { position:absolute; right:250px; top:50px; width:350px; padding-left:0px; }
#buscaform {display:none}
#buscaform input { background:#E2E2E2; border:1px solid #999; width:250px; padding:5px; height:20px; font-size:10px; margin-right:80px; float:left;}
#buscacnt {position:relative; padding-top:5px; margin-left:20px; padding-bottom:20px;}
#buscacnt span {font-weight:700}
#buscacnt ul { list-style:none}
#search {position:absolute; left:230px; display:none; cursor:pointer; top:5px}
#lang { float:right; right:10px; margin-top:20px;}
#banner { background:#E2E2E2; width:100%; margin:0px; padding-bottom:0px; position:relative; top:0px; z-index:5}
/* menu com submenu */
#menu_fundo {width:100%; height:35px;background-color:#00283D; margin-top:-25px; padding:0px; position:absolute; z-index:1}
#cssmenu{ clear:both;  }
#cssmenu,
#cssmenu > ul {  padding:3px;  color:#fff; font-weight:400;  text-transform:uppercase; font-size:14px; left:50%; margin-left:-400px;z-index:6}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {content: ''; display: table;}
#cssmenu:after,
#cssmenu > ul:after {clear: both;}
#cssmenu { width: 100%; }
#cssmenu li:hover > #icon { visibility:hidden}
#cssmenu > ul {top:20px; position: relative; left:50%; margin-left:-50px;  text-align:center}
#cssmenu > ul li {list-style: none;}
#cssmenu > ul > li {float: left;position: relative;width:150px;}
#cssmenu > ul > li > a { display:inline-table;color:#fff;font-size: 12px;text-decoration: none; text-transform: uppercase; }
#cssmenu > ul > li:hover > a {color:#999 }
#cssmenu > ul > li > a > span {line-height: 18px;}
#cssmenu > ul > li.active > span,
#cssmenu > ul > li > a:active {font-size:12px;}
/* Childs */
#cssmenu > ul ul {opacity: 0;visibility: hidden; text-align:left; position: absolute;margin-top:20px;background:#00283D;margin: 0;padding:0;z-index: 15;width:150px; } /* submenus */
#cssmenu > ul li:hover ul {opacity: 1;visibility: visible;margin: 0;color: #fff;z-index: 15;top: 25px;left: 10px;}
#cssmenu > ul ul:before {content: '';position: absolute ;top: -5px;width: 100%;background: transparent;}
#cssmenu > ul ul li {list-style: none;padding: 0;   width: 100%;}
#cssmenu > ul ul li a {padding: 5px 15px;display: block; margin-bottom:5px; margin-top:5px; color: #fff; font-weight:400;  font-size: 11px; line-height:16px;  text-decoration: none;  text-transform:none;  width: auto;    -webkit-transition: all 0.35s ease-in-out;  -moz-transition: all 0.35s ease-in-out;  -ms-transition: all 0.35s ease-in-out;  transition: all 0.35s ease-in-out; cursor:pointer}
#cssmenu > ul ul li a:hover {  background: rgba(255,255,255,0.2); color:#fff }
#cssmenu > ul ul li a:active {  background: rgba(255,255,255,0.2); color:#fff}
#conteudo { position:relative; }
#conteudo table { vertical-align:middle}
#conteudo h3 {font-size:13px; font-weight:700; text-transform:capitalize}
#cnt { padding-bottom:0px; margin-top:0px; padding-top:10px; width:100%; z-index:1; background-color:#f2f2f2; position:relative; }

/* parceiros */
#parceiros {position:relative; height:auto; padding-top:50px; padding-bottom:50px; margin-top:0px; background:#fff; left:10%; right:10%; width:100%;}
#parceiros ul { list-style:none}
#parceiros li { display:inline-table; margin-right:20px; width:auto;}
#parceiros li li {display:inline-table; margin-right:20px; text-align:left; margin-left:0px;}
#parceiros h1 { font-size:13px; font-weight:700; text-transform:uppercase; margin-bottom:5px; text-align:left;}

/* incio */
#inicio_topo { position:relative; margin:0px; width:100%; padding:40px 0 40px 0; text-align:justify; background-color:#e2e2e2; line-height:20px; font-size:12px; }
table {width:80%; margin-left:10%; margin-right:10%; }
#inicio_bottom { background-color:#eeeeee; padding:60px 0 60px 0; position:relative; margin-top:0px; margin-left:-550px; left:50%; margin-right:5%; width:100%;}
#label { position: absolute; margin-top:-30px; margin-left:-10px; background-color:#00283D; padding:10px; color:#fff; text-align:center; text-transform:uppercase; font-size:13px; margin-bottom:10px;}
#anuncios, #noticias, #cursos {float: left; width:320px; background:#fff; padding:10px; margin-bottom:20px; margin-left:40px; height:480px;}

#anuncios h2, #noticias h2 , #cursos h2{ font-size:10px; margin-bottom:-20px; margin-top:5px; font-weight:400;}
#cursos h2 {margin-bottom:-5px !important;}
#anuncios ul, #cursos ul, #noticias ul { list-style:none; height:auto; width:100% ; margin-top:20px; margin-left:-20px}
#anuncios li, #cursos li , #noticias li{ display:block; margin-right:25px; margin-bottom:45px; z-index:2}
#anuncios p { width:100%;margin-top:5px; text-align:left;margin-right:100px;}
.imagem {width:167px;}
#seta { position:absolute; z-index:1 ; margin-top:0px; margin-left:10px; }
#seta2 { position:absolute; z-index:1 ; margin-top:-5px; margin-left:0px; cursor:pointer }
#seta2:hover {opacity:0.5}
#cursos h3 {font-weight:700; font-size:13px; margin-bottom:-5px; margin-top:-5px;}
#cursos p {font-size:11px; }
.vertodos, .vertodos2, .vertodos3{position:relative; margin-top:10px; font-size:10px; font-weight:400; left:70%; text-align:center; padding:2px; background:#F0F0F0; width:80px;  text-transform:uppercase; cursor:pointer}
.vertodos:hover, .vertodos2:hover, .vertodos3:hover {background:#00283D; color:#fff;}
#linha, #linha2, #linha3 {position:relative; border-bottom:1px dashed #CCC; margin-top:10px; top:20px; margin-bottom:10px; width:100%; height:20px;}
#linha2, #linha3 {top:-15px !important}
#linha3 { border-bottom:1px solid #CCC !important}
/* conteudos */
#sublist { position:relative; margin-left:20px; float:left; width:200px; padding-top:20px; left:0px}
#sublist h1 ,  #cnt h1 { font-size:14px; font-weight:700; color:#00283D; text-transform:uppercase }
#sublist ul { list-style:none; width:150px;}
#sublist li { display:block; margin-bottom:10px; border-bottom:1px solid #CCC; cursor:pointer}
#cntfixo, #cntdinamico {display:none; position:relative; margin-left:250px;  text-align:justify; text-justify:distribute; padding-top:30px; padding-bottom:20px; z-index:5 !important;width:85%; }
/*#cntfixo table , #cntdinamico table {margin-left:0px; /*text-align:center}*/
#encerrada, #encerrada2 { padding:10px; background:#F00; color:#fff; font-size:14px; font-weight:700}
#encerrada2 {font-size:12px !important; margin-bottom:10px; position:relative !important; bottom:15px;}
#sublist li:hover { opacity:0.5}
.selecao { color:#09F}
 #cnt h1 {margin-left:20px}
#cntfixo h1, #cntdinamico h1{ font-size:16px; font-weight:700; color:#00283D; margin-bottom:-10px; margin-left:20px}
#cntfixo h3, #cntdinamico h3 { font-size:10px; color:#333; font-weight:400 }
#cntfixo h4 {font-size:12px; font-weight:700; text-transform:capitalize}
#cntdinamico { margin-left:50px !important; }
#cntdinamico ul { list-style:none}
#cntdinamico li { display:block; margin-bottom:20px;}
input[type=button] { padding:3px; background:#00283D; color:#fff; text-align:center; border:0px; font-family: 'Varela Round', sans-serif; cursor:pointer }

/* galeria */
.img1 { display:none;}

#galeria img { width:200px; margin-bottom:0px;}
#galeria ul { list-style:none; z-index:-1; vertical-align:top; width:80%;}
#galeria li { display:inline-table;  margin-right:5px;  }
#galeria p {width:180px; line-height:1}

/* cursos */
.inscricao { background:#29A7DE !important; color:#fff !important;}
#tp5 h1 {margin-bottom:20px;}
#tp5 input[type=text], #tp5 textarea { font-size:11px; font-weight:400px; margin-bottom:20px; border:0px; background:#D1D1D1; color:#333;padding:5px;  width:550px; }
#tp5 input[type=button] { width:30px; height:30px;}
#tp5 input[type=submit]{ border:0px; width:30px; height:30px}
#tp5 input[type=submit]:hover { background:#00283D; cursor:pointer}
.validar { background:#00283D; color:#fff; width:auto !important;  font-size:14px; font-weight:700; margin-bottom:10px; text-transform:uppercase; }
.validar:hover { background:#CCC !important; color:#333; cursor:pointer}
.curso1, .curso2, .curso3, .curso4, .curso5, .espe{ display:none; position:relative}
.curso1 input, .curso2 input, .curso3 input, .curso4 input, .curso5 input { margin-bottom:0px !important;}

.focus {backgroud-color:#E0F5F8 !important; color:#333}
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
/*contactos */
#mapa {margin-left:10%; vertical-align:top; float:left; width:50%; height:300px; }
 #info { display:none; position:relative; margin-bottom:20px; z-index:16; margin-top:20px; background:#00283D; color:#fff; padding:5px; width:100%; height:auto;}
 #moradas {margin-top:0px; margin-bottom:20px;}

 #form_contactos { margin-left:62%;  margin-top:10px; display:block}
#form_contactos h1{ text-transform:uppercase; font-size:13px; margin-bottom:10px; color:#29a7de; }
#form_contactos input, #form_contactos textarea { font-family: 'Varela Round', sans-serif; margin-bottom:10px; border:0px; background:#CCC; padding:5px; width:300px; color:#333; font-size:11px}
#form_contactos textarea { height:100px;margin-bottom:10px;}
#form_contactos input[type=submit] { background:#29a7de; border:0px; margin-bottom:5px;color:#fff; padding:10px; vertical-align:central; width:305px; cursor:pointer}
#form_contactos input[type=submit]:hover {opacity:0.5}
 
/* footer */
#lista {width:55%; float:left; margin-left:15%; margin-top:0px;}
#lista ul { list-style:none ; margin-right:20px; }
#lista li { display:inline-table; }
.submenu{ display:block; width:85px; margin-left:0px;}
#lista ul ul { margin-left:-25px;}
#lista li li { margin-bottom:5px; }	
#lista h1 { font-size:13px; font-weight:700; color:#29a7de; text-transform:uppercase}
#lista h2 {font-size:10px; margin-left:-10px; margin-bottom:-5px; color:#808080;}

#form { margin-left:50%; padding-top:5px;}
#form h1{ text-transform:uppercase; font-size:13px; color:#29a7de; margin-top:20px }
#form input, textarea { font-family: 'Varela Round', sans-serif; margin-bottom:10px; border:0px; background:#fff; padding:5px; width:200px; color:#333; font-size:11px}
#form textarea { height:100px;margin-bottom:10px;}
#form input[type=submit] { background:#29a7de; border:0px; margin-bottom:5px;color:#fff; padding:10px; vertical-align:central; width:205px; cursor:pointer}
#form input[type=submit]:hover {opacity:0.5}

#seguir { width:30px; background:url("../imgs/seta_03.png") no-repeat; border:0px; height:30px; cursor:pointer}
#seguir:hover {opacity:0.5}


footer { background-color:#363636; width:100%; position:relative; bottom:0px; padding-bottom:0px; min-height:300px; height:auto;
}
#clear { clear:both}

#cnt_dinamico { position:relative; left:5%; top:5%; padding:30px 0 30px 10px; text-align:justify; line-height:25px; width:80%;}
#cnt_dinamico h1 { font-size:16px; font-weight:700; text-transform:uppercase}
#cnt_dinamico h2 { font-size:14px; font-weight:normal}

#lista_dinamica { position:relative; left:5%;}
#lista_dinamica ul { list-style:none;}
#lista_dinamica h1 {border-bottom:1px solid #666; margin-bottom:5px;}
#lista_dinamica li { display:inline-table; margin-right:10px; margin-bottom:20px; border:1px solid #CCC; padding:5px; cursor:pointer}
#lista_dinamica li:hover { background:#00283D; color:#fff;}

#listagem ul { list-style:none}
#listagem li { display:inline-table; margin-bottom:10px;}
#listagem h1, #titulo h1 { font-size:13px; text-transform:uppercase; font-weight:700;}
#listagem h2, #titulo h2 { font-size:10px; color:#999; font-weight:400; margin-top:-10px}
#titulo h1 { border-bottom:1px solid #CCC; padding-bottom:15px; margin-bottom:50px  }
#listagem h3 { font-size:14px; font-weight:400; border-bottom:1px solid #CCC; width:60%; margin-bottom:10px;}
#listagem p { text-align:justify; margin-top:-5px; margin-bottom:5px; font-size:11px}
#listagem img { cursor:pointer;}
#listagem img:hover { opacity:0.5}

.valid {position:relative; padding-top:-40px; z-index:5; color:#0F3}
.valid li{margin-bottom:5px;}

.menu { display:none;position:absolute;left:10px;	top:110px;    width: 90%;    max-width: 200px;    margin: 10px auto;font-size:12px;        text-transform:uppercase;		z-index:16;}
/* submenu mobile */
.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;border-bottom:1px solid #025189;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	width:100%;
	text-align: center;

	color: #FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	text-transform:uppercase;
	padding:5px;
	margin-top:-2px;
	

}

.ac-menu > li:hover > a{
	background:#025189;
}

.ac-menu > li:target > a {
	
	background: rgba(2, 81, 137,0.5);
}

/* Sub-Menu */

.sub-menu li a {
	margin:0;
	text-transform:none;
	text-align:left;
	text-indent:50px;
	padding:5px;
	color: #fff;
	background: #024F87;
	border:none;

}

.sub-menu li:hover a { background: rgba(2, 81, 137,0.2); }



/* Accordian Function */

.ac-menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	height: auto;
}

#submenus_m {display:none}

/* load carregamento */
#load { position:absolute; z-index:20; top:30%; left:50%; margin-left:-50px; margin-top:-50px; width:100px; height:100px; display:none }

/* templates */
#tp1 h1{ font-size:16px; margin-bottom:-5px; font-weight:700;}
#tp1 h2 { font-size:14px; margin-bottom:-5px; font-weight:700;}
#tp1 h3 {margin-top:-5px; margin-bottom:-5px; font-size:14px; font-weight:700}

.invalid {position:relative; font-size:10px; display:block; left:0px; top:10px; margin-top:5px; line-height:9px; margin-bottom:-15px; padding-bottom:5px; color:#fff;}
#inv {width:100%; height:100%; background:#fff; position:absolute; left:0px; top:0px; display:none; opacity:0; z-index:15;}

#info2 { position:absolute; top:50%; left:50%; margin-left:-100px; width:200px; height:auto; background:#00283D; color:#fff; -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; z-index:23; display:none; padding:10px; text-align:center; font-size:12px; font-weight:700; -webkit-box-shadow: 0 0 5px 1px #B5B5B5;
box-shadow: 0 0 5px 1px #B5B5B5; }
#partilha { position:relative; border-bottom:1px solid #CCC; margin-bottom:10px; width:100%}
#partilha ul { list-style:none; margin-left:-10px;}
#partilha li { margin-right:10px; display:inline-table;}

#imprimir:hover, #email:hover {opactity:0.5; cursor:pointer}
#url {display:none; width:400px; height:auto; padding:20px; -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;  background:#fff; z-index:20; position:absolute; top:10%; left:50%; margin-left:-200px  }

#fechar { border-radius:30px; width:20px; height:20px; padding:0px; background:#F00; color:#fff; font-size:12px; font-weight:700; text-align:center; position:absolute; right:5px; margin-bottom:5px;}
#fechar:hover {cursor:pointer; }
#url input[type=text] { border:0px; background:#D1D1D1; padding:5px; color:#333; width:250px; margin-bottom:10px;}
#url input[type=submit] { background:#00283D; color:#fff; padding:5px; text-transform:uppercase; font-weight:700; border:0px; text-align:center; width:auto; height:auto; font-size:12px}

.sub_activo { color:#FFF !important;}

#detalhe { margin-left:10px; position:relative; display:none}

#voltartopo {display:none; position:fixed; padding:10px; bottom:50px; left:20px; z-index:5; cursor:pointer}
#voltartopo span { vertical-align:top; margin-left:2px; margin-top:2px}

/* inscricoes */
#ins_dados, #ins_habi,#ins_mot,#ins_sp, #ins_anexo { display:none; position; relative}
#ins_habi {z-index:2;}
#ins_mot {z-index:3;}
#ins_sp {z-index:4;}
#ins_anexo {z-index:5;}
#etapa {position:relative; left:20px; padding:10px;}
#etapa ul { list-style:none}
#etapa li, #etapa_active { display:inline-table; margin-right:2px; padding:2px; border-bottom:3px solid #00283D;  width:auto; height:auto;}
.etapa_ative { border-bottom:3px solid #29A7DE !important}
.etapa_passou {border-bottom:3px solid #CCC !important; color:#ccc}

#local table{ position:relative; left:0px; margin-left:0px;}
#resposta { position:absolute; z-index:1000; background:#fff; width:300px;-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; height:auto; padding:20px;  left:50%; top:50%; margin-top:-100px; margin-left:-200px; text-align:center; border-bottom:1px solid #D1D1D1; width:300px; -webkit-box-shadow: 0 0 5px 1px #B5B5B5;
box-shadow: 0 0 5px 1px #B5B5B5;}