@import url("https://lacasuriortodoxe.ro/scripturi/fonturi/literata/style.css");
@import url("https://lacasuriortodoxe.ro/scripturi/fonturi/lora/style.css");

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 10px;
    line-height: 10px;
}

body {
    font-family: 'Lora', Georgia, Times, sans-serif;
    line-height: 1.6;
    background-color: #A29F95;
    color: #685C26;
    background-image: url('fundal.jpg');
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.container {
    background: #fff;
    max-width: 950px;
    width: 100%;
    margin: 0 auto 0;
    border: 1px solid #585346;
}

/*/
 * ANTET
/*/

header {
    background: linear-gradient(to bottom, #EFE8D7, #FFFFFF);
    background-image: url('antet-calimara.gif'), url('antet-fundal.jpg');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom right, top left;
    padding: 60px 100px 20px 15px;
}
header h1 {
    font-size: 2.9rem;
}
header mark {
    color: #FF8901;
    background: none;
}

/*/
 * PAGINATIE
/*/

.paginatie {
    background: linear-gradient(to bottom, #FFFFFF, #F9F5E4);
    font-size: 1.2rem;
    border-bottom: 1px solid #FFC582;
    padding: 4px 2px 0 2px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 10px;
}
.paginatie a {
    display: inline-block;
    vertical-align: top;
    color: #A51F17;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}
.paginatie a:hover {
    text-decoration: underline;
    color: #CA8510;
}

/*/
 * COLOANE
/*/

main {
    padding: 5px;
}
main .coloana-1 {
    float: left;
    width: 65%;
}
main .coloana-2 {
    float: right;
    width: calc(35% - 10px);
}

@media all and (max-width: 630px) {
    main .coloana-1, main .coloana-2 {
        width: 100%;
        float: none;
    }
}

/*/
 * ARTICOLE ORIZONTALE
/*/

article {
    padding: 5px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    background-image: url('paragraf-separator-jos.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
}
article .imagine {
    float: left;
    margin-right: 10px;
}
article .imagine img {
    width: 110px;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: right top;
    border-radius: 5px;
    display: block;
}
article .titlu {
    margin: 0;
    font-style: italic;
    font-weight: bold;
    display: block;
    font-size: 21px;
    line-height: 1.4;
    background-image: url('paragraf-separator-sus.gif');
    background-position: bottom right;
    background-repeat: no-repeat;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
article .titlu a {
    color: rgb(104, 92, 38);
}
article .titlu a:hover {
    text-decoration: underline;
}
article.orizontal .info {
    padding-bottom: 3px;
    font-size: 11px;
    color: #CA8510;
}
article.orizontal .info span {
    color: #A29F95;
    padding-left: 5px;
}
article.orizontal .info a {
    color: #FF8901;
    font-weight: bold;
}
article.orizontal .info a:hover {
    color: #CA8510;
    text-decoration: underline;
}
article.orizontal .intro {
    font-size: 1.32rem;
}
article.orizontal .intro a {
    color: #FF8901;
}
article.orizontal .intro a:hover {
    color: #CA8510;
    text-decoration: underline;
}

/*/
 * MODUL
/*/

section {
    margin-bottom: 15px;
    border-bottom: 1px solid #ECEAE4;
}
section .titlu {
    margin: 0px;
    padding: 4px 10px;
    background-image: url('modul-titlu.jpg');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #CD594C;
    border-bottom: 1px solid #A51F17;
    font-size: 1.4rem;
    font-style: italic;
    color: #FCFAF1;;
    line-height: 1.37;
}
section .continut {
    padding: 10px 7px;
    background-image: url('modul-text.jpg');
    background-position: top left;
    background-repeat: repeat-x;
    color: #FF8901;
    font-size: 1.3rem;
    border-bottom: 1px solid #A51F17;
    background-color: #FDFAF1;
    line-height: 1.37;
}
section .continut ul {
    margin-left: 15px;
}
section a {
    text-decoration: none;
    color: #685C26;
}
section a:hover {
    text-decoration: underline;
    color: #272701;
}
section img {
    max-width: 100%;
}

img[align='left'] {
    margin-right: 5px;
}
img[align='right'] {
    margin-left: 5px;
}

/*/
 * Subsol
/*/

footer {
    background: #CD594C url('subsol-fundal.jpg') bottom right repeat-x;
    padding: 10px;
    color: #ECEAE4;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
}
footer a {
    text-decoration: none;
    color: #685C26;
}
footer a:hover {
    text-decoration: underline;
    color: #272701;
}


/*/
 * ARTICOL
/*/

article .continut p {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: justify;
    position: relative;
    font-family: 'Literata';
}
article .continut h2, article .continut h3, article .continut h4 {
    font-size: 2.4rem;
    font-weight: bold;
    margin-top: 30px;
}
article .continut code {
    background: #efefef;
    border-radius: 5px;
    padding: 2px 5px;
}
article .continut mark {
    background: #F2E7D5;
    border-radius: 5px;
    padding: 2px 5px;
}
article .continut a {
    color: #CA8510;
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: 2px solid #CA8510;
}
article .continut a::after {
    content: '';
    position: relative;
    left: 2px;
    height: 20px;
    width: 27px;
    margin-right: 2px;
    background: url('link.png');
    background-size: auto;
    background-size: 27px 20px;
    vertical-align: -4px;
    display: inline-block;
}
article .continut a:hover {
    color: #685C26;
    border-bottom: 2px solid #685C26;
}
article .continut blockquote {
    border-left: 5px solid #990000;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333;
    display: block;
    margin: 0;
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.5;
    text-align: justify;
    position: relative;
}
article .continut pre {
    background: #F3E8E8;
    padding: 10px 15px;
    color: #000;
    font-family: monospace;
    text-align: left;
    border-radius: 10px;
    font-size: 1.2rem;
}
article .continut p.lo-left {
    text-align: left;
}
article .continut p.lo-center {
    text-align: center;
}
article .continut p.lo-right {
    text-align: right;
}
article .continut p.lo-img {
    text-align: center;
}
article .continut p img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto 10px;
}
article .continut hr {
    width: 100%;
    height: 5px;
    border: 0;
    background: #990000;
    margin-bottom: 15px;
    margin-top: 15px;
}
article.articol .continut ul {
    padding-left: 20px;
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 15px;
}