/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com

		Desktop layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/*

Cabecalho

*/
body { background: #FFF }
header { overflow: hidden; background-color: #192e5c; border-bottom: 30px solid white;  }
#Cabecalho { width: 960px; margin: 0 auto; }
#Logo { display: block; float: left; margin-bottom: 10px; height: 80px; }
#Logo img { position: relative; top: 10px; left: 0px; }
#ProcurarArea { float:right; margin: 25px 20px 0 0; text-align: right; border:none;}
#ProcurarArea *, #ProcurarArea input { border:none; }
#ProcurarArea input[type='text'] { width: 195px; height: 30px; background: url('/assets/img/procurar.png') no-repeat; padding: 1px 4px 1px 30px; color: #333; text-transform:uppercase; }
#ProcurarArea input[type='submit'] { display: none; }
/*

conteudos

*/
.conteudos { clear:both;  display:table; width: 960px; margin: 0 auto; padding: 0; background-color:white; }
.coluna2 { float:right; width: 660px; }
/*

Menu

*/
#nav { width: 250px; float:left; text-align: left; background-color: white; }
#nav ul { margin: 1px 0; }
#nav ul li { list-style: none; }
#nav ul li a:hover { color:white; background-color: #1c3E94; }
#nav ul li a:active { color:white; background-color: #696969; }
#nav ul li a { display:block; color: black; margin-top: 1px; padding: 10px; background-color: #e8e8e8; }
#nav ul li ul, menu ul li ul * { }
#nav .active { color: white; background-color: #E31B23; }
#nav > a { display: none; }
/*

Banner

*/
#BannerArea { width: 660px; heigth: 250px; background-size: 100% auto; } 
#Banner { text-align: left; /*
box-shadow: 0px 15px 10px -10px #888888; 
-mox-box-shadow: 0px 15px 10px -10px #888888; 
-webkit-box-shadow: 0px 15px 10px -10px #888888; */ }
#Banner ul li { list-style:none; }
#Banner .caption { display:none; }
/*

Caminho

*/
#CaminhoArea { clear:both; display: table; width: 100%; border: 1px solid #ccc; /*
box-shadow: 0px 15px 10px -10px #888888; 
-mox-box-shadow: 0px 15px 10px -10px #888888; 
-webkit-box-shadow: 0px 15px 10px -10px #888888; */ }
#Caminho { height: 36px; background-color: #f8f8f8; text-align: left;  }
#Caminho a.breathcumb { display: inline-block; color: #666; font-size: 90%; height: 26px; padding: 10px 20px 0 10px; background: url('/assets/img/bc_separator.png') no-repeat top right; }
#Caminho a:hover { color: #1c3e94; }
/* 

Corpo

*/
#InfoArea { clear: both; display: table; }
#Info { clear:both; display:block; margin: 20px auto; }
#Info h3 { clear: both; display:block; position:relative; float:none; margin: 25px 0; font-size: 22px; color: #DD1A22;
text-shadow: 1px 1px 1px #999; font-variant: small-caps;
 /* margin: 0 auto; text-align:center;*/ }
#Info h3:nth-child(n+2) { color: #1C3E94; }
#Info .paginas ul { margin-left: 20px; }
#Info .paginas ul.tabs { margin-left: 0; }
#Info #tabs h3 { color: #696969; }
/*     Paginas     */
.paginas { margin: 0 0; padding: 0; min-height: 150px; }
.paginas p { padding: 5px 0; text-align:justify; }
.paginas p img { width: 600px; }
.dt_actualizacao { clear: both; margin: 10px; text-align: center; color: #999; font-size: 10px; }
.paginas table td { font-size: 90%; vertical-align: middle; padding: 3px; }
.paginas table { border-collapse:collapse; }
.paginas table tr:first-child { border-top: 2px solid #999; border-bottom: 2px solid #999; }
.paginas table tr { border-bottom: 1px solid #999; }
.paginas table th { text-align: center; margin: 0 auto; }
/*     submenu     */
.ui-tabs { width: 100%; font-size: 90%; }
/*     Recursos    */
.recursos { clear: both; width: 100%; padding: 0; font-size: 12px; color: black;  }
.recursos ul { width: 100%; display: block;  }
.recursos ul li { display: inline-block; float:left; width: 450px; min-height: 200px; margin: 30px 15px 20px 0px; background-color: white; padding: 0; }
.recursos ul li:last-item { margin-right: 0; }
.recursos h4 { font-size: 18px; padding: 10px 10px; }
.recursos p { padding: 10px 15px; margin: 3px 0; text-align: justify; line-height: 15px; }
.recursos p.duracao { display:none; position: relative; float: left; bottom: 0px; font-size: 11px; color: #118742; }

/*
Eventos
*/
.evento td { padding: 3px; }
/*

Galerias

*/
#Galeria img { width: auto; height: 100px; border: 1px solid #e8e8e8; margin: 10px; padding: 5px; background-color: #CCC; display:inline-block; }



/*
ContactosForm
*/
#contact_form { display: block; width: 100%; margin: 10px 0;  }
#contact_form input[type='text'],
#contact_form textarea { width: 300px; padding: 3px 5px; background-color: #EEE; border: 1px solid #999; }
#contact_form textarea  { height: 200px;  }
#contact_form input[type='text']:focus,
#contact_form textarea:focus { background-color: #DDD; }
#contact_form textarea { height: 100px; }
legend { font-size: 14px; padding: 5px 10px; margin: 0 auto; }
label { color: grey; font-size: 12px; }
/*

RODAPE

*/
#RodapeArea { clear: both; text-align: center; padding: 15px 0; background-color: #192e5c; color:white; 
/*border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top: 10px solid white;
box-shadow: 0px 15px 10px -10px #888888; 
-mox-box-shadow: 0px 15px 10px -10px #888888; 
-webkit-box-shadow: 0px 15px 10px -10px #888888; */ }
#RodapeArea, #RodapeArea a { color: white; font-size: 90%; }
#Rodape { width: 960px; margin: 10px auto; }
footer ul { list-style-type: none; }
footer ul.apoios { margin: 30px 0; }
footer ul li { display: inline; }
footer ul.apoios li:after { content: ''; }
footer ul li:first-child { list-style: none; }
footer .submenu, footer .subsubmenu { display: none; }
footer p { clear: both; }
footer .apoios img { height: 40px; }

/*     Partilhas     */
.partilhas { clear: both; display: block; text-align: center; margin: 10px; padding: 5px;  }
.partilhas > span span span { }



@media(max-width:479px) {
   header { width: 95%; border-top: 4px solid #1c3E94; }
   #Logo img { height: 80px; }
   #ProcurarArea { clear: both; float:none; display:block; width: 95%; margin: 0 auto; border-top: 1px solid #e8e8e8; }
   #ProcurarArea *, #ProcurarArea input { border:none; }
   #ProcurarArea input[type='text'] { width: 100%; height: 20px; background: none; padding: 1px 4px; color: #333; text-transform:uppercase; }
   /*  Caminho  */
   #CaminhoArea {  border:none; box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; font-size: 60%;  }
   #Caminho { height: 26px; }
   #Caminho a.breathcumb { background: none; padding: 8px 0 0 10px;  }
   #Caminho a.breathcumb:after { content: " →"; }
   /*  Conteudos  */
   #Info { font-size: 90%; }
   .conteudos { clear:both;  display:table; width: 95%; margin: 0 auto; padding: 0; }
   .coluna2 { float:none; width: 95%; margin: 0 auto; }
   .paginas { margin: 0; padding: 0; min-height: 150px; }
   .paginas img { width: 100%; float:none; margin: 0 auto; text-align:center; }
   /*  Menu  */
   .one_third { width: 100%; }
   #nav { width: 95%; float:none; display: table; text-align: center; background-color: #e8e8e8; font-size: 60%; box-shadow: none; -mox-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
   #nav ul { width: 100%; margin: 0 auto; }
   #nav ul li { list-style: none; float:left; display: inline-block;  }
   /*  Galeria  */
   #Galeria img { width: auto; height: 100px; margin: 10px 10px 10px 0; }
   /*  Rodape  */
   #RodapeArea { width: 95%; font-size: 90%; box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; }
}

@media(min-width: 480px) and (max-width: 767px) {
   header { width: 95%; border-top: 4px solid #1c3E94; }
   #Logo img { height: 80px; }
   #ProcurarArea { margin: 35px 20px 0 0; border: 1px solid #e8e8e8; }
   #ProcurarArea *, #ProcurarArea input { border:none; }
   #ProcurarArea input[type='text'] { width: 120px; height: 20px; background: none; padding: 1px 4px; color: #333; text-transform:uppercase; }
   /*  Caminho  */
   #CaminhoArea { border:none;  box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; font-size: 60%;  }
   #Caminho { height: 26px; }
   #Caminho a.breathcumb { background: none; padding: 8px 0 0 10px; }
   #Caminho a.breathcumb:after { content: " →"; }
   /*  Conteudos  */
   #Info { font-size: 90%; }
   .conteudos { clear:both;  display:table; width: 95%; margin: 0 auto; padding: 0; }
   .coluna2 { float:none; width: 95%; margin: 0 auto; }
   .paginas { margin: 0; padding: 0; min-height: 150px; }
   .paginas img { width: 100%; float:none; margin: 0 auto; text-align:center; }
   /*  Menu  */
   .one_third { width: 100%; }
   #nav { float:none; display: table; text-align: center; background-color: #e8e8e8; font-size: 60%; box-shadow: none; -mox-box-shadow: none; -webkit-box-shadow: none; width: 95%; margin: 0 auto; }
   #nav ul { width: 100%; margin: 0 auto; }
   #nav ul li { list-style: none; float:left; display: inline-block;  }
   /*  Galeria  */
   #Galeria img { width: auto; height: 100px; margin: 10px 10px 10px 0; }
   /*  Rodape  */
   #RodapeArea { width: 95%; font-size: 90%; box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; }
}

@media(min-width: 768px) and (max-width: 991px) {
   header { width: 95%; border-top: 4px solid #1c3E94; }
   #Logo img { height: 100px; }
   #ProcurarArea { margin: 35px 20px 0 0; }
   /*  Caminho  */
   #CaminhoArea {  border:none; box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; font-size: 60%;  }
   #Caminho { height: 26px; }
   #Caminho a.breathcumb { background: none; padding: 8px 0 0 10px; }
   #Caminho a.breathcumb:after { content: " →"; }
   /*  Conteudos  */
   .conteudos { clear:both;  display:table; width: 95%; margin: 0 auto; padding: 0; }
   .coluna2 { float:none; width: 95%; margin: 0 auto; }
   .paginas { margin: 0; padding: 0; min-height: 150px; }
   .paginas img { width: 100%; float:none; margin: 0 auto; text-align:center; }
   /*  Menu  */
   .one_third { width: 100%; }
   #nav { float:none; display: table; text-align: center; background-color: #e8e8e8; font-size: 60%; box-shadow: none; -mox-box-shadow: none; -webkit-box-shadow: none; width: 95%; margin: 0 auto;  }
   #nav ul { width: 100%; margin: 0 auto; }
   #nav ul li { list-style: none; float:left; display: inline-block;  }
   /*  Galeria  */
   #Galeria img { width: auto; height: 100px; margin: 10px 10px 10px 0; }
   /*  Rodape  */
   #RodapeArea { width: 95%; font-size: 90%; box-shadow: none; -mox-box-shadow: nonne; -webkit-box-shadow: none; }
}