#header {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:29px;
	background:url(../images/bg_header.png) repeat-x top left;
	z-index: 1000;

}

#header p {	
		text-align:center;
		font-size:11px;
		font-family:"MS Serif", "New York", serif;
		font-style:italic;
		line-height:8px;
		}

.logo {width:106px; height:72px; float:left; margin-top:-10px; margin-left:-20px; margin-right:30px;}

.langue {width:70px; z-index:100;font-size:14px; position:absolute; top:8px; right:10px; color:#999;font-family: 'museo_sans_500regular', 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;}
.langue a:link {color:#999; text-decoration:none;}
.langue a:visited {color:#999; text-decoration:none;}
.langue a:hover {color:#000; text-decoration:none;}

.text { padding-top:50px; width:650px; margin:0 auto; padding-bottom:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:20px; font-style:italic; color:#fff;text-shadow: 1px 1px 4px #333;filter: dropshadow(color=#333, offx=1, offy=1);}
 
#design {position: absolute; bottom:20px; font-size:9px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#333; margin-left:830px;}
nav ul li {
	position:relative;
	z-index:0;
	font-family: 'museo_sans_500regular', 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;
	list-style-type:none;
	font-weight: 500;
	float:left;
	color: #000;
	width: 100px;
	padding-left:5px;
	padding-right:15px;
	line-height: 34px;
	height: auto;
	text-align:center;
	font-size: 14px;
	text-decoration:none;
	text-align: center;
	text-transform:uppercase;
}

nav ul { width:auto; margin-top:14px;}
nav ul li a:link {color:#000; text-decoration:none;}
nav ul li a:visited {color:#000; text-decoration:none;}
nav ul li a:hover {color:#c81f46; text-decoration:none;}

.active {color:#c81f46;}

.cedilha {width:48px; height:25px; bottom:-20px; background:url(../images/cedilha_nav.png) no-repeat center center; position:absolute; z-index:100;}
.home {margin-left:160px;}
.servicos {margin-left:270px;}
.actividade {margin-left:390px;}
.compromisso {margin-left:520px;}
.noticias {margin-left:630px;}
.parceiros {margin-left:745px;}
.contactos {margin-left:865px;}

.column_morenews {width:491px; height:auto; padding-top:0px; padding-bottom:30px; margin:10px auto 10px auto; color:#FFF; cursor:pointer}

.column_morenews:hover {  /* changes the color of the text to blue on mouseover */
     color: #ccc;
}
#load_content_news {
	width:491px;
	margin-left:auto;
	margin-right:auto;
	min-height:300px;
}
.new_column {width:491px; height:auto; border-top:1px solid #fff; padding-top:20px; padding-bottom:30px; margin:10px auto 10px auto;}
.new_column span img {width:491px; height:194px;}
.new_column h4 {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#fff;}
.new_text {padding-top:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;color:#fff; line-height:20px;}

.date {width:150px; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; float:left; margin-top:22px;}
.bts_social {width:186px; height:auto;float:right;margin-top:22px;}
.border { border-bottom:1px solid #fff; padding-top:10px; padding-bottom:10px;}

.paddingtop {padding-top:190px;}
.padtop {padding-top:20px;}
/* "Fix" for percentage rounding: add a background bar pseudo element with the same color like the labels */
nav {
	content: '';
	position: fixed;
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 9;
	top:29px;
	-webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);

}

.subtitle {font-size:11px; position:absolute; text-align:center; z-index:5; margin-left:-8px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#c81f46; text-transform:lowercase; width:100px; margin-left:auto; margin-right:auto; margin-top:-5px; line-height:15px;}

.col {width:185px; color:#333; float:left; margin-left:60px; margin-top:20px;  height:130px; position:relative; line-height:20px; font-size:12px; font-family: 'museo_sans_500regular', 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;}

.icons { margin-left:-5px; width:154px; line-height:20px;  height:20px; position:absolute; bottom:0; padding-left:20px; font-size:12px; font-family: 'museo_sans_500regular', 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;}
.google {background:url(../images/map.png) no-repeat top left;}
.face {background:url(../images/facebook.png) no-repeat top left;}
.tweet {background:url(../images/tweet.png) no-repeat top left; padding-left:27px;}

.st-scroll,
.st-panel {
	width: 100%;
	height: 100%;
}

.st-scroll {
	top: 101px;
	left: 0;

}

.st-scroll:target {
	top:0;
	opacity:1;
	-webkit-animation: slideOut 0.8s ease-in-out;
	-moz-animation: slideOut 0.8s ease-in-out;
	-o-animation: slideOut 0.8s ease-in-out;
	-ms-animation: slideOut 0.8s ease-in-out;
	animation: slideOut 0.8s ease-in-out;
  }

@-webkit-keyframes slideOut{
	0%{margin-top:-100px; opacity: 0; }
	100%{top:0; opacity: 1;}
}
@-moz-keyframes slideOut{
	0%{margin-top:-100px; opacity: 0;}
	100%{top:0; opacity: 1;}
}
@-o-keyframes slideOut{
	0%{margin-top:-100px; opacity: 0;}
	100%{top:0; opacity: 1;}
}
@-ms-keyframes slideOut{
0%{margin-top:-100px; opacity: 0;}
	100%{top:0; opacity: 1;}
}
@keyframes slideOut{
	0%{margin-top:-100px; opacity: 0;}
	100%{top:0; opacity: 1;}
}

/* Content elements */

.st-deco{
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -100px;
	background: #fa96b5;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-moz-transform: translateY(-50%) rotate(45deg);
	-o-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.st-panel h2 {
	color: #e23a6e;
	text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
	position: absolute;
	font-size: 54px;
	font-weight: 900;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	margin: -70px 0 0 0;
	padding: 0;
	top: 50%;
	-webkit-backface-visibility: hidden;
}

.st-panel p {
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #8b8b8b;
	z-index: 2;
	padding: 0;
	width: 50%;
	left: 25%;
	top: 50%;
	margin: 10px 0 0 0;
	-webkit-backface-visibility: hidden;
}

/*gal*/
.gal-1 {
	margin-top:100px;
	background:url(../images/vantagens.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:320px;
}

.gal-2 {
	margin-top:100px;
	background:url(../images/servicos.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:320px;
}

.gal-3 {
	margin-top:100px;
	background:url(../images/actividade.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:320px;
}

.gal-4 {
	margin-top:100px;
	background:url(../images/compromisso.jpg) no-repeat top center;
	background-size:cover;
	width:100%;
	height:320px;
}

.gal-5 {
	margin-top:100px;
	background:url(../images/parceiros.png) no-repeat top center;
	background-size:cover;
	width:100%;
	height:320px;
}

.gal {
	background-color:#eee;
	background-size:cover;
	width:100%;
	height:380px;
	margin-top:80px;
}


.wrap {width:974px; margin:0 auto; padding-left:50px;}
.bottom { padding-bottom:25px;}
.column {padding-top:10px; width:360px; float:left; font-style:italic; margin-left:40px; margin-right:20px; color:#fff;font-family:"Georgia", "New York", serif;font-size:15px; }
.column ul li {list-style-type:none; color:#fff; font-size:15px;  padding-top:10px; padding-bottom:10px; font-family:"Georgia", "New York", serif;}
.column ul {margin-left:0; padding-left:0;}

.column a:link {color:#fff; text-decoration:none;}
.column a:visited {color:#fff; text-decoration:none;}
.column a:hover {color:#ccc; text-decoration:none;}

#link_news a:link {color:#fff; text-decoration:none;}
#link_news a:visited {color:#fff; text-decoration:none;}
#link_news a:hover {color:#ccc; text-decoration:none;}

#load_content {margin-left:150px; padding-top:10px;} 
.marginleft_clear {margin-left:0px; } 
.marginleft {margin-left:150px; } 
.margintop {margin-top:100px;}
.column h4 {text-transform:uppercase; font-style:normal; font-family:"Georgia", "New York", serif; font-weight:100;margin-top:20px; margin-bottom:2px; padding-bottom:2px;}

.column form {margin-top:10px;}
.column label {font-size:13px; font-style:normal; margin:10px 0 10px 0; }
.column input {font-size:13px; font-style:normal; margin:10px 0 10px 0; padding:2px; border:1px solid #ccc; background:fff; width:250px;-webkit-border-radius: 3px;
border-radius: 3px; -webkit-box-shadow: inset 1px 1px 3px 1px #cccccc;
box-shadow: inset 1px 1px 3px 1px #cccccc;}
.column textarea {font-size:13px; font-style:normal; height:50px; margin:10px 0 10px 0; padding:2px; border:1px solid #ccc; background:fff; width:250px;-webkit-border-radius: 3px;
border-radius: 3px;-webkit-box-shadow: inset 1px 1px 3px 1px #cccccc;
box-shadow: inset 1px 1px 3px 1px #cccccc;}

.button input {font-family:"Georgia", "New York", serif; font-weight:100; font-size:12px; width:50px;-webkit-box-shadow: 1px 1px 5px 1px #666;padding:5px; text-align:center;
box-shadow: 1px 1px 5px 1px #851a20;}
.photo {	width:491px; height:191px; }
#backtop {
	position:absolute;
	width:75px;
	height:37px;
	bottom:10px;
	z-index:100;
	margin-left:1005px;
	cursor: pointer;
	cursor: hand;
}

.signature {width:165px; height:117px; margin-left:490px; margin-top:10px;}
#footer {width:100%;  height:200px; background:url(../images/bg_header.png) repeat; position:relative;}

.logo_footer{width:105px; height:57px; float:left; margin-top:50px;  margin-left:-20px;}

.col a:link {color:#333; text-decoration:none;}
.col a:visited {color:#333; text-decoration:none;}
.col a:hover {color:#c81f46; text-decoration:none;}
/* Colored sections */

.st-color,
.st-deco{
	background: #c81f46;
	position:relative;
}
.st-color [data-icon]:after {
	color: #fa96b5;
}
.st-color .st-deco {
	background: #fff;
}
.st-color h2 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 
.st-color p {
	color: #fff;
	color: rgba(255,255,255,0.8);
}

#results_load {
	float:left;
}

#msg_error {
	float:left;
	width:260px;
	font-size:12px;
}
.form_null {
color:#FFF; font-size:14px; padding-left:2px;	
}
@media screen and (max-width: 1024px) {
	.column {width:330px;}
	.column ul li {font-size:13px;}
	}

@media screen and (max-width: 830px) {
nav ul li {
	width: 90px;
	padding-left:0;
	padding-right:0;
	font-size:12px;
}
.logo {margin-right:20px;}
.text {width:600px; margin-left:50px;  padding-bottom:30px; }
.col { margin-left:0px;}
.column {margin-left:90px; width:240px;}
.column ul li {font-size:13px;}
.cedilha {display:none;}
#load_content {margin-left:0;}
#load_content_news {margin-left:95px;}
.logo_footer {margin-right:25px;}
}

@media screen and (max-width: 768px) {
	nav ul li {
	width: 80px;
	font-size:11px;
	padding:0px 5px 0 5px;
	text-align:center;
}
.logo {margin-right:0px;}
.subtitle {display:none;}
nav ul {margin-left:-40px; margin-top:20px;}
.langue {width:25px; font-size:11px;}
.cedilha {display:none;}
.column {margin-left:50px; width:250px;}
.text {width:600px; margin-left:20px;  padding-bottom:30px; }
.col {font-size:11px; width:130px; margin-left:30px;}
#load_content {margin-left:0;}
#load_content_news {margin-left:80px;}
.logo_footer {margin-right:25px;}
}

@media screen and (max-width: 640px) {
	nav ul li {
	width: 60px;
	font-size:10px;
	padding:10px 5px 0 5px;
	text-align:center;
}
.logo {margin-right:0px;}
.subtitle {display:none;}
nav ul {margin-left:-40px; margin-top:20px;}
.langue {width:25px; font-size:11px;}

.column {margin-left:10px; width:250px;}

.col {font-size:11px; width:130px; margin-left:30px;}
#load_content {margin-left:0;}
#load_content_news {margin-left:0;}
.text {width:500px; margin:0;  padding-bottom:30px; }
.logo_footer {margin-right:25px;}
}


@media screen and (max-width: 360px) {
nav ul li {
	width: 70px;
	font-size:12px;
	float:none;
	padding:0px;
	text-align:left;
}
.new_column {margin:20px 0 10px 0; width:200px;}
.langue {width:25px; font-size:11px;}
.logo_footer {display:none;}
nav ul {margin-left:80px; margin-top:10px; }
.subtitle {display:none;}
#footer {height:auto; padding-top:20px; padding-bottom:30px; }
nav {height:260px;}
.gal, .gal-1, .gal-2, .gal-3, .gal-4 { width:100%; margin-top:220px;}
.marginleft {margin-left:0;}
.col { float:none; margin:0; height:auto; margin-top:10px;padding-bottom:35px;}
.column {margin-left:10px; font-size:13px;width:250px; float:none; padding-top:0;}
.column ul li {font-size:13px;}
.text {width:200px; margin:0;  padding-bottom:30px; }
.column input {width:200px;}
.column textarea {width:200px;}
.button input { width:50px;}

#load_content {margin-left:0;}
}