/* ********************************************************************************* */
.artigo
{
    width: 620px;
    height: 200px;
    padding: 10px;
    margin: 0 0 10px 0;
    
    border-radius: 10px;

    border: solid 1px #AEAEAE;
    
    background-color: #FFFFFF;
    
    /*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #252525), color-stop(1, #090909));
    background: -moz-linear-gradient(center top, #252525 0%, #090909 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#090909',GradientType=0);
    */
}

/* ********************************************************************************* */
/* ********************************************************************************* */
.artigo .foto
{
    float: left;
    max-width: 210px;
    max-height:200px; 
    text-align:center;     
        
    width: 210px;
    height:auto; 
}
.artigo .foto img    
{
    max-width: 200px;
    max-height:200px;
        
    width: auto;
    height:auto; }

/* ********************************************************************************* */
/* ********************************************************************************* */
.artigo .descritivo
{
    float: left;    
    width: 410px;
}

.artigo .descritivo .identificacao
{
    margin: 0 0 10px 0;
}
.artigo .descritivo .identificacao h3 { float: left; }
.artigo .descritivo .familia { font-weight: normal; }

.artigo .descritivo .descricao
{
    margin: 0 0 10px 0;
    height: 100px;
    overflow: hidden;
}

.artigo .descritivo .preco
{
    color: #C80000;
    font-weight: bold;
    
    border-top: solid 1px #DDDDDD;
}
.artigo .descritivo .preco_geral { font-size: 1.2em; }
.artigo .descritivo .precoCLubNERSANT { font-size: 1.5em; }

/* ********************************************************************************* */
/* ********************************************************************************* */
.pesquisa
{
    padding: 5px;
    text-align: center;
}
/* ********************************************************************************* */
/* ********************************************************************************* */
.detalhes
{
    width: 620px;
    padding: 10px;
    margin: 0 0 10px 0;
 
    display: table-cell;   
    border-radius: 10px;

    border: solid 1px #AEAEAE;
    
    background-color: #FFFFFF;
}
.detalhes .foto
{
    float: left;
    width: 210px;
}
.detalhes .foto img { width: 200px; }

/* ********************************************************************************* */
/* ********************************************************************************* */
.detalhes .descritivo
{
    float: left;    
    width: 410px;
}

.detalhes .descritivo .identificacao
{
    margin: 0 0 10px 0;
}
.detalhes .descritivo .identificacao h3 { float: left; }
.detalhes .descritivo .familia { font-weight: normal; }

.detalhes .descritivo .preco
{
    color: #C80000;
    font-weight: bold;
    
    border-top: solid 1px #DDDDDD;
}
.detalhes .descritivo .preco_geral { font-size: 1.2em; }
.detalhes .descritivo .precoCLubNERSANT { font-size: 1.5em; }

.detalhes .descritivo .descricao
{
    border-top: solid 1px #DDDDDD;
    margin: 15px 0 10px 0;
}
.detalhes .descritivo .empresa
{
    border-top: solid 1px #DDDDDD;
    margin: 15px 0 10px 0;
}

.detalhes .descritivo .contactos { margin: 5px 0 0 0; }
.detalhes .descritivo .contactos div
{
    height: 16px;
    line-height: 16px;
    padding: 0 0 0 30px;
}
.detalhes div span.label { color: #A5A5A5; }
/* ICONS */
.detalhes .telemovel { background: url("/Imagens/Icons/Telemovel.png") no-repeat left center; }
.detalhes .email { background: url("/Imagens/Icons/Email.png") no-repeat left center; }
.detalhes .facebook { background: url("/Imagens/Icons/Facebook/16x16.png") no-repeat left center; }
.detalhes .twitter { background: url("/Imagens/Icons/Twitter/16x16.png") no-repeat left center; }
/* ********************************************************************************* */
/* ********************************************************************************* */
.verdetalhes
{
    top: -10px;
    position: relative;
    float: right;
}
.voltar { float: right; }
/* ********************************************************************************* */
/* ********************************************************************************* */
.navegacao
{
    clear: both;
    text-align: center;
    
    /*padding: 50px 0 0 0;*/
    padding: 2px 7px 10px 0;
}
.navegacao span
{
    float: left;

    width: 22px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 2px;
    
    border: solid 1px #AEAEAE;
    border-radius: 3px;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    background-color: #E6E6E6;
}
.navegacao span:hover
{
    border: solid 1px #920000;
    background-color: #C80000;
}
.navegacao span.Seleccionado
{
    background-color: #273265;
}
a.linkNavegacao:link { color: #999999; text-decoration: none; display: block; }
a.linkNavegacao:visited { color: #999999; text-decoration: none; display: block; }
a.linkNavegacao:hover { color: #FFFFFF; text-decoration: none; display: block; }
/* ********************************************************************************* */