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

/*************************************************************/
/*                  Global layout and formatting styles      */
/*   Development:   360graus.pt                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          Abril , 2010                            */
/*   Site:          Filiconta              */
/*-----------------------------------------------------------*/
/************************************************************************


/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions and css reset */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
* {margin:0; padding:0} 
body {line-height: 1; font-size: 62.5%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #000E45;}
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
ol, ul {list-style: none;}

a:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* 1.2 - Global Container */
#container {width: 1020px;  margin: 0 auto; position:relative; }
/* 1.2 - End Global container */


/*************************/
/* 2-  Header/Main Menu */
/*************************/

/* 2.0 - Header Container */
.header-container { width: 1020px; height:16px; position:relative; margin-top: 14px; }

.header-nav { float:left; width: 510px; margin:0; padding:0;}
.header-nav ul { margin:0; padding:0; font-size: 11px; font-weight:bold;}
.header-nav ul li { list-style-type:none; display:inline; padding: 0px 12px 0px 0px;}
a.nav-white, a:visited.nav-white{ color:#FFFFFF; text-decoration:none;}
a:hover.nav-white { color:#FFFFFF; text-decoration:underline;}
a.nav-red, a:visited.nav-red{ color:#D71619; text-decoration:none;}
a:hover.nav-red { color:#D71619; text-decoration:underline;}
a.nav-orange, a:visited.nav-orange{ color:#F36421; text-decoration:none;}
a:hover.nav-orange { color:#F36421; text-decoration:underline;}


.header-language {float:left; width: 510px; margin:0; padding:0; text-align:right;}
.header-language ul { margin:0; padding:0; font-size: 11px; font-weight:bold;}
.header-language ul li { list-style-type:none; display:inline; padding: 0px 0px 0px 7px;}

/*************************/
/* 3-  Content layout */
/*************************/

/* 3.1 - homepage layout */

/* Coluna central homepage*/
.home-center-col { float:left; width: 180px; margin:0; padding:0;}
.foto-criancas { float:left; width:180px; height: 180px; margin:0; padding:0;}
.botao-whats-the-secret {width: 180px; height: 180px; padding:0; margin:0; float:left;}
.botao-whats-the-secret a {background: url(image/whats-the-secret.gif) 0 0 no-repeat; display:block; width: 180px; height:180px; text-indent: -8000px;}
.botao-whats-the-secret a:hover {background-position: 0px -180px; }
.botao-whats-the-secret a:active {background-position: 0px -180px; }
.botao-whats-the-secret .selected {background-position: 0px -180px; }


.botao-news-home {width: 90px; height: 140px; padding:0px 90px 0px 0px; margin:0; float:left;}
.botao-news-home  a {background: url(image/news.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-news-home a:hover {background-position: 0px -90px; }
.botao-news-home a:active {background-position: 0px -90px; }


/* Coluna direita homepage*/
.home-right-col { float:left; width: 180px; margin:0; padding:0;}
.botao-what-we-believe {width: 140px; height: 140px; padding:40px 0px 0px 0px; margin:0; float:left;}
.botao-what-we-believe a {background: url(image/what-we-believe.gif) 0 0 no-repeat; display:block; width: 140px; height:140px; text-indent: -8000px;}
.botao-what-we-believe a:hover {background-position: 0px -140px; }
.botao-what-we-believe a:active {background-position: 0px -140px; }
.foto-mae { float:left; width:180px; height: 180px; margin:0; padding:0;}
.botao-why-should-trust {width: 180px; height: 180px; padding:0; margin:0; float:left;}
.botao-why-should-trust a {background: url(image/why-should-trust.gif) 0 0 no-repeat; display:block; width: 180px; height:180px; text-indent: -8000px;}
.botao-why-should-trust a:hover {background-position: 0px -180px; }
.botao-why-should-trust a:active {background-position: 0px -180px; }
.botao-why-should-trust .selected {background-position: 0px -180px; }





/* 3.2 - Global Layout */
.content { width:920px; padding: 5px 0px 0px 100px; float:left; }


/* 3.3 - Colunas */

/* Coluna esquerda*/
.left-col { float:left; margin:0; padding:0; width: 360px;}
.left-line-first { float:left; width: 360px; height: 180px;}
.logo { width: 180px; height:180px; float:left; margin:0; padding: 0;}
.botao-who-we-are {width: 140px; height: 140px; padding:40px 0px 0px 40px; margin:0; float:left;}
.botao-who-we-are a {background: url(image/who-we-are.gif) 0 0 no-repeat; display:block; width: 140px; height:140px; text-indent: -8000px;}
.botao-who-we-are a:hover {background-position: 0px -140px; }
.botao-who-we-are a:active {background-position: 0px -140px; }

.botao-who-we-are-bottom {width: 140px; height: 140px; padding:0px 0px 0px 0px; margin:0; float:left;}
.botao-who-we-are-bottom a {background: url(image/who-we-are.gif) 0 0 no-repeat; display:block; width: 140px; height:140px; text-indent: -8000px;}
.botao-who-we-are-bottom a:hover {background-position: 0px -140px; }
.botao-who-we-are-bottom  a:active {background-position: 0px -140px; }


.botao-who-we-are-large {background: url(image/who-we-are-large.gif) 0 0 no-repeat; width: 180px; height:180px; text-indent: -8000px; padding:0; margin:0; float:left;}
.botao-what-we-do-large {background: url(image/what-we-do-large.gif) 0 0 no-repeat; width: 180px; height:180px; text-indent: -8000px; padding:0; margin:0; float:left;}
.botao-what-we-believe-large {background: url(image/what-we-believe-large.gif) 0 0 no-repeat; width: 180px; height:180px; text-indent: -8000px; padding:0; margin:0; float:left;}
.botao-news-large {background: url(image/news-large.gif) 0 0 no-repeat; width: 180px; height:180px; text-indent: -8000px; padding:0; margin:0; float:left;}


.foto-arvore { float:left; width:180px; height: 180px;}
.foto-familia { float:left; width:180px; height: 180px;}
.foto-ue { float:left; width:180px; height: 180px;}
.foto-pen { float:left; width:180px; height: 180px;}


.botao-who-can-you-trust-sleft {width: 90px; height: 90px; padding:90px 0px 0px 90px; margin:0; float:left;}
.botao-who-can-you-trust-sleft a {background: url(image/who-can-you-trust-small.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-who-can-you-trust-sleft a:hover {background-position: 0px -90px; }
.botao-who-can-you-trust-sleft a:active {background-position: 0px -90px; }


.left-line-second { float:left; width: 360px; height: 180px;}
.botao-who-can-you-trust {width: 180px; height: 180px; padding:0; margin:0; float:left;}
.botao-who-can-you-trust a {background: url(image/Who-can-you-trust.gif) 0 0 no-repeat; display:block; width: 180px; height:180px; text-indent: -8000px;}
.botao-who-can-you-trust a:hover {background-position: 0px -180px; }
.botao-who-can-you-trust a:active {background-position: 0px -180px; }
.botao-who-can-you-trust .selected {background-position: 0px -180px; }
.foto-sombra { float:left; width:180px; height: 180px;}


.left-line-third { float:left; width: 360px; height: 180px;}
.keywords { float:left; width:220px; margin:0; padding:10px 0px 0px 0px;}
.keywords p { padding: 0px 15px 3px 0px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size: 10px; font-weight: 500; text-align:right; color:#FFFFFF; line-height: 10px;}
.botao-what-we-do {width: 140px; height: 140px; padding:0; margin:0; float:left;}
.botao-what-we-do a {background: url(image/what-we-do.gif) 0 0 no-repeat; display:block; width: 140px; height:140px; text-indent: -8000px;}
.botao-what-we-do a:hover {background-position: 0px -140px; }
.botao-what-we-do a:active {background-position: 0px -140px; }

.botao-what-we-do-small {width: 90px; height: 90px; padding:0; margin:0; float:left;}
.botao-what-we-do-small a {background: url(image/what-we-do-small.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-what-we-do-small a:hover {background-position: 0px -90px; }
.botao-what-we-do-small a:active {background-position: 0px -90px; }



/* Coluna central*/
.center-col { float:left; margin:40px 0px 0px 0px; padding:0; width: 400px; height: 460px; background:#FFFFFF;}
.center-col p { padding: 0px 20px 8px 20px; font-size: 11px; color:#000000; font-family:Arial, Helvetica, sans-serif; line-height: 12px; text-align:justify;}
.center-col h1 { padding: 20px 13px 10px 20px; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}

.center-col a, .center-col a:visited { color: #06529D; text-decoration:none;}
.center-col a:hover { text-decoration:underline;}


/* Coluna direita*/
.right-col { float:left; width: 140px; margin:0; padding:0;}

.botao-news {width: 90px; height: 90px; padding:0px 0px 0px 0px; margin:0; float:left;}
.botao-news a {background: url(image/news.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-news a:hover {background-position: 0px -90px; }
.botao-news a:active {background-position: 0px -90px; }
.botao-news .selected {background-position: 0px -90px;}

.botao-why-should-trust-small {width: 90px; height: 90px; padding:0; margin:0; float:left;}
.botao-why-should-trust-small a {background: url(image/why-should-trust-small.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-why-should-trust-small a:hover {background-position: 0px -90px; }
.botao-why-should-trust-small a:active {background-position: 0px -90px; }

.botao-whats-the-secret-small {width: 90px; height: 90px; padding:0; margin:0; float:left;}
.botao-whats-the-secret-small a {background: url(image/whats-the-secret-small.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-whats-the-secret-small a:hover {background-position: 0px -90px; }
.botao-whats-the-secret-small a:active {background-position: 0px -90px; }

.botao-who-can-you-trust-small {width: 90px; height: 90px; padding:0; margin:0; float:left;}
.botao-who-can-you-trust-small a {background: url(image/who-can-you-trust-small.gif) 0 0 no-repeat; display:block; width: 90px; height:90px; text-indent: -8000px;}
.botao-who-can-you-trust-small a:hover {background-position: 0px -90px; }
.botao-who-can-you-trust-small a:active {background-position: 0px -90px; }


.botao-who-we-are-right {width: 140px; height: 140px; padding:40px 0px 0px 0px; margin:0; float:left;}
.botao-who-we-are-right a {background: url(image/who-we-are.gif) 0 0 no-repeat; display:block; width: 140px; height:140px; text-indent: -8000px;}
.botao-who-we-are-right a:hover {background-position: 0px -140px; }
.botao-who-we-are-right a:active {background-position: 0px -140px; }


/* pagina contactos*/
.left-col-map { float:left; margin:0; padding:0; width: 220px;}
.map-line-first { float:left; width: 220px; height: 180px;}
.map-line-second { float:left; width: 180px; height: 180px; padding: 0px 0px 0px 28px;}

.mapa { float:left; width: 630px; height:450px; border: 5px solid #F04112; margin: 40px 0px 20px 0px;}
.mapa a, .mapa a:visited { text-decoration:none; color:#FF6600;} 
.mapa a:hover { text-decoration:underline;}
.contactos {background: url(image/contact-background.gif) 0 0 no-repeat; width: 192px; height:180px; padding:0px 0px 0px 0px; margin:0; float:left;}
.contactos p { color:#FFFFFF; padding: 10px 15px 0px 15px; line-height: 14px; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}




/*************************/
/* 4-  Footer */
/*************************/
.footer { float:left; width: 960px; margin: 10px 0px 10px 0px;}
.footer p { padding: 0px 0px 0px 0px; font-size: 11px; color:#FFFFFF;}
.footer a {color:white;}

.formulario {color:white;}
.formulario table {
    color: white;
    font-size:14px;
}
.formulario h1 {
text-align: center;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial, Helvetica, sans-serif;
}
.form-control {
line-height: normal;
padding: 8px 15px 8px 15px;
font-size: 15px;
width: 350px;
margin-top: 5px;
margin-bottom: 5px;
}

.form-control-erro {
    border-color:red;
    border-width:3px;
    border-style:solid ;
}

.botao {
border-radius: 0;
color: #fff;
display: inline-block;
padding: 14px 23px;
font-size: 1rem;
line-height: 1.14em;
font-family: Arial,sans-serif;
font-weight: bold;
text-decoration: none;
background: #e1301e;
}