@charset "utf-8";
/* CSS Document */

html, body, holder{ 
min-height: 100%; 
width: 100%; 
height: 100%;
}

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#000000;
text-align:left;
}

.holder{
position:relative;
width:790px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.content{
width:760px;
height:auto;
padding-bottom:30px;
overflow: hidden;
}

a{
text-decoration:none;
color:#000000;
}

/*------------------TEXTO-------------------------*/
.texto{
font-size:70%;
line-height:125%;
}

.titulo{
font-size:140%;
line-height:135%;
}

.subtitulo{
font-size:130%;
line-height:125%;
}

.negrito{
font-weight:bold;
}

.italico{
font-style:italic;
}

p.maior{
margin-top:50px;
}

p.medio{
margin-top:20px;
}

p.c7{
margin-top:10px;
}



/*----------------HEADER------------------*/
.header{
height:90px;
width:790px;
padding-top:20px;
border-bottom: 1px #9fc247 dotted;
margin-bottom:10px;
}

.idioma{
font-size:50%;
width:37px;
margin-left:753px;
font-weight:bold;
padding-top:5px;
}

.h_logotipo{
margin-bottom:10px;
height:80px;
float:left;
}

/*---------------------------------MENU--------------------------*/
.menu{
padding-top:40px;
float:right;
width:490px;
}

.menufotos{
width:390px;
float:right;
margin:0;
padding:0;
}

.menu ul{
margin:0;
padding:30px 0px 20px 20px;
}

.menufotos ul, .menumedia ul{
margin:0;
padding:0 0 20px 6px;
}

.menu ul li, .menufotos ul li, .menumedia ul li{
margin:0;
padding:0;
display:inline;
list-style-type:none;
}

.menu ul li a{
float:left;
font-weight:bold;
font-size:60%;
line-height:15px;
margin:0 28px 4px 5px;
padding-bottom:2px;
color:#58595b;
}

.menu a:hover, .menufotos a:hover, .menumedia a:hover{
border-bottom:4px solid #9fc247;
padding-bottom:2px;
color:#58595b;
}

.menu ul li a:active, .menufotos a:active, .menumedia a:active{
border-bottom:4px solid #9fc247;
padding-bottom:2px;
color:#58595b;
}

.menu a current:link{
border-bottom:4px solid #9fc247;
padding-bottom:2px;
color:#58595b;
}

.menufotos ul li a, .menumedia ul li a{
float:left;
font-weight:bold;
font-size:60%;
line-height:15px;
margin:0 20px 4px 5px;
padding-bottom:2px;
color:#58595b;
}

.navfotos{
width:390px;
height:20px;
float:left;
border-bottom:1px #9fc247 dotted;
}

.navmedia{
width:590px;
height:20px;
float:left;
border-bottom:1px #9fc247 dotted;
}

.content_homepage{
margin-top:20px;
width:790px;
height:387px;
margin-bottom:35px;

}

body#index a#index, 
body#quemsomos a#quemsomosnav, 
body#oquefazemos a#oquefazemosnav,
body#portfolio a#portfolionav, 
body#contactos a#contactosnav, 
body#accionistas a#accionistasnav, 
body#accionistas a#quemsomosnav,
body#conselho a#subconselhonav, 
body#conselho a#quemsomosnav,
body#quemsomos a#equipanav,
body#quemsomos a#quemsomosnav,
body#socialmedia a#socialmedianav,
body#redes a#redesnav,
body#marcas a#marcasnav,
body#criamos a#oquefazemosnav,
body#redessociais a#oquefazemosnav,
body#beneficios a#oquefazemosnav,
body#socialmedia a#oquefazemosnav,
body#redes a#oquefazemosnav,
body#marcas a#oquefazemosnav,
body#videopblink a#portfolionav{
border-bottom:4px solid #9fc247;
padding-bottom:2px;
color:#58595b;
}

.banner{
margin-bottom:20px
}

.coluna1{
width:590px; 
float:left;
margin-bottom:30px;
height: auto;
}

.coluna1 a{
text-decoration:underline;
}

.coluna1 ul li{
padding-top:30px;
}

.coluna1 ul li:first-child{
padding-top:5px;}

.topo{
margin-left:550px;
font-size:78%;
color:#999999;
}

.topo a{
text-decoration:none;
color:#999999;
}

.topo a:hover, .topo a:active{
text-decoration:underline;
}

.marca{
border:1px #9fc247 dotted;
margin-top:50px;
padding:10px;
}

.coluna2{
float:right;
width:90px;
margin-bottom:10px;
height: auto;
}

.coluna2 ul{
margin:0;
padding:0;
}

.coluna2 ul li{
display:block;
list-style-type:none;
font-size:70%;
padding:20px 0 5px 0;
border-bottom:1px #9fc247 dotted;
}

.coluna2 ul li a{
margin:0 0 2px 0;
}

.coluna2 ul li a:link, .coluna2 ul li a:visited{
color:#58595b;
}

.coluna2 ul li a:hover, .coluna ul li a:active{
color:#000000;
}

.coluna3{
float:left;
width:380px;
margin-right:10px;
padding:20px 10px 0 0;
margin-bottom:35px;
}

.coluna4{
float:right;
width:368px;
padding:10px 10px 10px 10px;
border:1px #9fc247 dotted;
margin-top:10px;
}

.fc1{
float:left;
width:100px;
height:100px;
background-color:#00CC66;
margin-right:34px;
}

.fc2{
float:left;
width:100px;
height:100px;
background-color:#6600CC;
}

.fc3{
float:right;
width:100px;
height:100px;
background-color:#CCFF00;
}

.desc{
width:378px;
height:100px;
margin-top:40px;
margin-bottom:10px;
}

.coluna5{
float:left;
width:270px;
height:330px;
background-color:#e0ebc1;
padding:60px 10px 10px 10px;
margin-bottom:35px;
}

.coluna6{
float:right;
width:270px;
height:330px;
background-color:#e0ebc1;
margin-right:10px;
padding:60px 10px 10px 10px;
margin-bottom:35px;
}

.coluna7{
float:right;
width:190px;
}

.coluna7 a, .coluna5 a, .coluna6 a, .portfolio_01 a, .video a{
color:#00a3ba;
font-size:85%;
margin-bottom:0px;
position:relative;
}

.c7_b1, .c7_b2, .c7_b3{
border:1px #9fc247 dotted;
width:168px;
height:105px;
padding:10px;
}

.c7_b2, .c7_b3{
margin-top:10px;
}

.coluna8{
float:left;
width:590px;
}

.portfolio_01{
float:left;
width:350px;
height:580px;
background-color:#e0ebc1;
margin-bottom:35px;
padding:60px 20px 0 20px;
}

.portfolio_01 ul li, .portfolio_02 ul li{
padding-top:10px;
}

.portfolio_01 ul li:first-child, .portfolio_02 ul li:first-child{
padding-top:0;
}

.portfolio_02{
float:right;
width:350px;
height:580px;
background-color:#e0ebc1;
margin-bottom:35px;
padding:60px 20px 0 20px;
}

/*.portfolio_02 img{
margin-bottom:60px;
}*/

.video{
padding-bottom:20px;
}

.video a{
line-height:30px;
}
/*----------------FOOTER------------------*/

.footer{
clear:both;
position:relative;
width:790px;
height:20px;
padding-left:0;
border-top: 1px #9fc247 dotted;
padding-bottom:10px;
}

.footer .texto{
margin-top:20px;
font-size:55%;
margin:0 25px 0 0;
padding-top:2px;
color:#999999;
line-height:15px;
}


