/* 
    Document   : Main
    Created on : Apr 9, 2010, 3:46:48 PM
    Author     : MEM
    Description: CSS principal de todas as páginas da APREGI;
    Thanks     : css-d and sp gurus. :)
*/


/*
    HTML Elements
*/

html, body, h1, h2, h3, h4, h5, ul, ol, li
{
    margin:0;
    padding:0;
}

html
{
    background-color:#f7f6f2;
    color: #000;
    /*tratar do font-scale bug no ie*/
    font: 100%/1.4 'Helvetica Neue', Arial, sans-serif;
}


body
{
    text-align:center;/*ie6 */
    min-width: 60em;/*ie6*/
}

/*novos elements HTML5 necessitam de ser gerados por javascript -  não ficam blocks.*/
article, section, footer, header, nav, hgroup, aside
{
    display:block;
}

h1
{
  /*  max-width: 13em; add-on */
}

a
{
    color:black;
    text-decoration: none;
}

a:hover
{
    text-decoration:underline;
}



fieldset
{
    border: 0;
    margin:0;
    padding:0;
}


input, textarea
{
    border: 1px solid lightgray;
}


article p, dt, dd, label, address
{
    font-size:.8em;
}

label /*ATENCAO!!*/
{
    display:block;
    margin-top:1em;
}

address
{
    font-style: normal;
}

a img
{
   border-style: none;
}

dl dt
{
    padding-top:1em;
}

footer
{
    clear:both;
    padding-top:4em;
    padding-bottom: .5em;
    /*float:right; - nao posso ter isto*/
}

footer p
{
    text-align:right;
    margin:0;
    padding:0;
    font-size: .7em;
}

footer p span
{
    font-weight:bold;
}





/*
    General Classes
*/

.qtip-content
{
    font-size:8pt;
}

.qtip-content ul
{
    list-style-type: none;
    width: 335px; /*a mesma width que a definida no js*/
}

.qtip-content ul li
{
    margin:10px;
}

.qtip-content a 
{
    text-decoration: none;
    color: white;
}

.qtip-content a:hover
{
    text-decoration: underline;
}

.asterisco
{
    font-size:1em;
    color: #800000;
}

/*mensagens de erro server side*/
.mensagem-erro-ss
{
    color: red;
    font-size: .7em;
}

/*imagens mais e menos*/
.imgMais
{
   vertical-align: bottom;
   margin-bottom:.2em;
   margin-left:.4em;
}

.imgMenos
{
   margin-left:.4em;
}

.trademark
{
    font-size:.7em;
    color:#333;
    margin-left:.2em;
    vertical-align: top;
}


/*mensagens de erro client-side*/
label.error /*jquery validation - gerado*/
{
    margin-top:0; /*os label dos erros têm de ficar próximos*/
    font-size: .7em;
    color: #800000;
    font-weight: bold;
}


label.errosFormNovoAssociado
{
    font-size: .7em;
    color: #800000;
    font-weight: bold;
    display: inline;
    margin-left:.3em;
}

input.errosFormNovoAssociado, textarea.errosFormNovoAssociado
{
    border: 1px solid #800000;
}


.botaoEnviar {
  cursor:pointer;       
  height:45px;
  overflow:hidden;
  width: 94px;
  
}

.botaoEnviar:hover input {
  margin-top:-45px;
}

.botaoEnviar input
{
    border: 0;
}

/*devido à formatação dos contactos, o botao enviar deste formulário terá de ser diferente*/
.botaoEnviarContactos
{
   cursor:pointer;
   height:45px;
   overflow:hidden;
}

.botaoEnviarContactos:hover input {
  margin-top:-45px;
}

.botaoEnviarContactos input
{
    
}



/*
    Layout Template
*/

#container
{
    text-align: left;
    width: 60em; /*tem de ser igual à min-width definida no body*/
    margin: 0 auto;

    background-color:white;

    /*experimental - box-shadow: <horizontal> <vertical> <blur> <color>*/  

    box-shadow: 0 -1px 5px #999;/*opera*/
    -moz-box-shadow: 0 -1px 5px #999;
    -webkit-box-shadow:0 -1px 5px #999;


    /*no IE*/
    /*filter: progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=0,strength=50)
            progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=90,strength=50)
            progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=180,strength=50)
            progid:DXImageTransform.Microsoft.Shadow(color=#f4f4f4,direction=270,strength=50);*/
}

#mini-top-container
{
    width:60em;
    overflow:hidden;
}

#links-topo
{
    float:right;
    margin-top:.5em;
    margin-right:0;
}

#links-topo ul
{
    list-style-type: none;
    min-height:1%; /*hasLayout trigger*/
}

#links-topo ul li
{
    float:left;
    margin-right:1.8em;
}


#links-topo ul li a
{
    display:inline-block; /*aplicado a um elemento inline, funciona cross-browser*/
    text-decoration: none;
    font: 0.8em 'Helvetica Neue', Helvetica, sans-serif;
    color:#000;
    margin-left:0.12em;
}


#links-topo ul li a:hover
{
    text-decoration:underline;
}

#links-topo ul li a.ajuste
{
    /*
    TO DO
    */
    /*ajuste do texto porque o bullet é um pouco mais alto*/
}

#links-uteis
{
    
}


#logo
{
    clear:right; /*para a homepage é redundante porque o container já faz o clear. Mas para o desdobramento secundario não.*/
    display:block;/*remove o white space entre o inline element e o container h1*/
    margin-left:1.2em;
}

#faux-column-wrapper
{
    overflow:hidden;
    width: 60em;
    background-color:#fdfdfd;
}

#coluna-esquerda
{
    overflow: hidden;
    clear:left;
    float:left;
    padding:2.6em 1.62em 0 2.5em;
    width: 15em;
    background-color:#fdfdfd;

}

#noticias
{
    overflow: hidden; /*conter o float right*/
    width: 15em; /*mesta width que o seu container*/
}


#noticias a img#saber-mais-noticias /*imagem mais*/
{
    float:right;
    margin-right:1em;
}

#noticias header h3 img
{
    vertical-align: top;
}

#noticias header h3 a#linkTwitter
{
    margin-left:.7em;
}

#noticias ul
{
    list-style-type: none;
}

#noticias ul li
{
    font-size: .8em;
    margin: .3em 0 1em 0;
}


#painelLinkTornarAssociado
{
    margin-top:3em;
}

#painelLinkTornarAssociado header
{
    display:none;
}


/*
    HOME PAGE
*/

#logo-e-navegacao-principal-home
{
    clear:right;
    background: url('../Imagens/teclado.png') no-repeat;
    background-position: top right;
}

h1
{
   width: 14em;
}

#navegacao-principal-home
{
    background: url('../Imagens/background_menu.png') no-repeat;
    width: 18.65em; /*316×297 é a dimensão da imagem no background.*/
    padding:1.44em 0 4em 1.56em;
    margin-top: 2.12em;
}

#navegacao-principal-home header img, #navegacao-principal-home ul li a img 
{
    display:block;
}

#navegacao-principal-home ul
{
    list-style-type:none;
    padding-left:1.8em; 
}

#navegacao-principal-home ul li
{
    margin-top:25px;
    max-width:1em;/*having a value less then the actual elements width will shrink the elements without using float. - why?'*/
}


#conteudo-principal-home
{
    float:left;
    width: 34.6em;
    padding:2.25em 2.9em 0 3.37em;
    background-color:white;
}

#conteudo-principal-home article p,
#conteudo-principal-home aside article p
{
    margin:0;
    padding:0;
}

#a-apregi
{
    margin-bottom:1.6em;
}

#a-apregi p a img
{
    margin-left:.7em;
}

#o-que-e-alojamento-web
{
    clear:left;
    float:left;
    width: 15em;
    margin-right:3.25em;
}

#o-que-e-alojamento-web span, #o-que-e-dominio span
{
    text-decoration:underline;
}

#o-que-e-dominio
{
    width: 15em;
    float:left;
}



/*
    Desdobramento Secundario
*/

#link-home
{
    float:left;
    width: 19.12em; /*para ficar com a width igual à secção notícias, incluíndo o padding àquela atribuida.*/
    background-color:#fdfdfd;

    padding-bottom:.25em;
}

#link-home a
{
    padding-top:.4em;
    padding-right:.4em;
    float:right;
}

#destaque
{
    margin-top: 1.38em;
    border-bottom: 4px solid #f0f0f0;
}

#destaque h2 img
{
    display:block;
}

#navegacao-principal-secundaria
{
    float:right;
    padding: .5em 2.7em .4em 3.78em;
    background-color:#9eceff;
    display:block;

    width: 34.4em; /*floats with no width, consistency issues, so I say. :-)*/
}

#navegacao-principal-secundaria ul
{
    padding-top:.1em; /*ajuste devido ao white space nas li*/
    float:left; /*da hasLayout no IE*/
}

#navegacao-principal-secundaria ul li
{
    display:inline;
    margin-right:2.5em;
}

#header-seccao-secundaria
{
    margin-top:1.4em; /*1.6em*/
    margin-bottom:.6em; /*1.25*/
}

#header-seccao-secundaria img 
{
    display:block;
}

#seccao-a-apregi,
#seccao-associados,
#seccao-objectivos,
#seccao-contactos,
#seccao-recomendar,
#seccao-mapa,
#seccao-noticias-main,
#seccao-novo-associado
{
    float:left;
    padding: 0 .88em 0 3em;
    width:37em;
    background:white;
}



/*
    ASSOCIADOS
*/

#seccao-associados article
{
   width: 37em;
   overflow:hidden;
}

#seccao-associados article p
{
    float:left;
    width:32em;
}

#seccao-associados article h4
{
    float:left;
    padding-left:1em;
}


.associados-separador
{
  clear:left;
  width:245px;
  height:2px;
  margin: 1em 0;
}



/*
    A APREGI
*/

#seccao-a-apregi article
{
   width: 37em;
   overflow:hidden;
}


#o-que-e-apregi p
{
    padding:0;
    margin: 1em 0;
}

#o-que-e-apregi img
{
    float:right;
    padding: 2.7em .5em .5em .5em;
}

#corpos-sociais
{
    margin-top:2em;
}

#corpos-sociais h5
{
    margin-top:1em;
}

#corpos-sociais p
{
    margin-top:.2em;
}

#o-que-e-apregi header
{
    display:none;
}



/*
    OBJECTIVOS
*/

#seccao-objectivos article header
{
    display:none;
}

#seccao-objectivos ol
{
    list-style-type:lower-alpha;
    margin-left:3em;
}

#seccao-objectivos ol li
{
    font-size: .8em;
    margin-bottom: .3em;
}



/*
    CONTACTOS
*/

#fieldset-contactos,
#mini-container-inputs
{
    width:15em;
    float:left;
}


/*
    MAPA DO SITE
*/
#seccao-mapa article header
{
    display:none;
}

#seccao-mapa article dd
{
    margin-left:0;
}

#mapa-do-site
{
    margin-top: 0;
}

#mapa-do-site dt.primeiro-dt
{
    padding-top:0;
}


/*
    NOTICIAS
*/

/*substituir isto por uma classe e aplicá-la dinâmicamente*/
.corpoNoticia
{
    display:none;
    width: 46em;
}

#seccao-noticias-main article p
{
    margin-top:.2em;
}



/* No IE7 - só se resolve com classes ou descended selectors (se suficientes para garantir especificidade) :(
#fieldset-contactos label[for="txt-entidade"], #fieldset-contactos label[for="txt-mensagem"]
{
    margin-top:0;
}*/
#fieldset-contactos #label-txt-entidade,
#fieldset-contactos #label-txt-mensagem
{
    margin-top:0;
}


/*#fieldset-contactos input[type="image"]
{
    border: 0;
    margin: 12px 40px 12px 0;
    float:right;
}*/

#fieldset-contactos #txt-captcha
{
    margin-bottom:0;
    vertical-align:top;
}

#contactos-email
{
    margin:1.25em 0;
}


#mini-container-inputs
{
    overflow:hidden; /*conter os floats*/
    margin-bottom:1em;
}

#mini-container-txt-messagem
{
    clear:left;
}

#fieldset-grupo-telefone
{
    margin-right:10px;
}

#fieldset-grupo-telefone, #fieldset-grupo-email
{
    float:left;
}

#fieldset-grupo-telefone
{
    width: 80px; /*trying consistency on IE*/
}

#fieldset-grupo-email
{
    width: 110px; /*trying consistency on IE*/
}

#txt-entidade, #txt-responsavel, #txt-mensagem
{
    width:200px;
}

#txt-mensagem
{
    min-height: 5em;
    /*margin-bottom: 1em;*/
}

#txt-telefone 
{
    width:80px;
}

#txt-email
{
   width:110px;
}

#txt-captcha
{
    width:80px;
}

#mini-container-googlemaps
{
    width:10em;
    float:left;
}

#google-maps-apregi
{
    width:20em;
    height:15em;
}

#img-titulo-contactos-mapa
{
    margin-top:.2em; /*alinhamento com os titulos do lado esquerdo (porque esses estão dentro de uma legend)*/
    margin-bottom:.5em;
}

#form-contactos
{
    margin:0;
}


.form-hint
{
    font-size: .7em;
    color: #999999;
    margin:0;
}

#aldra-adicional
{
   display:none !important;
}



/*
    RECOMENDAR
*/

#mini-container-recomendar,
#mini-wrapper-recomendar,
#container-destinatario-recomendar,
#container-emissor-recomendar
{
    width:31em;
    overflow:hidden;
}

#container-destinatario-recomendar,
#container-emissor-recomendar
{
    margin-bottom:20px;
}

#mini-wrapper-recomendar
{
    width:31em;
    overflow:hidden;
}

#mini-container-nome-emissor,
#mini-container-email-emissor,
#mini-container-nome-destinatario,
#mini-container-email-destinatario
{
    float:left;
    width: 15em;
}

#mini-container-nome-emissor,
#mini-container-nome-destinatario
{
    margin-right:1em;
}

#fieldset-recomendar input[type="text"]
{
    width: 235px;
}

#fieldset-recomendar textarea
{
    width: 492px;
}

#mini-container-mensagem-recomendar
{
    clear:left;
    width:31em;
}

#txt-mensagem-recomendar
{
    /*margin-bottom:1em;*/
}

/*#fieldset-recomendar input[type="image"]
{
    border: 0;
    float:right;
    margin-top:20px;
}*/


/*
    NOVO ASSOCIADO
*/

#seccao-novo-associado article
{
   width: 37em;
   overflow:hidden;
}

#condicoes-associado
{
    margin-bottom:1em;
}

#condicoes-associado header
{
    display:none;
}

#condicoes-associado p
{
    padding:0;
    margin: 1em 0;
}

#condicoes-associado img
{
    float:right;
    padding: 2.7em .5em .5em .5em;
}

#lista-condicoes-associado li
{
    font-size:.8em;
    list-style-type:disc;
    margin-left: 2em;
    margin-bottom:.5em;
}

#lista-condicoes-associado li span
{
    display:block;
    margin-top:.5em;
}

.caixaFundoForm
{
    background-color:#f1f1f1;
    margin-bottom: .5em;
    padding: 1em;
}

.obrigatorio
{
    font-weight: bold;
}

#form-novo-associado label
{
    line-height: .8;
}

#label-txt-certidao-permanente-empresa,
#label-txt-nome-responsavel-empresa
{
    margin-top:0;
}

#anchorNaoTenhoCertidao, #anchorTenhoCertidao
{
    display:block;
    color:blue;
    font-size: .7em;
}

.interrogacao
{
    font-size: .7em;
    font-weight: normal;
    margin-left:1em;
}

.opcional
{
   font-size: .9em; /*Isto é, 90% do valor da font actual (neste caso .8em) - 90% de .8em - .7em;*/
   font-weight: normal;
   color:#999;
}

.formTip
{
   font-size: .9em;
   font-weight: normal;
   color:#999;
}

#camposAdicionais
{
    display:none;
}

#form-novo-associado #legenda
{
    margin-bottom: 0;
    font-size: .7em;
}