/* RESET CSS */

* {
    border:0;
    margin:0;
    outline-style:none;
    outline-width:medium;
    padding:0;
}

/* ELEMENTOS HTML SOLTOS */

body{ background-color: black;}

blockquote, ul, ol {margin-left: 20px; font-family: Arial; font-size: 12px; color: #484848; font-weight: normal}

#largeheader #header #menu #jsddm .menu_select{ background-position: bottom!important}

/* CLASS CLEAR */

.clear{ clear: both; float: none;}

/* DIV ALL */

#all{ margin: 0 auto; background-color: white;}

/* DIV PAGE */

#page{ margin: 0 auto; width: 900px; background-image: url(/img/graficos/padrao_vertical.jpg); background-repeat: repeat-y; background-position: left; padding-bottom: 50px;}

/* DIV LARGEHEADER */

#largeheader{ background-image: url(/img/graficos/padrao_header.jpg); background-repeat: repeat; height: 210px;}

/* DIV HEADER */
#largeheader #header{ margin: 0 auto; width: 900px; background-repeat: no-repeat; height: 210px;}
#largeheader #header #a-homepage{ display: block; width: 153px; height: 152px; text-indent: -2000px;}
#menu{ margin-top: 31px; float: left;}

/* DIV FOOTER */

#footer{ padding-top: 5px; padding-bottom: 10px; margin: 0 auto; width: 900px;}

/* AUTORIA */

#footer .autoria{ display: block; float: left; font-family: Arial; font-size: 10px; color: #949585; text-transform: uppercase;}
#footer .autoria a{ font-family: Arial; font-size: 10px; color: #a2b025; text-transform: uppercase; text-decoration: none;}
#footer .autoria a:hover{ text-decoration: underline;}

/* LINKS FOOTER */

#footer .links_footer{ display: block; float: right;}
#footer .links_footer a{float: left; font-family: Arial; font-size: 11px; color: #949585; text-transform: uppercase; text-decoration: none;}
#footer .links_footer #a-empresa{ background-image: url(/img/graficos/icon_loja_seguros.png); background-repeat: no-repeat; background-position: left -1px; padding-left: 18px; margin-right: 15px; }
#footer .links_footer #a-contactos{ background-image: url(/img/graficos/icon_contactos.png); background-repeat: no-repeat; background-position: left; padding-left: 18px }
#footer .links_footer #a-localizacao{ height: 13px; background-image: url(/img/graficos/icon_localizacao.png); background-repeat: no-repeat; background-position: left; padding-left: 18px; margin-right: 15px; }
#footer .links_footer a:hover{ text-decoration: underline}
#footer .links_footer #a-avisolegal{ background-image: url(/img/graficos/icon_aviso_legal.png); background-repeat: no-repeat; background-position: left; padding-left: 18px }

/* DIV MAIN */

#main{ position: relative; width: 900px;}

/* DIV BARRA-LATERAL */

#main #barralateral{ width: 310px; position: relative; display: block; float: left;}
#main #barralateral #newsletter{ float: left; margin-top: 30px; width: 310px; height: 120px; background-image: url(/img/graficos/caixa_newsletter.png); background-repeat: no-repeat;}
#main #barralateral #redes_sociais{ float: left; margin-top: 30px; width: 310px; height: 159px; background-image: url(/img/graficos/caixa_rede_social.png); background-repeat: no-repeat;}
#main #barralateral #redes_sociais #a-linked{ display: block; float: left; margin-left: 28px; margin-top: 93px; height: 41px; width: 131px; text-indent: -2000px;}
#main #barralateral #redes_sociais #a-facebook{ display: block; float: left; margin-left: 18px; margin-top: 93px; height: 41px; width: 110px; text-indent: -2000px;}

/* BARRA DE SEGUROS */
#main #barralateral #back_listaseguros{ margin-top: 30px; padding-bottom: 2px; width: 310px; display: block; float: left; background-image: url(/img/graficos/base_caixa_categorias.png); background-repeat: repeat-y;}
#main #barralateral #listaseguros{ padding: 10px; padding-bottom: 20px; border: solid 1px #d9d9d9; background-color: #fff; width: 286px; position: relative; display: block; float: left;}
#main #barralateral #listaseguros .img_categoria{ position: absolute; width: 293px; margin-top: -37px;}
#main #barralateral #listaseguros #seguros .link_select{ color: #80b324; text-decoration: none;}
#main #barralateral #listaseguros #seguros{ margin-top: 35px; margin-left: 0px!important;}
#main #barralateral #listaseguros #seguros li{ display: block; height: 25px;}
#main #barralateral #listaseguros #seguros li a{ margin-left: 10px; font-family: Arial; font-size: 13px; color: #b3b3b3; text-decoration: none; display: block; line-height: 25px; height: 25px;}
#main #barralateral #listaseguros #seguros li a:hover{ color: #80b324; text-decoration: none;}


/* FORMULÁRIO DE NEWSLETTERS */
#main #barralateral #newsletter #form_newsletter { margin-top: 45px; margin-left: 10px; font-family: Arial; font-size: 11px;}
#main #barralateral #newsletter #form_newsletter input{ float: left; padding-left: 4px; width: 285px; line-height: 20px; height: 20px; color: #778857; background-color: transparent;}
#main #barralateral #newsletter #form_newsletter #bt_subscrever{ cursor: pointer; margin-top: 5px; float: right; width: 72px; line-height: 15px; margin-right: 15px; height: 15px; font-family: Arial; font-size: 11px; color: #bccd1f; background-color: transparent;}

/* DIV CONTEUDO */
#main #conteudo{ width: 590px; position: relative; display: block; float: left; padding-top: 30px;}

/* DIV DESTAQUES */
#main #conteudo .destaque{ float: left; margin-left: 30px; width: 253px;}
#main #conteudo .destaque h1 a{ font-family: Arial; font-size: 16px; color: #4b4b49; font-style: italic;}
#main #conteudo .destaque h1 a:hover{ text-decoration: none}
#main #conteudo .destaque span{ font-family: Arial; font-size: 11px; color: #cacac9; width: 65px; display: block; background-image: url(/img/graficos/icon_seta.png); background-position: right; background-repeat: no-repeat;}
#main #conteudo .destaque p{ margin-top: 10px; font-family: Arial; font-size: 12px; color: #484848; font-weight: normal}
#main #conteudo .destaque a{ float: right; font-family: Arial; font-size: 12px; color: #bccd1f; text-decoration: none;}
#main #conteudo .destaque a:hover{ text-decoration: underline;}
#main #conteudo .destaque img{ margin-top: 15px; border: solid 1px #a9cd11; padding: 2px; width: 250px;}


/* DIV CONT-PAG-SIMPLES */
#main #conteudo #contpagsimples{ width: 569px; margin-left: 30px; float: left;}
#main #conteudo #contpagsimples h1{ font-family: Arial; font-size: 16px; color: #4b4b49; font-style: italic;}
#main #conteudo #contpagsimples p{ margin-top: 10px; font-family: Arial; font-size: 12px; color: #484848; font-weight: normal}
#main #conteudo #contpagsimples p a, #main #conteudo #contpagsimples a{font-family: Arial; font-size: 12px; color: #484848; font-weight: normal; text-decoration: underline}
#main #conteudo #contpagsimples img{ margin-bottom: 5px;}
#main #conteudo #contpagsimples iframe{ padding: 2px; border: solid 1px #a9cd11; margin-top: 10px;}

#main #conteudo #contpagsimples a.voltar{ margin-top: 10px; float: left; font-family: Arial; font-size: 12px; color: #bccd1f; text-decoration: none;}
#main #conteudo #contpagsimples a:hover{ text-decoration: underline;}
#main #conteudo #contpagsimples span.data{ font-family: Arial; font-size: 11px; color: #cacac9; width: 65px; display: block; background-image: url(/img/graficos/icon_seta.png); background-position: right; background-repeat: no-repeat;}

#main #conteudo #contpagsimples .seg_select{ color: #80b324}

/* DIV EFEITO ZEBRA */

#zebraeffect tr{ background-color: yellow;}

/* FORMULARIO DE CONTACTO NA PAGINA CONTACTOS */
#main #conteudo #contpagsimples #f_contacto{ width: 220px; margin-top: 30px; font-family: Arial; font-size: 12px; color: #484848; }
#main #conteudo #contpagsimples #f_contacto input{ font-family: Arial; font-size: 12px; color: #484848; width: 190px; border: 1px solid #d9d9d9; margin-bottom: 10px; padding-left: 4px; height: 20px; line-height: 20px;}
#main #conteudo #contpagsimples #f_contacto #txt_msg{ height: 90px; max-height: 90px;}
#main #conteudo #contpagsimples #f_contacto #txt_msg{ font-family: Arial; font-size: 12px; color: #484848; width: 190px; max-width: 200px; border: 1px solid #d9d9d9; margin-bottom: 10px; padding-left: 4px;}
#main #conteudo #contpagsimples #f_contacto #ficheiro{ width: 190px;}
#main #conteudo #contpagsimples #f_contacto .obrigatorio{ font-family: Arial; font-size: 12px; color: #d43f3b; margin-left: 5px; margin-right: 5px;}
#main #conteudo #contpagsimples #f_contacto #bt_confirm{ cursor: pointer; height: 21px; line-height: 20px; width: 84px; float: right; background-image: url(/img/graficos/bt_confirmar.png); background-repeat: no-repeat; margin-right: 25px; margin-top: 5px;}
#main #conteudo #contpagsimples #f_contacto .bt_over{ background-position: bottom}
#main #conteudo #contpagsimples #f_contacto p{ font-size: 10px;}

/* FORMULÁRIOS DE CLIENTES */
#main #conteudo #contpagsimples #formulario { width: 220px; float: left; margin-top: 10px;font-family: Arial; font-size: 12px; color: #484848; }
#main #conteudo #contpagsimples #formulario input{ font-family: Arial; font-size: 12px; color: #484848; width: 190px; border: 1px solid #d9d9d9; margin-bottom: 10px; padding-left: 4px; height: 20px; line-height: 20px;}
#main #conteudo #contpagsimples #formulario #txt_msg{ height: 90px; max-height: 90px;}
#main #conteudo #contpagsimples #formulario #txt_msg{ font-family: Arial; font-size: 12px; color: #484848; width: 190px; max-width: 200px; border: 1px solid #d9d9d9; margin-bottom: 10px; padding-left: 4px;}
#main #conteudo #contpagsimples #formulario #ficheiro{ width: 190px;}
#main #conteudo #contpagsimples #formulario .obrigatorio{ font-family: Arial; font-size: 12px; color: #d43f3b; margin-left: 5px; margin-right: 5px;}
#main #conteudo #contpagsimples #formulario #bt_confirm{ cursor: pointer; height: 21px; line-height: 20px; width: 84px; float: right; background-image: url(/img/graficos/bt_confirmar.png); background-repeat: no-repeat; margin-right: 25px; margin-top: 5px;}
#main #conteudo #contpagsimples #formulario .bt_over{ background-position: bottom}
#main #conteudo #contpagsimples #formulario p{ font-size: 10px;}

/* DIV AUX_FORMULARIO */
#main #conteudo #contpagsimples #aux_formulario{ font-family: Arial; font-size: 11px; color: #808080; width: 310px; display: block; float: left; margin-left: 30px; margin-top: 23px;}
#main #conteudo #contpagsimples #aux_formulario #texto{ padding: 15px; background-color: #e1e1e1; }
#main #conteudo #contpagsimples #aux_formulario #texto p{ margin: 0px;}
#main #conteudo #contpagsimples #aux_formulario #pdfs{ margin-left: 0px!important; border-top: solid 1px #e1e1e1; border-right: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1;}
#main #conteudo #contpagsimples #aux_formulario #pdfs li{ padding-left: 15px; padding-top: 2px; padding-bottom: 2px; border-bottom: solid 1px #e1e1e1;  font-family: Arial; font-size: 11px; color: #7d7d7d; display: block; margin-bottom: 5px; height: 20px; line-height: 20px;}
#main #conteudo #contpagsimples #aux_formulario #pdfs li a{ background-image: url(/img/graficos/icon_pdf.jpg); background-repeat: no-repeat; background-position: left; height: 20px; padding-left: 25px; font-family: Arial; font-size: 11px; color: #484848; text-decoration: none;}
#main #conteudo #contpagsimples #aux_formulario #pdfs li a:hover{ text-decoration: underline;}

/* DIV DIVULGACAO SIMULADORES */
#main #conteudo #links-simuladores { width: 543px; height: 195px; position: relative; padding-top: 43px; margin-top: 50px; margin-left: 30px; background-image: url(/img/graficos/titulo.jpg); background-repeat: no-repeat; background-position: top; }
#main #conteudo #links-simuladores a { display: block; float: left; width: 271px; height: 75px; background-position: top; background-repeat: no-repeat; text-indent: -5000px; }
#main #conteudo #links-simuladores a#seguro-casa { background-image: url(/img/graficos/bt_seguro_casa.jpg); }
#main #conteudo #links-simuladores a#seguro-saude { margin-left: 1px; background-image: url(/img/graficos/bt_seguro_saude.jpg); }
#main #conteudo #links-simuladores a#credito-seguro { margin-top: 1px; height: 76px!important; background-image: url(/img/graficos/bt_credito_seguro.jpg); }
#main #conteudo #links-simuladores a#seguro-fotovoltaicos { margin-left: 1px; margin-top: 1px; height: 76px!important; background-image: url(/img/graficos/bt_fotovoltaicos.jpg); }
#main #conteudo #links-simuladores a:hover { background-position: bottom; }