@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.eot);
    src: url(/Temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
        url(/Temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff2) format('woff2'),
        url(/Temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff) format('woff'),
        url(/Temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.ttf) format('truetype'),
        url(/Temas/fonts/glyphicons-halflings/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

#inquerito {
        width: 500px;
        height: 1000px;
        border: none;
        margin-left: 10px;
        float:left;
        clear: both;
    }
    #mapa {
        margin: 0 0 30px 30px;
        float:left;
    }
    #tbContactos h3 {
        color: #555;
        margin: 20px 10px;
        float: left;
        width: 100%;
    }

#divCab{
    float:left; width:100%; 
    background-image: url('/lminho/PubContent/35/barra.jpg')
}
#divCab > div {
    float:left;
    padding:6px 0 0;
    /*background-color: #584e3cb8;*/
    padding: 0px 16px 0 0;
    margin: 17px;
    border-radius: 6px;
}

.tituloLM {
    font-family: 'Viga', sans-serif;
    letter-spacing: 2px;
    font-size: 27pt; 
    color:#fff; 
    float:left;
    margin: 15px 10px 0 0;
    text-shadow: #333 2px 2px;
}
body { font-family: "Open Sans"; margin: 0; padding: 0; color: #eee; }

.menu a, .menu a:active, .menu a:visited { color:#eee; text-decoration:none; cursor:pointer; transition: all ease 0.5s; }
.menu a:hover { color:#584e3c; background-color: #eee; transition: all ease 0.5s; }
.menu a.marca {color:#584e3c; background-color: #fff; transition: all ease 0.5s;}
.menu { display: block; float: left; width: 100%; }
.menu a { display:block; float:left; padding: 10px 20px;  }
.divMain { clear:both;}

.tabLivros {
    width: 100%; 
    padding-top: 18px;
    display: block;
}
.tabLivros thead {
    display: block;
    float:left;
    width: 100%;
    padding: 10px 30px;
    
}
.tabLivros thead th,
.tabLivros thead th h1
{
    font-size: 23pt;
    color: #333;
    font-family: "Roboto Condensed";
    font-weight: 300;
    text-transform: uppercase;
}
.tabLivros tbody {
    display: flex;
    width: 100%;
    float: none;
    flex-wrap: wrap;
    place-content: center;
}
.tabLivros tr { display: block; fleat: left; clear:none; }
.tabLivros td { display: block; fleat: left; clear:none; }
        
.fchLivro{
    font-size: 12pt;
    color: #333;
    width: 495px;
    padding: 5px 2px; 
    margin: 15px 6px;
    float:left;
    display:block;
    border: 1px solid transparent;
    border-radius: 4px;
}


.fchCorpo {
    float: left;
    width: 300px;
}

.fchTitulo
{
    font-size: 14pt;
    font-weight: bold;
    padding: 0px 1px 3px 0px; 
    margin: 0 0 0 0;
    display:block;
}
.fchAutor
{
    padding: 1px 1px 15px 1px;
    font-style: italic;
    display:block;
}
.fchSinopse
{
    padding: 15px 1px 15px 1px;
    font-style: normal;
    display:block;
    text-align:justify;
}

.fchLinks
{
    padding: 1px 1px 1px 1px;
    line-height: 23px;
    font-style: normal;
    display:block;
    font-size: 10pt;
    text-decoration: none;
    list-style-type: none;
}
.fchLink
{
    display: block;
    color: #70AF00;
    font-weight:bold;
    font-size: 9pt;
}

.fchIsbn
{
    padding: 1px 1px 3px 1px; 
    display:block;
}
.fchPreco
{
    padding: 1px 1px 3px 1px; 
    font: bold;
    color: gray;
    display:block;
}
.fchImagem
{
    cursor: pointer;
    display: block;
    width:175px;
    height:230px;
    float:left;
    margin: 1px 15px 1px 1px;
    text-align: center;
}
.fchImagem img {
    max-width: 175px;
    max-height: 230px;
}

.botao
{
    margin: 2px 2px 2px 2px;
    padding: 4px 12px 4px 12px;
    border: 1px solid #70AF00;
    font-size: 9pt;
    color: Gray;
    display:inline-block;
    width: auto;
    background-color:white;
    cursor: pointer;
}

.botao:hover
{
    background: #70AF00;
    color: White;
    font-weight: bold;
}

.center
{
    text-align: center;
}
.ligacao
{
    color: #70AF00;
    display: inline-block;
    padding: 3px 6px 3px 6px;
    margin: 6px 0 0px 0;
}

.ligacao:hover
{
    /*text-decoration: underline;*/
    background:#70AF00;
    color:White;
    font-weight:bold;
}
.morada {
    color: #333;
    line-height: 21pt;
}
.morada > div {
    margin: 0 0 0 30px; 
}

.telef {
    font-family:'Courier New';
    font-size: 13pt;
    margin-top: 1px;
    display: inline-block;
    float: left;
}
.wdIcon {
    font-family: Wingdings;
    font-size: 24pt;
    float:left;
}

#divLivro > div {
    margin: 10px auto;
    width: 60%;
    color: #333;
}


#divLivro .voltar {
    text-decoration: none;
    font-size: 13pt;
    font-weight: 600;
    color: #777;
    padding: 10px 20px;
    float: left;
    width: 100%;
}
#divLivro .voltar:before {
    content: "\e257";
    font-family: "Glyphicons Halflings";
    font-size: 10pt;
}
#divLivro .voltar:hover{
    color: #333;
    background-color: #eee;
    background-color: #eee6;
    border-radius: 6px;
}

#divLivro .fchImagem{
    width: 300px;
    height: 460px;
    margin-right: 42px;
    cursor: default;
}
#divLivro .fchImagem img {
    max-width: 300px;
    max-height: 460px;
    margin-top: 10px;
}
#divLivro .fchCorpo > * {
    clear: left;
    float: left;
    margin-top: 0;
    margin-bottom: 16px;
    width: 600px;
}

#sinopse{
    float: left;
    width: 800px;
    clear: left;
    padding-bottom: 50px;
}

@media all and (max-width: 750px), all and (max-height: 600px) { 

    .morada { width:100%;}
    .tabLivros tr {display : table-row; }
    .tituloLM { font-size: 22pt; }
    .fchLivro { width: 100%; }
    .fchImagem {     width: 30%;    height: auto;    }
    .fchImagem img {    max-width: 100%;    max-height: 100%; }
    .fchCorpo { width: 65%;}
    .menu{margin-top: 2px;}
    .menu a { padding: 6px 6px; width: 45%; }
    #mapa { width: calc(100% - 60px); }
    #divLivro .fchImagem{
        width: calc(100% - 0px);
        float: left;
        margin: 0 0 0 0;
    }
    #divLivro .fchImagem img {
        width: calc(100% - 0px);
        max-width: calc(100% - 0px);
        margin: 0 0 0 0;
        float: left;
    }
    
    #divLivro > div {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    #divLivro .fchCorpo {
        width: calc(100% - 20px);
    }
    #divLivro .fchCorpo > * {
        width: calc(100% - 20px);
    }
    #sinopse {
        width: calc(100% - 20px);
    }

}