@charset "utf-8";
/* CSS Document */

/* FONTS */

/* 'AR BERKLEY' */
@font-face {
	font-family: 'AR BERKLEY';
	src: url('fonts\AR BERKLEY\ar_berkley-webfont.woff') format('woff');
}

/* AS Houses */
@font-face {
	font-family: 'AS Houses';
	src: url('fonts\AS Houses\ashouses-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Chaparral Pro';
    src: url('fonts\Chapparal Pro\ChaparralPro-Regular.otf') format('otf');
}

* { 
    padding: 0;
    margin: 0;
}

#background {
	width: 100%;
	background:url("../images/5cf2660af5f4214def7166dc7a7c8062.jpg") center center fixed;
	-webkit-background-size: cover;
    background-repeat: repeat;
	
}

#container {
	width: 240mm;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
}

#main1 {
	width: 240mm;
	height: 5cm;
	border-top-left-radius: 2.5cm;
	background-color: #535151;
}

#main1 #imgpatrat1 {
	width: 5cm;
	height: 5cm;
	background-color: rgba(11,82,3,100%);
	float: left;
	border-top-left-radius: 2.5cm;
}

#h3Search {
	margin: 0;
	padding: 0;
	width: 46mm;
	margin-left: auto;
	margin-right: auto;
	margin-top: 18mm;
	color: rgba(0,0,0,100%);
	text-align: center;
}

#searchContainer{
	width: 50mm;
	height: 8.1mm;
	background-image: url('../images/searchBar/textBarS_4.png');
	margin-left: 3.5mm;
	margin-right: 3mm;
	margin-top: 10mm;
	background-repeat: no-repeat;
	background-position: left top;
}

#searchForm{
   background-image: url("../images/searchBar/butonBarS_2.png");
   background-repeat: no-repeat;
}

#sfb{
	border: 0;
	height: 6mm;
	line-height: 8mm;
	width: 36mm;
	outline: none;
	color: #000000;
	padding-right: 1mm;
	padding-left: 1mm;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#sbb {
	font-size: 15px;
	border: 0;
	height: 6mm;
	width: 6mm;
	background-color: #3c3c94;
	color: #b1b1c1;
}

#sbb:hover {
	color: #ffffff;
}

#searchFieldBox{
	float: left;
	width: 37mm;
	height: 8.1mm;
}

#searchFieldBox code {
	padding-top: 1mm;
}

#searchBtnBox {
	float:left;
	width:8.1mm;
}


#main1 #img1 {
	height: 5cm;
	width: 190mm;
	float: left;
	background-color: #113FEF;
}

#main1 #img1 .imgcentrala {
	width: 190mm;
	height: 50mm;
}



#main2 {
	width: 240mm;
	height: 5cm;
}

#main2 #imgpatrat2 #hrpanou {
	border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#main2 #imgpatrat2 {
	width: 5cm;
	height: 5cm;
	background-color: rgba(11,82,3,100%);
	float: left;
}


#main2 #imgpatrat2 #Calendar_google {
	width: 38mm;
	height: 38mm;
	margin-left: 2.5mm;
	margin-top: 2.5mm;
}


#main2 #main3 {
	width: 190mm;
	height: 5cm;
	float: right;
}

/* =======================================================
                Bara de navigare sus
======================================================= */

#main2 #main3 #nav_sus {
	width: 100%;
	height: 1.2cm;
	background-color: #113FEF;
	font-family: Helveltica, Arial, sans-serif; 
	font-size: 18px;
}

#nav_sus a {
	display: table-cell; vertical-align: middle; height:1.2cm; text-align:center;  background: #3C3E94; color: #FFF; text-decoration:none;
}

#main2 ul {
	list-style: none;
	max-height: 1.2cm;
}

#main2 li.li01 {
	border-right: 0;
}

#main2 ul li.li1 {
    border-right: 2px solid #113FEF;
}

#main2 ul li {
    float: left;
	position: relative;
}

/* La chenarul colorat se complica de fapt */

.a1 { 
    /* width: 2.01cm; - toate butoanele */
	width: 33%;
}

.a2 { 
    /* width: 4.2cm; - toate butoanele */
	width: 420px;
}

.a3 { 
    width: 2.5cm;
}

.a3_1 { 
    width: 4cm;
	padding: 0 3mm; /* stanga si dreapta */
}

.a4 { 
    /* width: 2.5cm; */
	width: 47.5%;
	padding-right: 1px;
	/* modificat si li la fiecare */
}

.a5 { 
    width: 3cm;
}

.a6 { 
    width: 2.3cm;
}

.a7 { 
    width: 2.2cm;
	padding-right: 1px;
}

.sub1 { /* pt a fi aratat meniul peste imagine :) */
    position: absolute;
    z-index: 2;
}


.linie-sus {
    border-top: 0.6mm solid #113FEF;
}

#main2 li:hover > a {
	background-color: #1470CC;
}

li > ul { 
    display: none;
	position:absolute; 
	left: 0; 
	top: 100%;
}

li:hover > ul { display:inline-block; }

.linie-stanga {
    border-left: 2px solid #113FEF;
}

li > ul li > ul {
    left: 100%;
    top: 0;
}





#main2 #main3 .img2 {
	width: 190mm;
	height: 3.8cm;
}

.img2centrala {
	width: 190mm;
	height: 38mm;
}

/* ================================================
                  Partea de jos
================================================ */

#main3-2 {
    width: 100%;
    overflow: hidden;
}

#main4 {
	width: 5cm;
    max-height: 35cm;
	margin-top: 5mm;
	float: left;
}

#main4 .imgpatrat3 {
	width: 4.6cm;
	height: 4.6cm;
	background-color: #6AE2E2;
	border-radius: 5mm;
	border-spacing: 0 0;
	border: 2mm solid #104408;
}

#main4 .imgpatrat3 .Ppatrat3 {
	padding: 3mm;
	padding-top: 7mm;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 18px;
}

/* ===========================================================
                Zona de afisare a datele
=========================================================== */

.bodytext {
	width: 170mm;
	height: auto;
	min-height: 34.8cm;
	margin-top: 5mm;
	background-color: #FFE9E9;
	float: right;
	border-radius: 1cm;
	padding-left: 1cm;
	padding-right: 1cm;
	padding-top: 5mm;
}

.bodytext #B_title {
	height: 10mm;

}

.bodytext #B_title h2 {
	text-align: center;
	color: #3C3E94;
}

.h3body {
	margin-top: 5mm;
	margin-left: 20mm;
	margin-bottom: 5mm;
}

.h3body2 {
	margin-top: 5mm;
	margin-bottom: 5mm;
}

.bodytext .pbody {
	margin-top: 0;
	margin-left: 5mm;
	margin-bottom: 2mm;
}

.ulbody {
    list-style: none;
}

.ulbody2 {
    margin-left: 0.5cm;
}

.bodytext .libody {
	margin-left: 20mm;
	width: 62%;
}

.libody2 {
    margin-bottom: 2mm;
}

#note { /* notita hr_jos */
	padding: 4px 0 4px 0;
	min-height: 23px;
}

.hr {
	margin-left: auto;
	margin-right: auto;
}

.hrShort {
	width: 30%;
}

.hrLong {
	width: 100%;
}

.hrRed {
	border: 1px solid red;
}

#bodytextin {
	margin-top: 5mm;
	width: 170mm;
	margin-left: auto;
	margin-right: auto;
	min-height: 32.4cm;
}

/* ========================================
				Index
======================================== */

.box-stanga {
    width: 33%;
    min-height: 5cm;
    height: auto;
    float: left;
}

.box-centru {
    width: 33%;
    min-height: 5cm;
    height: auto;
    float: left;
}

.box-dreapta {
    width: 33%;
    min-height: 5cm;
    height: auto;
    float: right;
}

p.alfabet {
    font-family: "Chaparral Pro", sans-serif;
    font-size: 23pt;
    text-align: center;
    margin-right: 4mm;
	margin-top: 1cm;
}

.index-link {
    margin-left: 1.2cm;
}

/* =======================================
					ACASA
======================================= */

.meniuArbore {
	padding-top: 10px;
}

.meniuArbore .parinte > div {
display: none;
cursor: default;
}

.meniuArbore .parinte {
cursor: pointer;
background:transparent url("http://cristishor.net/images/meniu_tree/plus.gif") no-repeat left 1.1mm;
/* sursa : http://www3.telus.net/jianlu58/plus.gif */
padding-left: 20px;
}

.meniuArbore .extins {
background:transparent url("http://cristishor.net/images/meniu_tree/minus.gif")no-repeat left 0.2mm;
/* sursa : http://www3.telus.net/jianlu58/minus.gif */
}

.center {
	text-align: center;
}

.v-center {
	vertical-align: center;	
}

/* ==============================================
                Meniu de jos
============================================== */

#nav_jos {
	width: 100%; /* 240mm */
	height: 1cm;
	border-radius: 3mm;
    position: relative;
    font-family: Helveltica, Arial, sans-serif; 
	font-size: 17px;
    overflow: hidden;
}

#nav_jos ul {
    list-style: none;
	width: 100%;
}

#nav_jos ul li {
    float: left;
	width: 50%;
	display: inline-block;
}

#nav_jos a {
	display: block;
    line-height: 1cm;	
	text-align:center;
	background: #104408;
	color: #6AE2E2;
	text-decoration:none;
	height: 1cm;
}

.a8 { 
	/* width: 60mm; - toate butoanele */
    border-top-left-radius: 2mm;
	border-bottom-left-radius: 2mm;
	width: 100%;
}

.a9 {
    /* width: 60mm; - toate butoanele */
	
}

.a10 {
    width: 59.7mm;
}

.a11 {
	width: 60mm;
    border-top-right-radius: 2mm;
	border-bottom-right-radius: 2mm;
}

#nav_jos ul a:hover {
	background-color: #1470CC;
    color: #000000;
}

/* ===================================================
                    Despre mine
=================================================== */

.nume1 {
    float: right;
    margin: 1.5cm 3.5cm 0 0;
}

/* ===================================================
                    Contact
=================================================== */

i.fa-contact {
    font-size: 18px;
    color: blue;
    margin-right: 1mm;
}

.label-contact {
    margin: 0 2mm 0 8mm;
}

#scop1 {
    width: 45.5mm;
    height: 5mm;
    margin-left: 12mm; /* aliniere relativa a casetelor */
    padding-left: 0.5mm; /* asezarea in casete */
}

.feedback-contact { /* caseta de afisare a erorilor */
    font-family: Arial, sans-serif;
    font-size: 15px;
    width: 9.3cm;
    background-color: white;
    margin: 2mm 0 5mm 15mm;
    text-align: center;
}

.feedback-failure {
    color: red;
}

#feedback-succes {
    color: green;
    background-color: transparent;
}

.p-contact {
    margin-bottom: 1.5mm;
}

#numeTu {
    width: 42.5mm;
    height: 4mm;
    margin-left: 0; /* aliniere relativa a casetelor */
    padding-left: 2mm;
}

#mailTu {
    width: 42.5mm;
    margin-left: 12.9mm; /* aliniere relativa a casetelor */
    padding-left: 2mm;
}

#subiectTu {
    width: 42.5mm;
    margin-left: 11.8mm; /* aliniere relativa a casetelor */
    padding-left: 2mm;
}

#div-label-contact {
    margin-top: 0;
}

.hr-contact {
    border: 1px solid blue;
    width: 12cm;
    margin-top: 5mm;
    margin-bottom: 5mm;
}

#mesaj-contact {
    margin: -4.4mm 0 0 55.8mm;
    min-height: 20mm;
    min-width: 42.7mm;
    max-width: 113mm;
    padding-left: 2mm;
}

#caseta-trimite {
    width: 25mm;
    height: 5mm;
    margin-left: 56mm;
}

/* ===============================
			Sf. Liturghie		
=============================== */

.drop-down {
	display: inline;
}

details.level1 {
	margin-top: 20px;
}

details.level2 {
	padding-left: 20px;
}

details > summary {
	list-style-type: '+';
}

details[open] > summary {
	list-style-type: '−';
}

summary {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight:bold;
}

h3.drop-down {
	margin-left: 5px;
}

.liturghie-Box {
	display: grid;
	grid-template-columns: 25% 50% 25%;
	border: 1.5px solid black;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.liturghie-box1 {
	float: left;
	padding: 10px 7px 0 7px;
	display: flex;
	flex-flow: column;
}

.liturghie-box1 img {
	width: 100%;
	flex: 0 1 auto; /* flex-grow: 0, flex-shrink: 1, flex-basis: auto */
}

.liturghie-box1 .liturghie-website {
	height: 100%;
	margin-top: 0;
	text-align: center;
	flex: 1 1 auto;
	display: table;
}

.liturghie-box1 .liturghie-website a {
	color: green;
	text-decoration: none;
	vertical-align: middle;
	display: table-cell;
}

.liturghie-box2 {
	float: left;
	padding: 10px 5px 10px 5px;
	border-left: 1.5px solid black;
	border-right: 1.5px solid black;
}

.liturghie-box2 ul {
	list-style: none;
}

.liturghie-box2 li {
	margin-bottom: 3px;
	word-wrap: break-word;
}

/* .liturghie-box2 .ora {
	
}

.liturghie-box2 .ore {
	
} */

.liturghie-box2 span {
	margin-left: 5px;
}

.liturghie-box2 sup {
	font-size: 12px;
}

.liturghie-box3 {
	float: left;
	padding: 10px 7px 5px 7px;
	display: flex;
	flex-flow: column;
}

.liturghie-box3 .liturghie-harta {
	width: 100%;
	border: 1px solid gray;
	flex: 0 1 auto;
}

.liturghie-box3 div {
	margin: 0 auto;
	text-align: center;
	flex: 1 1 auto;
	display: table;
}

.liturghie-box3 div p {
	display: table-cell;
	vertical-align: middle;
}

.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.italic {
	font-style: italic;
}