@import url(//fonts.googleapis.com/css?family=Open+Sans);
@font-face{
	font-family:LaramiePro_Bold;
	src:url("../fonts/laramiepro-bold.otf");
}
@font-face{
	font-family:Tismana;
	src:url("../fonts/TismanaPlain.ttf");
}
@font-face{
	font-family:MracScrt;
	src:url("../fonts/MracScrt.ttf");
}
@font-face{
	font-family:Courgette;
	src:url("../fonts/Courgette-Regular-t.ttf");
}
@-moz-keyframes respArrowAnimation{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}}
@-webkit-keyframes respArrowAnimation{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}}
@keyframes respArrowAnimation{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}}
html{
	width:100%;
height:100%;
margin:0;
padding:0;
}
body{
font-family: 'Open Sans', sans-serif;
width:100%;
height:100%;
margin:0;
padding:0;
overflow-x:hidden;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
background-color:#fcf7f7;
}
hr{
    border-color:#b80909;
    border-style:double;
    border-width:0.05em;
}
#header{
width:100%;
height:57.5px;
position:absolute;
top:0px;
left:0px;
z-index:70;
background: url("../img_util/model.png") repeat-x;
background-size:contain;
}
#header_placeholder{
height:57.5px;
}
#logo{
float:left;
display:block;
height:49.68px;
margin-left:2%;
position:relative;
top:3.335px;
z-index:60;
cursor:pointer;
}
#menu_container{
    margin-top:5.75px;
    margin-bottom:5.75px;
	height:27.255px;
	width:31.05px;
	float:right;
	margin-right:23px;
	cursor:pointer;
	z-index:70;
    background-color:white;
    padding:9.2px;
    padding-right:9.2px;
}
.menu_line{
	background-color:#b80909;
	width:30.82px;
	height:4.6px;
	display:block;
	transform-origin:left;
}
#menu_line_top{
	text-indent:0;
}
#menu_line_mid{
	margin-top:6.325px;
	margin-bottom:6.325px;
}
#bottom{
	margin-top:5%;
	width:100%;
	/*height:-webkit-calc(210% + 180px);
	height:-moz-calc(210% + 180px);
	height:calc(210% + 180px) !important;*/
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
	background-color:#222;
}
#social{
margin-top:30px;
	width:50%;
	color:#fff;
	height:100%;
	overflow-y:hidden;
}
#map{
	height:45%;
}
#contact{
	padding:20px;
	text-align:center;
	margin-bottom:20px;
    color:#fff;
}
#contact > a{
color:white;
}
#harta{
	border:0;width:90%;display:block;height:400px;margin-left:auto;margin-right:auto;
    margin-bottom:50px;
}
#facebook-div{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:3%;
}
#facebook-span{
	max-width:100%;
}
#contact-links{
font-size:1.5em;
}
#useful-links
{
 margin:30px;
 margin-top:60px;
 color:white;
 text-align:center;
}
#useful-links-cnt{
line-height:1.5em;
}
#useful-links-cnt > a{
color:white;
}
#useful-links-title{
font-size:1.3em;
margin-bottom:15px;
font-family:Courgette;
}
#menu_div{
	position:fixed;
	top:0px;
	right:0px;
	width:0%;
	height:100%;
	background-color:#fff;
	/*opacity:0.95;*/
	z-index:55;
	overflow-x:hidden;
    overflow-y:auto;
    box-shadow: -3px 0px 2px #ddaeae;
}
#menu_items_div{
display:-webkit-flex !important;
display:flex;
flex-flow:column;
text-align:center;	
width:100%;
position:relative;
min-height:50%;
top:20%;
font-family:Courgette;
margin-bottom:10px;
}
.menu_item{
	flex:1;
margin-left:auto;
margin-right:auto;
color:#b80909;
font-size:35px;
user-select:none;
white-space:nowrap;
display:flex;
flex-direction:row;
}
.menu_item span{
	cursor:pointer;
    white-space:nowrap;
    align-self: flex-end;
}
.menu_item img{
    cursor:pointer;
    white-space:nowrap;
    align-self: flex-end;
    height:1.2em;
    padding-left:20px;
}
.menu_item:hover{
color:#8a0707;
}
.submenu{
 display:none;
 flex-direction:column;
 align-items:center;
 margin-top:10px;
 user-select:none;
}

.submenu_item{    
margin-bottom:10px;
font-size:1.6em;
cursor:pointer;
}

.tinypage{
	width:80%;
	margin-top:20px;
	margin-bottom:20px;
	height:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:solid 10px #00F;
	box-shadow: 4px 5px 11px 0px #9491b8;
}
.largepage{
	font-family:"Comic Sans MS", cursive, sans-serif;
	font-size:1.1em;
	width:78.4%;
	min-height:88.4vh;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:solid 10px #00F;
    font-weight: 600;
	padding:1%;
    box-shadow: 4px 5px 11px 0px #9491b8;
    background-color: #fff;
}
.description{
	position:absolute;
	left:-10%;
	top:15%;
	width:13%;
	overflow:visible;
	background-color:white;
	padding:5px;
	z-index:+2;
}
.gallery{
height:100%;
width:100%;
overflow:hidden;
white-space:nowrap;
margin-left:auto;
margin-right:auto;
position:relative;
cursor:zoom-in;
}
.gallery-container{
	height:55vh;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.gallery-in{
	position:relative;
	width:100%;
	height:100%;
}
.gallery-divs{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	width:100%;
	text-align:center;
	height:100%;
}
.gallery-image{
	vertical-align:middle;
	max-height:100%;
	max-width:100%;
}
.gallery-helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.gallery-image2{
 margin-left:10px;
}
.gallery-arrow{
	white-space:nowrap;
	width:7.5%;
	height:100%;
	text-align:center;
	font-size:3em;
	cursor:pointer;
	user-select:none;
	display:none;
	background-color:#fcf7f7;
}
.darkShaddow{
border-radius: inherit; 
width: 100%; height: 100%; 
background-color: black; 
opacity: 0.8; 
position: fixed; 
left: 0px; top: 0px;
z-index:75;
}
.lightShaddow{
border-radius: inherit; 
width: 100%; height: 100%; 
background-color: white; 
opacity: 0.6; 
position: fixed; 
left: 0px; top: 0px;
z-index:52;
}
.article{
	width:90%;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}
.article-column{
    display:flex;
    flex-direction:row;
    align-content:center;
    flex-wrap:wrap;
    margin-left:auto;
    margin-right:auto;
    width:104%;
    transform: translateX(-2%);
}
.column{
    width:46%;
    margin-left:auto;
    margin-right:auto;
}
.article-finish{
	margin-top:10px;
	clear:both;
}
.img-small{
	display:inline-block;
}
.img-medium{
	display:inline-block;
}
.img-big{
	display:inline-block;
}
.c-img-small{
    width:40%;
	display:inline-block;
}
.c-img-medium{
    width:60%;
	display:inline-block;
}
.c-img-big{
    width:100%;
	display:inline-block;
}
.c-img-p-small{
    width:25%;
	display:inline-block;
}
.c-img-p-medium{
    width:40%;
	display:inline-block;
}
.c-img-p-big{
    width:60%;
	display:inline-block;
}
.img-left{
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
.img-right{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	float:right;
}
.img-center{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.article_err{
	text-align:center;
	font-size:1.5em;
}
.titleTop,.titleMiddle{
	font-size:2.5em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:10px;
    font-family:Courgette;
    color:#b80909;
}
.titleMiddle{
	margin-top:10px;
}
.subtitleTop,.subtitleMiddle,.subtitleTopCenter,.subtitleMiddleCenter{
    font-family:Courgette;
	font-size:1.8em;
	display:block;
	text-align:left;
	margin-bottom:7px;
    color:#b80909;
}
.subtitleMiddle,.subtitleMiddleCenter{
	margin-top:7px;
}
.subtitleTopCenter,.subtitleMiddleCenter{
    text-align:center;
}
.lara{
	font-family:Courgette;
	color:#b80909;
}
.article-title{
text-align:center;
margin:15px;
font-size:2.7em;
font-family:Courgette;
color:#b80909;
}

.img-consiliu{

height:300px;
float:right;
padding-bottom:20px;
margin-right:200px;
margin-top:-70px;
padding-left:20px;
}
.hr-consiliu{
clear:both;
margin-bottom:30px;
}

.subtitleConsiliu{
	font-family:Courgette;
	font-size:1.6em;
	display:block;
	text-align:left;
	margin-bottom:30px;
    color:#b80909;
}

/*media*/

@media screen and (max-width:600px){
    #header{

height:50px;
}
#header_placeholder{
height:50px;
}
#logo{
float:left;
display:block;
height:43.2px;
margin-left:2%;
position:relative;
top:2.9px;
z-index:60;
cursor:pointer;
}
#menu_container{
    margin-top:5px;
    margin-bottom:5px;
	height:23.7px;
	width:27px;
	float:right;
	margin-right:20px;
	cursor:pointer;
	z-index:70;
    background-color:white;
    padding:8px;
    padding-right:8px;
}
.menu_line{
	background-color:#b80909;
	width:26.8px;
	height:4px;
	display:block;
	transform-origin:left;
}
#menu_line_top{
	text-indent:0;
}
#menu_line_mid{
	margin-top:5.5px;
	margin-bottom:5.5px;
}
    
.column{
   width:100%;
   margin-bottom:20px;
}
.article-column{
    width:100%;
    transform:none;
}
#contact-links{
	font-size:1.2em;
}
#social{
	width:100%;
}
#harta{
	width:80%;
}
.largepage{
		font-size: 1em;
	}	
.img-small{
	width:40%
}
.img-medium{
	width:60%
}
.img-big{
	width:100%;
}
.c-img-small{
	width:40%
}
.c-img-medium{
	width:70%
}
.c-img-big{
	width:100%;
}
.c-img-p-small{
    width:30%;
	display:inline-block;
}
.c-img-p-medium{
    width:50%;
	display:inline-block;
}
.c-img-p-big{
    width:70%;
	display:inline-block;
}
.img-p-small{
	width:30%;
}
.img-p-medium{
	width:50%;
}
.img-p-big{
	width:80%;
}

}

@media screen and (max-width:800px){
	.subtitleConsiliu{
		margin-bottom:15px;
	}
.img-consiliu{
float:unset;
display:block;
margin-left:auto;
padding-bottom:20px;
margin-right:auto;
margin-top:0;
padding-left:0;
}
}
@media screen and (min-width:600px) and (max-width:1000px){
#contact-links{
	font-size:1.3em;
}
.img-small{
	width:30%;
}
.img-medium{
	width:50%;
}
.img-big{
	width:80%;
}
.img-p-small{
	width:30%;
}
.img-p-medium{
	width:50%;
}
.img-p-big{
	width:80%;
}

}

@media screen and (min-width:800px) and (max-width:1200px){
.img-consiliu{
	margin-right:0;
}
}

@media screen and (min-width:1000px) and (max-width:1200px){
    #contact-links{
	font-size:1.4em;
}
.img-small{
	width:20%;
}
.img-medium{
	width:40%;
}
.img-big{
	width:70%;
}
.img-p-small{
	width:10%;
}
.img-p-medium{
	width:15%;
}
.img-p-big{
	width:50%;
}
.article{
 font-size:1.1em;   
}
}

@media screen and (min-width:1200px) and (max-width:1500px){
.img-consiliu{
	margin-right:50px;
}
}

@media screen and (min-width:1200px){
.img-small{
	width:20%;
}
.img-medium{
	width:40%;
}
.img-big{
	width:70%;
}
.article{
 font-size:1.1em;   
}
.img-p-small{
	width:13%;
}
.img-p-medium{
	width:20%;
}
.img-p-big{
	width:50%;
}
}

@media screen and (min-width:1500px) and (max-width:1800px){
.img-consiliu{
	margin-right:100px;
}
}