@charset "UTF-8";
/* CSS Document */

body{ background:url(i/background.jpg) top center repeat-y #EDE4CF; margin:0px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#333333; font-weight:300;}
ul, li{ margin:0; padding:0; list-style-type:none;}
.clear{ clear:both; height:1px;}
/*Estrutura*/
#background{ background:url(i/banner.jpg) top center no-repeat; width:100%; min-height:830px;}
#header{ width:960px; margin:0 auto; position:relative; height:435px;}
#home-page, #page { width:960px; margin:0 auto; position:relative; min-height:400px;}
#footer{ width:100%; height:370px; background:url(i/bg_footer.jpg) repeat-x; position:relative;}

/*columns*/
.fourth{ width:233px; float:left; margin-right:9px;}
.fourth.last{ margin-right:0px!important;}

/*header*/
.logo{ width:250px; height:118px; position:relative; top:0px; left:90px; display:block; background:url(i/logo.png)}
.logo:hover{ background-color:transparent !important;}
#main_menu{ widows:100%; position:absolute; right:0px; top:25px; text-align:right;}
#main_menu li{ float:left;}
#main_menu li a{ background:#834F73; padding:3px 5px; color:#FFFFFF; margin-left:5px; text-decoration:none; font-size:12px; text-transform:uppercase;}
#main_menu li a:hover{ background:#78005E;}
#main_menu li a span{ color:#C97CB6; text-transform:lowercase;}

/*#home-page*/
#home-page #cite{ text-align:center; width:100%; color:#1F857F; font-size:20px; font-family: 'Open Sans', sans-serif; display:block; font-weight:lighter; font-style:italic;}
#home-page .sep, #page .sep{ width:960px; height:5px; background:url(i/sprite.png) top center no-repeat; margin:30px 0px; display:block;}
#home-page .fourth{ margin-bottom:50px; background:url(i/bgrepeat_dest.png) top repeat-x; height:360px; position:relative;}
#home-page .fourth.last{ background:none;}
#home-page .fourth img{ padding:5px; width:223px; height:145px;}
.img_frame_style{ margin:5px; width:223px; height:145px; background:url(i/sprite.png) 0px -77px no-repeat; position:absolute;}
#home-page .cursos{ display:block; padding:0 5px 5px 5px; color:#4C4949; font-size:15px; height:16px; font-weight:400; line-height:15px;}
#home-page .fourth .titulo { margin:0 5px 10px 5px; display:block; height:60px; width:223px; background-image:url(i/sprite.png); background-repeat:no-repeat; text-indent:-9999px;}
#home-page #dest_criancas .titulo{ background-position: -223px -77px;}
#home-page #dest_jovens .titulo{ background-position: -446px -77px;}
#home-page #dest_senior .titulo{ background-position: -669px -77px;}
#home-page .fourth a{color:#FFF; font-size:13px; font-weight:400; padding:2px 4px; display:block; float:left; margin:0 0 3px 5px; clear:left; line-height:13px;}
#home-page .fourth a.info{ margin:20px 5px 0 5px; font-size:11px; background-image:url(i/sprite.png); text-align:right; background-color:transparent!important; background-repeat:no-repeat; width:223px; background-position: 0px -222px; line-height:11px; padding:0px; position:absolute; bottom:0px;}
#home-page #dest_criancas a{ background-color:#814B6C;}
#home-page #dest_jovens a, #home-page #dest_criancas a:hover, #home-page #dest_senior a:hover{ background-color:#9B5283;}
#home-page #dest_senior a, #home-page #dest_jovens a:hover{ background-color:#BA589C;}
#dest_criancas a.info{ color:#814B6C;}
#dest_jovens a.info {color:#9B5283;}
#dest_senior a.info {color:#BA589C;}

#home-page #dest_articulado { background: #75325c; }
#home-page #dest_articulado .titulo { margin:20px auto 0 auto; display:block; height:86px; width:206px; background:url(i/ensinoArticulado.jpg) no-repeat center; text-indent:-9999px;}
#dest_articulado .inscricoes { color: #f7d1ea; font-size: 23px; text-align: center;  display: block; width: 70%; margin: 30px auto; line-height: 25px; }
#dest_articulado a { background-color: #ba589c; margin-left: 10px!important; }
#dest_articulado a:hover { background-color: #814B6C; }

/*instrumentos*/
#home-page .fourth .instrumentos.first { width:65%; float:left;}
#home-page .fourth .instrumentos.last { width:35%; float:left;}
.block .instrumentos.first{ width:55%; float:left;}
.block .instrumentos.last { width:30%; float:left;}
.block .instrumentos a{ color:#7C7E7D; font-size:14px; font-weight:400; padding:3px 4px; display:block; float:left; margin-bottom:3px; clear:left; line-height:15px;}
#home-page .fourth .instrumentos a { color:#7C7E7D; font-size:14px; font-weight:400; padding:2px 4px; display:inline-block; float:none; margin-bottom:8px; clear:none; line-height:15px;}
#home-page .fourth .instrumentos a:hover, .block .instrumentos a:hover{ background-color:#FFFFFF;}
.bg1, .block .instrumentos .bg1{ background-color:#FBFBFB;} .bg1:hover, .block .instrumentos .bg1:hover{background-color:#F1F1F1!important;}
.bg2, .block .instrumentos .bg2{ background-color:#F1F1F1;}
.bg3, .block .instrumentos .bg3{ background-color:#E7E7E7;}
.bg4, .block .instrumentos .bg4{ background-color:#C6C6C6;}
#wiki{ text-indent:24px; display:block; width:100%; height:19px; line-height:19px; background:url(i/wiki.png) left center no-repeat; font-size:12px; color:#7A7D7D;  margin: 0 0 10px 5px;}


/*footer*/
#warp_footer{ width:960px; margin:0 auto; font-size:11px; color:#F7D1EA;}
#footer .fourth.last { width:200px;}
#footer .fourth.first{ width:266px;}
#footer .fourth.first input[type="text"]{ height:15px;}
#footer .fourth.first textarea { height:40px;}
#footer .fourth { margin-bottom:15px;}
#footer .sep{ width:960px; height:5px; background:url(i/sprite.png)  center -5px no-repeat; display:block;}
#footer .fourth h2{ text-transform:uppercase; color:#FFFFFF; font-size:17px; margin:20px 0 0 0; font-weight:300;}
#footer .fourth h3{ font-size:15px; color:#BA74A8; margin:0 0 10px 0; font-weight:300; line-height:15px;}
a { color:#FFF; font-size:11px; text-decoration:none; line-height:20px; display: inline-block;}
a:hover { color:#F7D1EA;}
#footer p{ text-align:justify;}
#facebook{ width:193px; height:63px; background:url(i/sprite.png) no-repeat 0 -10px; display:block; float:left; margin-top:15px;}
#newsletter{ height:30px;}
input[type="text"], textarea{ line-height:20px; width:80%; border:none; text-indent:5px; font-size:12px; color:#AE6B9C;font-family: 'Open Sans', sans-serif; font-style:italic; margin-bottom:7px; resize:none; float:left;}
input[type="text"]{ height:20px;}
input[type="submit"]{ background:#633155; text-transform:uppercase; padding:4px 5px; color:#BA74A8; margin-top:3px; float:right; border:none; font-size:15px; font-family: 'Open Sans', sans-serif; margin-right:20%;}
input[type="submit"]:hover{ cursor:pointer; color:#F7D1EA;}
#sep_apoio{ font-size:12px; color:#EDD2E6; width:100%; clear:both; float:left; margin-top:3px; font-weight:400; height:20px;}
#sep_apoio hr{  background-color: #793D69; border: 0;color: #793D69;float: right;height: 3px;margin: 10px 0;width: 67%;}
#apoios{ width:100%; float:left; margin:10px 0px;}
#apoios a{ width:97px; height:67px; display:block; background-image:url(i/sprite.png); background-repeat:no-repeat; float:left; margin-right:75px;}
#apoios a.last{ margin-right:0px;}
#apoios a:hover{ background-color:transparent;}
#apoios #min-edu { background-position: -193px -10px;}
#apoios #poph {  background-position: -290px -10px;}
#apoios #qren {  background-position: -387px -10px;}
#apoios #anq {  background-position: -484px -10px;}
#apoios #europa {  background-position: -581px -10px;}
#apoios #portugal {  background-position: -678px -10px;}
#creditos{ width:960px; text-align:right; line-height:30px; vertical-align:middle; font-size:10px; float:left; color:#FFFFFF; position:absolute; bottom:0px;}

/*home_content*/
#home_content {  width:100%; background:#F1EADC; margin-bottom:20px; min-height:150px;}
#home_content > div { width:960px; margin:0 auto!important; min-height:150px;}
#home_content .sep { width:960px; height: 5px; background:url("i/sprite.png") no-repeat scroll center top transparent; margin:0 auto!important; display:block;}
#home_content .noticias { width:960px; padding-bottom: 30px; clear: both; line-height: 0; font-size: 0;}
#home_content .titulo { text-transform: uppercase;
margin: 20px 0;
color: #4C4949;
font-weight: bold;
margin: 15px 0 25px 0;
font-size: 18px;}
#home_content .noticias .hgroup { width: 290px; margin: 0 0 10px 0; padding-left: 10px; border-left: solid 3px #834F73; display: inline-block;  vertical-align: top; margin-right: 15px;}
#home_content .noticias .hgroup.last { margin-right: 0; }
.hgroup h3 { color: #27b3a9; font-size: 11px; text-transform: uppercase; line-height: 15px;
margin: 0;
text-indent: 3px;}
.hgroup h2 { margin:0; color:#834F73; text-transform: uppercase; font-size: 14px; line-height: 18px; font-weight:normal;}
.hgroup h2 a { color:#834F73; text-transform: uppercase; font-size: 14px; line-height: 18px; text-decoration: none; font-weight:normal;padding:3px;}
.hgroup a:hover { background:#FFFFFF;}


/*páginas*/
#page h1{ font-size:27px; color:#1F857F; font-weight:lighter; font-style:italic; margin:0px;}
#page h2{ background-color:#834F73; color:#FFFFFF; font-weight:400; margin:10px 0px; padding: 1px 8px; font-size:15px; float:left;}
#page h3 { font-size:14px; font-weight:bold; margin:10px 0px;}
#page h4{ background-color:#FFF; color:#333333; font-weight:400; margin:10px 0px; padding: 1px 8px; font-size:15px; float:left;}
.columnLeft p{ clear:left;}
#page .columnLeft li{ line-height:25px; font-weight:lighter; font-style:italic; list-style: circle outside none;
    margin-left: 15px;}
#page .sep{margin:10px 0 30px 0!important;}
#page .columnLeft{ width:620px; margin-right:40px; float:left; line-height:25px; font-weight:400;}
#page .columnRight, #columnRight{ width:300px; float:left; margin-bottom:70px;}
.block{ width:100%; margin-bottom:30px; min-height:60px; background:url(i/block_header.png) no-repeat left top; float:left;}
.block_header{ display:block; width:290px; margin-left:10px;  font-size:16px; color:#78005E; text-transform:uppercase; font-weight:400; margin-bottom:10px;}
.block a, .block span, .block  p{ font-size:13px; font-weight:400; padding:3px 4px; display:block; float:left; margin-top:6px; line-height:15px; background-color:#FFF; color:#333333; margin-left:10px; clear:left;}
.block  p{margin:0 0 0 10px!important;}
a:hover{ background-color:#834F73; color:#FFF;}
iframe{margin-left:10px;}
.top{ width:100%; height:15px; background:url(i/sprite.png) -338px -149px; float:left;}
.top:hover{ cursor:pointer;}
.columnLeft .destaque { width:94%;  padding:1% 3%; min-height:100px; float:left; margin:20px 0; background: url(i/block_header.png) no-repeat left top #F1EADC;}
.columnLeft .destaque h3 { font-size: 16px; color:#78005E; text-transform: uppercase; font-weight:normal;}
.columnLeft .destaque a {  color: #333; font-size: 13px; line-height: 18px; font-weight:normal; text-decoration:underline; font-weight:bold; padding:4px 2px;}
.columnLeft .destaque a:hover { background:#FFF; text-decoration:none;}

#page #dos0aos9{ margin-right:0px!important;}
#page #dos0aos9 p, #page #dos0aos9 ul{ padding-right:40px;}
#page #dos0aos9 div{ background:url(i/metric.png) repeat-y top right;}

#cursos_banner{ margin-bottom:55px; float:left; position:relative;}
#cursos_banner #links{ margin-right:20px; width:320px; float:left;}
#links .block{ margin-bottom:10px!important;}
#links p{ font-weight:400;}
#cursos_banner #slideshow{ width:620px; height:400px; overflow:hidden; float:left; }
#cursos_banner a.info{ font-size:11px; background:url(i/sprite.png) no-repeat -223px -137px; text-align:right;  width:310px; line-height:11px; padding:0px; color:#814B6C; display:block; float:left; margin-left:10px; font-weight:400;}
.nav{ position: absolute; top:309px; right:0px; width:91px; height:91px; background:url(i/sprite.png) no-repeat -223px -149px; z-index:99;}
#prev, #next{ width:12px; height:21px; background:url(i/sprite.png); background-repeat:no-repeat; display:block; position:absolute; top:60px;}
#prev{ background-position: -314px -149px; left:40px;} #next{ background-position: -326px -149px; right:10px;}



#wrapper{
    overflow: hidden;
	width:100%;
}
#portamento_container {float:right; position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #columnRight{float:none; position:absolute; } /* no need to float anymore, become absolutely positoned */
#portamento_container #columnRight.fixed  {position:fixed;} /* if the panel is sliding, it needs position:fixed */

.needsfilled {
  background: #FFD3CD;
  color: #F30!important;
}

.submit1, .submit2{ background:#633155; text-transform:uppercase; padding:4px 5px; color:#BA74A8; margin-top:3px; float:right; border:none; font-size:15px; font-family: 'Open Sans', sans-serif; margin-right:20%;}
.submit1:hover, .submit2:hover{ cursor:pointer; color:#F7D1EA;}

#response{
  display: none;
  padding: 12px; 
  text-align: center;
}
#response-container{
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -127px;
  width: 330px;
  height: 125px;
  background: #FFFFA0;
}