/*
    ficheiro: css.css
    conteudo: estilos gerais do website
    website : www.fotografiana.net
    autor   : pedro nuno martins
    versao  : 0.1b
*/

/*    
    cores   : 
              medio      : #585858
              escuro     : #1a1a1a
              claro      : #808080
    fontes  : font-family: 'Dosis', sans-serif;
              font-family: 'Raleway', sans-serif;
              font-family: 'Gruppo', cursive;
    largura : 840px
*/

/* RESET */


/* BODY */
    body { color: #808080; font-family: 'Raleway', sans-serif; }
    a, a:visited, a:link { text-decoration: none; color: #1a1a1a; /*border-bottom: 1px dotted #1a1a1a;*/}
    a:hover {color: #ccc;}

/* PAGINA */
    .cls { clear: both;}
    #dPagina { width: 840px; margin: 0px auto; text-align: left; }
    #dLogo { width: 840px; margin: 0px auto; text-align: left; }

/* MENU */
    #dMenuHorizontalCx { border-top: 1px solid #a0a0a0; background-color:#808080; }
    #dMenuHorizontal { width: 840px; margin: 0px auto; text-align: left; font-family: 'Raleway', sans-serif; /*padding: 5px 0;*/ }
    #dMenuHorizontal ul { padding:0px; margin:0px; background-color:#808080; list-style:none; }
    #dMenuHorizontal ul li { display: inline; }
    #dMenuHorizontal ul li a { padding: 5px 10px; display: inline-block; background-color:#808080;color: #1a1a1a; text-decoration: none; }
    #dMenuHorizontal ul li a:hover { background-color:#1a1a1a; color: #808080; }

/* ENTRADA */
    .cEntrada {  }
    .cEntrada h1 { font-family: 'Raleway', sans-serif; }
    .cEntrada p { /*padding: 5px 0;*/ }
    .cEntradaData { font-size: .7em; color: #585858; padding: 0; margin: 0; }
            
/*  */
.info
{
    padding: 10px;
    margin: 10px 0;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

/*  */


/*  */


/* RODAPÉ */
    #dRodape { font-family: 'Raleway', sans-serif; text-align: center; background-color: #808080; color: #1a1a1a; padding: 20px; border-top: 1px solid #a0a0a0;}
    #dRodape img a, a:link, a:visited {border: none;}
    #dRodapeCx { width: 840px; margin: 0px auto; text-align: left; padding: 10px 0; }
    #dRodapeE { float: left; width: 272px; }
    #dRodapeC { float: left; padding: 0 5px; width: 270px; }        
    #dRodapeD { float: left; width: 272px; padding: 0 5px; }
    #dRodapeCopy { margin: 20px 0 10px 0;}
    #dRodapeP { font-size: .8em;}
    #dRodapeCx p { font-size: .9em; }

/*  */


/*  */


/* FORMULARIOS */
.fTexto { 
    border: none;
    padding: 10px;
    font-family: 'Raleway', sans-serif; text-align: center;font-weight: bold;
    font-size: 2em;
    width: 400px;
    }
.fBtn { 
    border: none;
    padding: 10px;
    margin: 5px;
    background-color: #808080;
    font-family: 'Raleway', sans-serif; text-align: center;font-weight: bold;
    font-size: 1.3em;
    width: 250px;
    }

.fBtn:hover {
    background-color: #585858;
    color: #fff;
}
.fBtnm { 
    border: none;
    padding: 10px;
    margin: 5px;
    background-color: #808080;
    font-family: 'Raleway', sans-serif; text-align: center;font-weight: bold;
    font-size: .8em;
    width: 250px;
    }

.fBtnm:hover {
    background-color: #585858;
    color: #fff;
}

/* ENCOMENDAS */
#dEncPhotoContainer{ /*border: 1px solid #151515;*/ margin: 0px; padding: 0px; }
.cEncPhotoLinha{ border-bottom: 1px solid #808080; margin-bottom: 10px; padding-bottom: 5px; }
.cEncPhotoGrupo{ /*border: 1px solid #808080;*/ margin: 0px 8px; padding: 0px; width: 260px; float: left;}
.cEncPhotoImg { /*border: 1px solid #808080*/ margin: 0px; padding: 0px; }
.cEncPhotoTit { /*border: 1px solid #808080;*/ margin: 0px; padding: 5px; font-size: .7em; text-align: center;}
.cEncBtnTam { border: 1px solid #808080; margin: 1px; padding: 5px; width: 72px; float: left; text-align: center;
background-color: #808080;}
.cEncBtnTam a { color: #fff;}
.btn a { color: #fff; }

.btnHref a{ color: #fff;}
#tCart { text-align: center; border: none; margin: 0; padding: 5px;}
#tCart {  }
.cartTr tr {  }
.cartTr {  }
.cartTrDet tr { border: 1px solid #fff; }
.cartTrDet { background-color: #fefefe; }


.fLabel { width: 200px; text-align: right;}
.cPrecosInfo { width: 100%; text-align: right; margin-top: -70px;}
.cPrecosInfo p{ font-size: .7em; line-height: .7em;}

.info { width: 100%; }
.info p { font-size: .7em; text-align: center;}


.moradacontainer { width: 800px; /*border: 1px solid #fff;*/ }
.moradalinha { /*border: 1px solid #fff;*/ padding: 5px;}
.moradalinhal { /*border: 1px solid #fff;*/ width: 200px; padding: 5px; float: left; text-align: right;}
.moradalinhat { /*border: 1px solid #fff;*/ width: 400px; padding: 5px; float: left;}
.moradalinhatb { /*border: 1px solid #fff;*/ width: 500px; padding: 0px; float: left;}



.cTotais  { width: 800px; text-align: right; clear: both;}
.cTotaisL { width: 200px; padding: 5px; float: left; text-align: right; }
.cTotaisV { width: 400px; padding: 5px; float: left; text-align: left; font-weight: bold;  font-size: 1.2em;}




#dBlocoMB { margin-top: 20px; background-color: #222; width: 480px; padding: 5px; }
#dBlocoMBLogo { width: 150px; float: left; background-color: #222; }
#dBlocoMBRef { width: 300px; float: left; background-color: #222; color: #eee; }
.cBlocoMBLabel {font-weight: bold;float: left; width: 80px; padding: 8px;}
.cBlocoMBTxt {text-align: center; float: left; width: 150px; padding: 8px;}



/* ITENS PERSISTENTES */
.detached-independent {
    position: fixed;
    top:0;
    
}
.detached-independent h5 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: normal;
    color: #000;
}

.cIndDet {
    width: 830px;
    border: 2px solid #ff0;
    background-color: #222;
    color: #ff0;
    padding: 10px;
}





/* ERROS */
#d404 { border: 2px solid #808080; margin: 50px 0; padding: 10px; }
#d404H { font-size: 4em; float: left; width: 130px; color: #fff;}
#d404P { font-size: 1.1em; float: left; width: 650px; }


/* DEBUG */
.debug p { color: #BFA50E; font-size: .6em; }