﻿/* ::::::::::::::::::::::::::::::::::::::::: Geral :::::::::::::::::::::::::::::::::::::::: */
html, body, #page-wrapper { min-height: 100%; width: 100%; height: 100%; }

html>body, html>body #page-wrapper { height: auto; }

body { height:100%; margin:0; right:0; padding:0; color:#111106; font:13px "Trebuchet MS", Arial, sans-serif; background:#edc100 url(../imgs/fundo_contents.jpg) no-repeat right 100px;}
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }
a img { border:none; }
ul { list-style:none; }
a { text-decoration:none; color:#059aad }
a:hover { color:#30567C}
.clear { clear:both; }

#page-wrapper { margin:0; padding:0; width:100%; overflow:hidden; position: absolute;top: 0; left: 0; }

#contentsLeft { float:left; /*position:absolute;*/ width:377px; /*height:700px; min-height:700px;*/ }

#contentsWrapper { display:block; margin:0 0 0 377px; padding-bottom: 15px; }

/* ::::::::::::::::::::::::::::::::: 2. Header :::::::::::::::::::::::::::::::::::::::::: */
#header {/* width:100%; position:absolute;*/ margin:0; padding:0; background:#edc100 url(../imgs/fundo_topmenu01.png) no-repeat left top;  }

/*_____________menu top_________________*/

div#navigationTop { float:right; height:20px; padding-right:1px; padding-top:5px;}
ul#navTop { margin-top:0px; display:block; float:right; background:none }
ul#navTop li { float:left; text-align:left; font:normal 10px/16px "Verdana", Times, serif; background:none}
ul#navTop li a { display:block; text-decoration:none; color:#fff; padding:0 40px 0 19px; font-weight: bold; background:none }
ul#navTop li a:hover { color:#fff; text-decoration: underline; background:none  }

ul#navTop li#navTop-home a { background: url(../imgs/home.png) no-repeat left; width:20px; }
ul#navTop li#navTop-links a { background: url(../imgs/links.png) no-repeat left; width:20px; }
ul#navTop li#navTop-contactos a { background: url(../imgs/contactos.png) no-repeat left; width:40px; }

ul#navTop li#navTop-home a:hover, 
ul#navTop li#navTop-links a:hover, 
ul#navTop li#navTop-contactos a:hover {color:#fff; text-decoration: underline; }

/*_____________menu principal_________________*/

div#navigation { clear:right; height:40px; width:auto; position:relative; top:47px; background-color:#059aad; border-bottom:1px solid #fff; border-top:1px solid #fff;}

	ul#nav { margin-top:0px; display:block;}
	
	ul#nav li { float:left; text-align:left; font:normal 21px/27px "Trebuchet MS", Times, serif; text-decoration: none; }
	ul#nav li a { display:block; text-decoration:none; color:#fff; padding:0 0 0 20px; margin-top:5px; font-weight: normal; }
	
	
	ul#nav li#nav-organizacao a { background: url(../imgs/seta01.png) no-repeat left; width:150px ; padding:0 0 0 25px }
	ul#nav li#nav-conceito a { background: url(../imgs/seta01.png) no-repeat left;  width:115px ; padding:0 0 0 25px}
	ul#nav li#nav-faq a { background: url(../imgs/seta01.png) no-repeat left;  width:70px ; padding:0 0 0 25px}
	ul#nav li#nav-job a { background: url(../imgs/seta01.png) no-repeat left;  padding:0 0 0 25px}

	ul#nav li#nav-organizacao a:hover, 
	ul#nav li#nav-conceito a:hover, 
	ul#nav li#nav-faq a:hover,
	ul#nav li#nav-job a:hover { background: url(../imgs/seta02.png) no-repeat left;}
	
div#navIdioma	{ color:#FEFEFE; float:right; width:192px; height:26px; position:relative; /*background: url(../imgs/bandeira_fundo.png) no-repeat right center;*/ margin:7px 10px; 0 0; }
	ul#idioma li { float:left; text-align:left; text-decoration: none; font-size:11px; padding:5px 5px 0 8px; }
	ul#idioma li a { display:block; text-decoration:none;  }
	ul#idioma li a:hover { text-decoration:underline;  }

/*_____________activo pt_________________*/	
	ul#idioma { margin-top:0px; display:block;}
	ul#idioma li#idioma-pt a { color:#FEFEFE; width:72px; background: url(../imgs/pt.png) no-repeat right center; padding-left:3px; }
	ul#idioma li#idioma-en a { color:#FEFEFE; width:55px; background: url(../imgs/uk.png) no-repeat right center; }
	ul#idioma li#idioma-de a {color:#FEFEFE;  width:57px; background: url(../imgs/de.png) no-repeat right center;  padding-right:5px; margin:0 8px 0 3px; }

/*_____________activo de_________________*/		
	ul#idioma li#idioma-pt1 a { color:#FEFEFE; width:72px; background: url(../imgs/pt.png) no-repeat right center; padding-left:3px; }
	ul#idioma li#idioma-en1 a { color:#FEFEFE; width:55px; background: url(../imgs/uk.png) no-repeat right center; }
	ul#idioma li#idioma-de1 a {color:#FEFEFE;  width:57px; background: url(../imgs/de.png) no-repeat right center;margin:0 8px 0 5px; }

/*_____________activo en_________________*/		
	ul#idioma li#idioma-pt2 a { color:#FEFEFE; width:72px; background: url(../imgs/pt.png) no-repeat right center; padding-left:3px; }
	ul#idioma li#idioma-en2 a { color:#FEFEFE; width:55px; background: url(../imgs/uk.png) no-repeat right center; }
	ul#idioma li#idioma-de2 a {color:#FEFEFE;  width:63px; background: url(../imgs/de.png) no-repeat right center;margin:0 8px 0 5px; }
	

	
/*_____________Titulo_________________*/

#home #titulo {background:#fffbdb url(../imgs/fundo_tit01.png) no-repeat left; margin-top:47px; display:block; height:40px; }

#titulo {background:#fffbdb url(../imgs/fundo_tit01.png) no-repeat left; margin-top:47px; display:block; height:40px; }
#home #titulo {  background:#fffbdb url(../imgs/fundo_tit02.png) no-repeat left; }


/* :::::::::::::::::::::::::::::: 2. Contents Left :::::::::::::::::::::::::::::::::::::::::: */

#logo { position:relative; width:377px; background: url(../imgs/fundo_logo.png) no-repeat top left; z-index:999; }
#foto { position:relative; margin-top:-47px; z-index:2; }


/* :::::::::::::::::::::::::::::: 3. Contents-wrapper ::::::::::::::::::::::::::::::::::::::: */

#mainCol { width:95%; overflow:hidden;  margin:0 auto; padding:0; }


/*:::::::::::::::::::::::::::::::::::::::::: 5. Blocks :::::::::::::::::::::::::::::::::::::: */

.alignLeft { float:left; padding:40px 60px 0 0; width:300px}

.alignRight { float:left; margin-top:125px; padding:15px 0 0 0; width:187px; height:68px; text-align:center; background:url(../imgs/lupa.png) no-repeat left top; }


/* ::::::::::::::::::::::::::::::::::::::::: 3. Titles :::::::::::::::::::::::::::::::::::::: */

h1 { text-align:left; font:normal 21px/27px "Trebuchet MS", Times, serif; background:url(../imgs/seta03.png) no-repeat left 8px; color:#fff; padding-left:25px; padding-top:5px; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #999999; margin-bottom: 5px; }	
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #076B68; }	
p { font-family: "Trebuchet MS", Arial; font-size: 11px; font-weight: normal; color: #076B68; }	
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7BC4B7; float:right; margin-top: 10px;
}	

/* ::::::::::::::::::::::::::::::::::::::::: 4. Paragraphs and text :::::::::::::::::::::::::: */

p { font-weight:bold; color:#059aad; padding-bottom:20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; }


.alignRight p { font-weight:bold; color:#fff;  padding:0 10px 30px 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; }

.alignRight p a { color:#fff; }

.alignRight p a:hover { color:#F3D036  }


/*:::::::::::::::::::::::::::::::::::::::: 6. Form ::::::::::::::::::::::::::::::::::::::::::: */

.formContactos { width:550px; overflow:hidden; clear:both;}

form ul { list-style:none; margin:0; padding:0;}

form li { padding:3px; margin-bottom:1px; }

form label { float:left; width:120px; text-align:right; margin-right:7px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #165789; font-weight:bold; color: #18818c;}

form input,
form textarea { padding:4px; width:400px; border: #7f9db9 solid 1px; font-size:11px;}

form input:focus,
form textarea:focus { border:1px solid #165789; background:#F0F0F0; }

input:focus, textarea:focus { border:1px solid #666; background:#fff; }

.button { background-color:#1a4780; width:60px; margin-left:175px; border-bottom: 2px solid #059aad; border-left: 2px solid #059aad; color:#fff; font-weight:bold; cursor:pointer; }


/* ::::::::::::::::::::::::::::::::::::::::: 4. Bottom ::::::::::::::::::::::::::::::::::::::: */

#footer { height:39px; width:100%; position:absolute; bottom:0; border-top:1px solid #fff; background-color:#30567C;  margin: 0; padding:0;  color:#fff; font-size: 10px; text-align:center; }
#footer a { color:#fff; text-decoration:none; font-size: 10px; font-weight: bold;}
#footer a:hover { color:#fff; text-decoration:underline; }

p.left {font:normal 11px/16px "Verdana", Times, serif;  float:left; text-align:left; padding:10px 0 0px 30px; color:#fff;  }
p.webdesign {font:normal 10px/16px "Verdana", Times, serif;  float:right; text-align:right; padding:10px 10px 0 0;}

.hide { display:none; }
.bb { cursor:pointer;}