/* RESET */
h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt, div, input, textarea, a, p {margin: 0;padding: 0; box-sizing: border-box;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none; transition: all 0.5s;}
p {margin: 0;padding: 0;line-height: 20px;}
.clear {clear: both;}

/* end reset */

@font-face {font-family: "notoserif"; src: url("../fonts/Noto_Serif/NotoSerif-Regular.ttf");}
@font-face {font-family: "notoserifbold"; src: url("../fonts/Noto_Serif/NotoSerif-Bold.ttf");}

@font-face {
      font-family: 'awesome-entypo';
      src: url('../icons-entypo/awesome-entypo.eot?22577642');
      src: url('../icons-entypo/awesome-entypo.eot?22577642#iefix') format('embedded-opentype'),
           url('../icons-entypo/awesome-entypo.woff?22577642') format('woff'),
           url('../icons-entypo/awesome-entypo.ttf?22577642') format('truetype'),
           url('../icons-entypo/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
	font-family: "awesome-entypo"; font-style: normal; font-weight: normal; speak: none;
    display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;
	/* fix buttons height, for twitter bootstrap */ line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */ margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;}
.codesOn .i-code {display: inline;}
.i-code {display: none;}

body {
	background: #fff;
	font: 14px notoserif; line-height: 18px;
	text-align: center;
	color: #555;
	margin: 0; padding: 0;
	}
.container {padding: 100px 0 0 0;}

.top {
	position: absolute; z-index: 100; top: 0; left: 0;
	display: block;
	width: 100%; height: 100px;
	background: #fff;
	}
.top-int {width: 1260px; margin: 0 auto; position: relative;}
.sigla {
	position: absolute;	top: 10px; left: -35px; z-index: 200;
	border-radius: 0 0 3px 3px;
	display: block;
	background: #fff;
	padding: 5px 20px;
	}

.minimenu {position: absolute; z-index: 100;	top: 5px; right: 160px;}
.minimenu li {display: inline-block;}
.minimenu li a {
	display: inline-block;
	font: 12px notoserif; line-height: 16px;
	color: #555;
	margin: 0 0 0 10px;
	}
.minimenu li a:before {
	content: "|";
	font: 16px notoserif; line-height: 16px;
	color: #eee;
	margin: 0 5px 0 0;
	}
.minimenu li a:hover {color: #007bba;}
	
.login-but {position: absolute; z-index: 100; top: 5px; right: 0;}
.login-but a {
	display: block; width: 120px;
	font: 14px notoserifbold; line-height: 16px;
	text-transform: uppercase; text-align: right;
	color: #278abe;
	padding: 5px 0px 5px 0px;
	}
.login-but a:after {
	content: "\e8be"; font: 16px awesome-entypo;
	margin: 0 0 0 3px;
	}
.login-but a:hover {opacity: 0.7;}

.logat a {
	background: url(../assets/login.png) no-repeat right -42px;
	color: #a11319;
	font: bold 10px notoserif; line-height: 10px;
	}

	
.cautare {position: absolute; top: 40px; right: 425px;}
.cautare:before {
	content: "\e81a"; font: 30px awesome-entypo;
	position: absolute; top: 3px; right: 6px;
	color: #dbe4e9; opacity: 1;
	}
.cautare input[type="text"] {
	width: 450px;
	border: 2px solid #dbe4e9; border-radius: 3px;
	font: 14px notoserif;
	padding: 8px 10px 9px 10px;
	/*background: url(../assets/lupa.png) no-repeat 95% 2px;*/
	transition: border 0.5s; 
	}
.cautare input[type="text"]:hover {
	border-color: #96b2c1;
	}


#cautare_avans2 {
	position: absolute;	top: 80px; right: 424px; z-index: 300;
	width: 452px; margin: -2px 0 0 0px;
	}
#cautare_avans {
	position: relative;
	border: 2px solid #a5c7fe; border-top: none;
	border-radius: 0 0 3px 3px;
	width: 452px;
	background: #fff;
	padding: 10px 10px 10px 10px;
	text-align: left;
	}

#cautare_avans h2 {
	font: 14px notoserif;
	background: #eee; color: #000 !important;
	margin: 20px 0 5px 0;
	padding: 5px 10px 5px 10px;
	border-radius: 2px 2px 0 0;
	}

#cautare_avans h2 span {
	font: 12px notoserif;
	padding: 0 0 0 5px;
	}

.cautare_txt {
	display: block; position: relative;
	text-decoration: none;
	color: #000;
	padding: 0px 0 0 10px;
	margin: 0 0 3px 0;
	font: 14px notoserif;
	}
.cautare_txt:before {
	content: "\e968"; font-family: 'awesome-entypo';
	font-size: 15px; opacity: 0.7;
	position: absolute; top: 0px; left: 0;
	}
.cautare_txt:hover {
	background: #eee url(../assets/li.png) no-repeat 0 4px;
	}
	
#cautare_vezi {
	display: block;
	background: #333 url(../assets/lupa.png) no-repeat 12px 5px; 
	background-size: 25px;
	color: #fff;
	font: 12px notoserif; text-transform: uppercase;
	border-radius: 2px;
	padding: 10px 0; margin: 10px 0 0 0;
	text-align: center;	text-decoration: none; text-shadow: none;
	border: 0 none;
	width: 100%;
	cursor: pointer; transition: all 0.5s;
	}

#cautare_vezi:hover, #cautare_avans input:hover {
	display: block;
	opacity: 0.7;
	}

.cautare_txt2 {
	display: block;
	text-decoration: none;
	color: #135484;
	background: url(../assets/arrow7.png) no-repeat 0 4px;
	padding: 0 0 0 14px;
	margin: 0 0 6px 0;
	line-height: 14px;
	}
.cautare_txt2:hover {
	background: #eee url(../assets/arrow7.png) no-repeat 0 4px;
	}



.cautare_raspuns {
	margin: 0 0 20px 0;
	}
.cautare_raspuns h2 {
	font: 16px notoserif;
	background: url(../assets/arrow7.png) no-repeat 0px 7px;
	padding: 0 0 3px 14px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #c4d2dc;
	}
.cautare_raspuns p {
	margin: 0 0 0px 0;
	padding: 0;
	}
	
	
	
	
#smoothmenu2 ul {position: absolute; top: 40px; right: 0;}
#smoothmenu2 ul li {
	display: inline-block; /*position: relative;*/
	margin: 0 0 0 4px;
	border-radius: 3px;
	
	}
#smoothmenu2 ul li a {
	display: inline-block; position: relative;
	color: #fff;
	font: 14px notoserif; letter-spacing: -0.3px; line-height: 20px;	
	text-transform: uppercase;
	padding: 10px 30px 10px 60px;
	transition: box-shadow 0.5s;
	}
#smoothmenu2 ul li a:hover {
	box-shadow: inset -40px 0px 40px 0px rgba(0, 0, 0, .3);
	}
.alege-jud {background: #a11319 /*url(../assets/alege-jud.png) no-repeat 22px 8px*/;}
.alege-jud a:before {
	content: "\e80d"; font: 30px awesome-entypo;
	position: absolute; top: 5px; left: 20px;
	opacity: 0.8;
	}
.alege-cat {background: #116692 /*url(../assets/alege-cat.png) no-repeat 20px 8px*/;}
.alege-cat a:before {
	content: "\e939"; font: 30px awesome-entypo; /*f24d,f097,e939*/
	position: absolute; top: 5px; left: 20px;
	opacity: 0.8;
	}

#smoothmenu2 ul li a img {display: none;}
#smoothmenu2 ul li a em {
	display: block;
	position: absolute; bottom: -8px; left: 20px; z-index: 100;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	}
.alege-jud em {border-top: 10px solid #a11319;}	
.alege-cat em {border-top: 10px solid #116692;}
	
#smoothmenu2 ul ul {
	display: block;
	position: absolute;	top: 40px !important; left: -840px !important;
	background: #fff;
	width: 1260px;
	text-align: left;
	padding: 35px 0px 20px 15px;
	vertical-align: top;
	border-left: 2px solid #b8cbcf;
	border-right: 2px solid #b8cbcf;
	border-bottom: 6px solid #b8cbcf;
	box-shadow: 0px 8px 10px 0 rgba(0, 0, 0, 0.3);
	column-count: 7;
	}
#smoothmenu2 ul ul:before {
	content: "\e924"; font: 50px awesome-entypo;
	position: absolute; top: -12px; left: 858px;
	color: rgba(161,19,25,0.4);
	}
#smoothmenu2 ul ul.ul-categ:before {left: 1059px; color: rgba(7,102,146,0.4);}

#smoothmenu2 ul ul.ul-categ {column-count: 5;}

#smoothmenu2 li li {
	display: inline-block; vertical-align: top;
	background: none;
	border-bottom: 1px solid #d1dfe2;
	width: 149px;
	padding: 0;
	box-shadow: none;
	margin: 0 0px 0 0;
	}
#smoothmenu2 ul.ul-categ li {width: 220px;}

#smoothmenu2 li li a {
	color: #445760;
	display: block;
	background: none;
	font-size: 13px; font-weight: 400; line-height: 14px;
	margin: 0 0 0 0; padding: 5px 0px;
	border: none; border-radius: none;
	box-shadow: none;
	}
#smoothmenu2 ul li li a:hover {box-shadow: inset 0 100px 0px 0px rgba(0, 0, 0, .1);}
#smoothmenu2 li li a:before {display: none;}
	
#smoothmenu2 ul li li a img {display: none; width: 20px;}	

	
.ddsmoothmenu ul li ul {
	position: center;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	}
	



.tri1 {
	position: absolute; top: 100px; right: 25%; z-index: 100;
	display: block;
	animation-name: t1;
    animation-duration: 2s;
	width: 0; height: 0; 
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 50px solid rgba(255, 255, 255, 0.7);
	}	
	

.reclama2 {position: absolute; top: 40px; right: 440px; z-index: 10;}
.reclama2 a {
	display: block;
	color: #522822;
	text-decoration: none;
	background: url(/assets/cocarda.png) no-repeat 0 0;
	width: 96px; height: 106px;
	font-weight: bold; font-size: 14px;	line-height: 16px;
	text-align: center;
	padding: 50px 30px 0 30px;
	}
.reclama2 a:hover {
	display: block;
	color: #522822;
	text-decoration: none;
	background: url(/assets/cocarda.png) no-repeat 0 -236px;
	}
	
.reclama2-text {
	width: 400px; min-height: 300px;
	background: #fff;
	border: 5px solid #e16959; border-radius: 7px;
	padding: 10px 20px;
	text-align: justify;
	}
.reclama2-text h2 {
	letter-spacing: -1px;
	font: 22px verdana;
	padding: 10px 0;
	color: #ce1b03;
	}
.reclama2-text h2 a {
	text-decoration: none;
	color: #ce1b03;
	}
.reclama2-text h2 a:hover {
	color: #000;
	}
.x {
	position: absolute; top: 10px; right: 0px;
	text-decoration: none;
	font-size: 18px; font-weight: bold;
	display: block;
	width: 30px; height: 30px;
	color: #ce1b03;
	}
.x:hover {color: #000;}
.reclama2-text p a {text-decoration: none; color: #393429;}
.reclama2-text p a:hover {color: #ce1b03;}
		
	
.content {
	margin: 0 auto;
	width: 1260px; min-height: 600px;
	text-align: left;
	padding: 30px 0 0 0;
	position: relative;
	}
.content h1 {
	position: relative; z-index: 10;
	font: 26px notoserif; letter-spacing: -1px;
	margin: 20px 0 0px 0; padding: 0 0 25px 0;
	color: #a11319; background: #fff;
	}
.content h1 span {opacity: 0.6; margin: 0 0 0 8px;}
.content h1 span:before {content: "·"; padding: 0 10px 0 0;}
.content h2 {font: 18px notoserif; letter-spacing: -0.3px; color: #116692;}
.content h1 em.h11 {font-style: normal; margin: 0 0 0 400px;}
	
ol.breadcrumb li {
	display: inline-block;
	padding: 0 0px 0 0;
	font: 16px notoserif; line-height: 16px;
	color: #a1b7ca;
	text-transform: uppercase;
	}
ol.breadcrumb li a {
	display: inline-block; position: relative;
	text-decoration: none;
	color: #7291ab;
	padding: 0 0px 0 5px; margin: 0 5px 0 0px;
	font: 12px notoserif; line-height: 12px; letter-spacing: -0.5px;
	}
ol.breadcrumb li:first-child a {height: 15px; margin: 0 10px 0 0;}
ol.breadcrumb li:first-child a span {display: none;}
ol.breadcrumb li:first-child a:before {
	content: "\e837"; font: 16px awesome-entypo; 
	position: absolute; top: 2px; left: 0;
	}
ol.breadcrumb li:first-child a:hover {opacity: 0.7;}
ol.breadcrumb li a:hover {color: #f23a42;}

.pass {
	position: absolute; top: 130px; left: 515px;
	}
.pass label {display: inline-block; width: 150px; margin: 0 0 10px 0;}
.pass input[type="password"] {
	display: inline-block; width: 250px;
	font: 14px notoserif; line-height: 14px;
	border: 1px solid #ccc; border-radius: 2px;
	color: #a11319;
	padding: 4px 7px; margin: 0;
	transition: all 0.5s;
	}
.pass input[type="password"]:hover {border: 1px solid #999;}
.salveaza2 {
	background: #116692 url(../assets/save1.png) no-repeat 40px 16px; 
	background-size: 20px;color: #fff;
	font: 18px notoserif; line-height: 18px;
	border: none; border-radius: 3px;
	width: 266px;
	padding: 17px 0; margin: 10px 0 0px 150px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.5s;
	}
.salveaza2:hover {opacity: 0.8;}


.pk1, .pk2, .pk3, .pk4 {display: inline-block; vertical-align: top; margin: 0 2% 20px 0;}
.pk1 h2, .pk2 h2, .pk3 h2, .pk4 h2 {display: block; font-size: 15px; line-height: 17px;}
.pk1 div, .pk2 div, .pk3 div, .pk4 div { display: block; min-height: 90px;}
	
.pk1 {width: 100%;}	
.pk2 {width: 45%;}
.pk2 div {column-count: 4;}

.pk3 {width: 32%;}
.pk3 div {column-count: 3;}

.pk4 {width: 22%;}
.pk4 div {column-count: 2;}


	
.pachet_link {
	margin: 10px 0 20px 0; 
	column-count: 8;
	border: 4px solid #eaf1f4; border-radius: 5px;
	padding: 7px 10px;
	background: linear-gradient(90deg, white, #f3f7f9);
	transition: background 1s, border 0.5s;
	}
.pachet_link:hover {
	background: #fff;
	border: 4px solid #d5e2e7;
	}
.pachet_link a {
	font: 13px notoserif; line-height: 13px;
	display: inline-block; vertical-align: top;
	width: 145px;
	margin: 0 0px 3px 0; padding: 0;
	color: #445760;
	/*background: #eee;*/
	}
.pachet_link a span {margin: 0 0 0 3px; font: 11px notoserif; opacity: 0.6;}
.pachet_link a:hover {color: #a11319;}
	
	
/* HOME */
.home-ultimele {
	display: inline-block; vertical-align: top;
	column-count: auto; column-width: 12rem;
	/*column-count: 5; */
	margin: 20px 0;
	}
.h-obiectiv {
	display: inline-block;
	vertical-align: top;
	/*width: 100%;*/ /*width: 200px;*/
	margin: 0 0px 40px 0;
	}
.ho-img {display: block; position: relative;}
.ho-img:after {
	content: "\e824"; font: 70px awesome-entypo;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%,-50%); color: #fff; opacity: 0;
	transition: all 0.5s;
	}
.ho-img:hover:after {opacity: 0.5;}
.ho-img img {width: 100%; border-radius: 3px; transition: all 0.5s;}
.ho-img:hover img {filter: brightness(60%);}	
.ho-titlu {
	display: block; color: rgba(161,19,25,1);
	font: bold 17px notoserif; line-height: 19px;
	margin: 5px 0 2px 0;
	}
.ho-titlu:hover {color: #116692;}
.h-obiectiv span {display: block; color: #999; margin: 0px 0 5px 0;}

/* end home */
	
	
	
/* LOCALITATE */
.localitati {
	/*width: 1260px;*/width: 100%;
	column-count: 5; margin: -25px 0 0 0;
	}
.localitati-5 {column-count: initial;}
.localitate {
	position: relative; break-inside: avoid-column; column-count: initial;
	display: block; vertical-align: top;
	width: 232px;
	margin: 0 20px 25px 0;
	}
.localitate-titlu {
	display: block; border-top: 1px solid #ccc;
	color: #a11319;
	margin: 5px 0; padding: 25px 0 0 0;
	font: 16px notoserifbold; line-height: 18px; letter-spacing: -0.5px;
	}
.localitate-titlu:hover {color: #278abe;}
.localitate-img {}
.localitate-img img {width: 100%; /*border: 2px solid #eee;*/ border-radius: 5px; transition: all 0.5s;}
	
/* filter: none | blur(px) | brightness(%) | contrast(%) | drop-shadow(px px) | grayscale(%) | 
hue-rotate(deg) | invert(%) | opacity(%) | saturate(%) | sepia(%) | url(xml svg); */
	
.localitate-img:hover img {filter: brightness(70%);}


/*.localitate:after { 
	content: "DETALII";
	display: inline-block;
	padding: 5px 10px; margin: 5px 0;
	color: #fff; 
	background: #aaa;
	font: 12px notoserif; line-height: 14px;
	border-radius: 3px;
	transition: all 0.5s; cursor: pointer;
	}
.localitate:hover:after {background: #777;}*/


.localitate p {font: 14px notoserif; line-height: 18px; color: #445760;}
.localitate-p:hover p {color: #278abe;}
/* end localitate */
	
	
	
/* MONUMENT */

.content h2.h2-monument {
	font: 20px notoserif; line-height: 20px; letter-spacing: -1px;
	color: #116692;
	margin: 0 0 20px 0;
	}
.monument-txt {
	display: inline-block; vertical-align: top;
	width: 720px;
	margin: 0 30px 0 0;
	}
.monument-txt p {text-align: justify; margin: 0 0 18px 0;}
.monument-txt iframe {width: 100%; margin: 0 0 40px 0;}



.monument-img {display: inline-block; vertical-align: top; width: 500px;}
.monument-img a img {border-radius: 3px; transition: all 0.5s;}
.monument-img a:hover img {filter: brightness(70%);}
.imgbig img {width: 100%;}
.imgsmall {width: 515px; margin: 0 0 30px 0;}
.imgsmall a {
	position: relative; 
	display: inline-block; vertical-align: top;
	width: 157px; height: 157px;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	text-align: center;
	border-radius: 3px;
	}
.imgsmall a img {
	position: absolute;	top: 0px; left: 0;
	width: 210px;
	}
	
.inapoi {
	position: absolute;	top: 50px; right: 421px; z-index: 10;
	background: #fff;
	border: 1px solid #ccc; border-radius: 3px;
	padding: 8px 15px;
	text-transform: uppercase;
	color: #333;
	font: 12px notoserif; line-height: 12px;
	}
.inapoi:before {
	content: "\e927"; font: 14px awesome-entypo;
	margin: 0 7px 0 0px; opacity: 0.7;
	}
.inapoi:hover {background: #eee;}

p.adresa {
	display: block;
	border-top: 3px dotted #ccc;
	color: #a11319;
	padding: 8px 0;
	margin: 0 0 20px 0;
	}
p.copy-user {
	display: block;
	color: #116692;
	padding: 8px 15px; margin: 0 0 60px 0;
	background: #eee;
	border-radius: 3px;
	line-height: 18px;
	}
p.copy-user:after {
	content: "\e81e"; font: 20px awesome-entypo;
	margin: 0 0px 0 0px; opacity: 0.7;
	float: right;
	}
	
h2.h2-comentarii {
	font: 22px notoserif;
	text-align: right;
	border-bottom: 10px solid #eee;
	padding: 0 0 5px 0;
	}
.comentariu {margin: 40px 0; position: relative;}
.comentariu:after {
	content: "\e816"; font: 30px awesome-entypo;
	color: #116692; opacity: 0.6;
	position: absolute; top: 0; right: 0;
	}
.comentariu-titlu {
	display: block;
	font: bold 16px notoserif; line-height: 18px; letter-spacing: -0.4px;
	color: #116692;
	margin: 0 0 10px 0;
	}
.comentariu-user {color: #a1141a; line-height: 14px;}
.comentariu-user:before {
	content: "\f2c0"; font: 12px awesome-entypo;
	margin: 0 3px 0 0px;
	}
.comentariu-data {color: #539ec3; margin: 0 0 0 15px; line-height: 14px;}
.comentariu-data:before {
	content: "\f274"; font: 12px awesome-entypo;
	margin: 0 3px 0 0px;
	}
.detaliu-harta {
	width: 100%; height: 400px;
	border: 1px solid #ccc; border-radius: 4px; 
	}
	
.recomanda {position: absolute; top: 50px; right: 0px; z-index: 20;}
.recomanda a {
	display: inline-block; position: relative;
	color: #fff;
	background: #3b5998;
	padding: 3px 4px 3px 26px;
	font: 12px notoserif;
	border-radius: 3px;
	}
.recomanda a:before {
	content: "\e982"; font: 22px awesome-entypo;
	position: absolute; top: 3px; left: 7px;
	}
.recomanda a:hover {background-color: #213b73;}
/* end monument */
	

	
/* EDITARE USER */	

.menu-user {
	position: absolute;	top: 20px; left: 752px;	
	width: 455px;
	background: #fff url(../assets/menu-user.png) no-repeat 10px 9px;
	background-size: 12px;
	border: 1px solid #afcede;	border-radius: 3px;
	padding: 0px 15px 0px 35px;
	text-transform: uppercase;
	color: #333;
	font: 12px notoserif; line-height: 12px;
	}
.menu-user a {
	position: relative;
	display: inline-block; vertical-align: top;
	font: bold 11px notoserif; line-height: 11px;color: #2590c7; 
	padding: 8px 0 8px 5px;
	}
.menu-user a:hover {color: #a11319;}
.menu-user a:after {content: ".";padding: 0 7px;}
.menu-user a:last-child:after {display: none;}
.menu-user a.stop-usermenu {color: #a11319;}
.menu-user a.stop-usermenu:before {
	position: absolute; top: -6px; left: 0;
	content: ""; width: 100%;
	border-top: 6px solid #afcede;
	}
	
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #aaa;
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #aaa;
   opacity:  1;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #aaa;
   opacity:  1;
	}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #aaa;
	}
	
.h1-edit {
	border: 1px solid #ccc; border-radius: 5px;
	width: 670px;
	font: 26px notoserif; letter-spacing: -1px;
	margin: 0 0 0px 0; padding: 8px 2%;
	color: #a11319;
	transition: all 0.5s;
	}
h1 label {
	position: absolute; top: -18px; left: 0px;
	background: url(../assets/edit1.png) no-repeat 5px 0px;
	background-size: 15px;
	color: #999;
	font: 12px notoserif; line-height: 14px; letter-spacing: 0px;
	padding: 2px 0px 2px 27px;
	}
.monument-txt-edit {position: relative; margin: 20px 0;}
.monument-txt-edit label {
	position: absolute; top: -18px; left: 0px;
	background: url(../assets/edit1.png) no-repeat 5px 0px;
	background-size: 15px;
	color: #999;
	font: 12px notoserif; line-height: 14px; letter-spacing: 0px;
	padding: 2px 0px 2px 27px;
	}
.monument-txt-edit textarea {
	width: 96%; min-height: 200px;
	font: 14px notoserif;
	padding: 8px 2%;
	border: 1px solid #ccc; border-radius: 5px;
	transition: all 0.5s;
	}
	
.alegetot select {
	display: inline-block; vertical-align: top; width: 213px;
	font: 14px notoserif; line-height: 16px;
	border: 1px solid #ccc; border-radius: 2px;
	color: #a11319; -webkit-appearance: none; -moz-appearance: none; appearance: none;
	background: url(../assets/arrow43.png) no-repeat 195px center;
	background-size: 10px;
	padding: 5px 7px 6px 7px; margin: 0px 2% 0 0;
	transition: all 0.5s;
	}
.alegetot input[type="text"] {
	display: inline-block; vertical-align: top; width: 200px;
	font: 14px notoserif; line-height: 14px;
	border: 1px solid #ccc; border-radius: 2px;
	color: #a11319;
	padding: 4px 7px; margin: 0;
	transition: all 0.5s;
	}

.alegecat, .alegejud, .alegeloc {
	display: inline-block; vertical-align: top;
	width: 31.32% !important;
	
	}
.alegecat label, .alegejud label, .alegeloc label {
	background: url(../assets/edit1.png) no-repeat 5px 0px;
	background-size: 15px;
	color: #999;
	font: 12px notoserif; line-height: 12px; letter-spacing: 0px;
	padding: 2px 0px 2px 27px;
	}	
.imp {margin: 0 0 20px 0;}	
	
.reco-obiectiv {
	display: inline-block;
	vertical-align: top;
	/*width: 100%;*/ /*width: 200px;*/
	margin: 20px 0; padding: 7px 14px;
	border: 1px solid #ccc; border-radius: 3px;
	}

.reco-titlu {
	display: block; color: rgba(161,19,25,1);
	font: bold 17px notoserif; line-height: 19px;
	margin: 5px 0 2px 0; 
	}
.reco-titlu:hover {color: #116692;}
.reco-obiectiv span {display: block; color: #999; margin: 5px 0 5px 0;}
.reco-obiectiv em {font-style: normal; margin: 0 20px 0 0;}
.reco-obiectiv em:before {
	content: "\f24d"; font: 13px awesome-entypo;
	margin: 0 5px 0 0;
	}
.reco-obiectiv b {font-weight: normal;}
.reco-obiectiv b:before {
	content: "\f097"; font: 13px awesome-entypo;
	margin: 0 5px 0 0;
	}
	
	
.adresa-edit {position: relative; margin: 30px 0;}
.adresa-edit textarea {
	width: 340px; min-height: 50px;
	font: 14px notoserif;line-height: 14px;
	border: 1px solid #ccc; border-radius: 3px;
	color: #a11319;
	padding: 3px 7px; margin: 3px 0px;
	transition: all 0.5s;
	}
	
.adresa-edit p:nth-child(1) {float: left; display: block; width: 300px; vertical-align: top;}
.adresa-edit p:nth-child(2), .adresa-edit p:nth-child(3) {
	float: right; display: block; width: 330px; vertical-align: top;
	margin: 0 0 30px 0; padding: 0;
	}
.adresa-edit p label {
	background: url(../assets/edit1.png) no-repeat 0px 0px;
	background-size: 15px;
	color: #999;
	font: 12px notoserif; line-height: 14px; letter-spacing: 0px;
	padding: 2px 0px 2px 20px; margin: 0 10px 0 0;
	}	
.adresa-edit p:nth-child(2) label, .adresa-edit p:nth-child(3) label {
	width: 42px; display: inline-block;
	}
.adresa-edit input[type="text"] {
	width: 241px;
	font: 14px notoserif; line-height: 14px;
	border: 1px solid #ccc; border-radius: 2px;
	color: #a11319;
	padding: 3px 7px; margin: 0px;
	transition: all 0.5s;
	}
.monument-txt textarea:hover, .monument-txt input[type="text"]:hover, .monument-txt select:hover {border: 1px solid #888;}
.monument-txt textarea:focus, .monument-txt input[type="text"]:focus, .monument-txt select:focus {border: 1px solid #888;}	

.salveaza {
	background: #116692 url(../assets/save1.png) no-repeat 190px 12px; 
	background-size: 25px;color: #fff;
	font: 18px notoserif; line-height: 18px;
	border: none; border-radius: 3px;
	width: 100%;
	padding: 17px 0; margin: 0 0 40px 0;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.5s;
	}
.salveaza:hover {opacity: 0.8;}





.imgbig-edit {position: relative; margin: -85px 0 20px 0;}	
.imgbig-edit img {width: 100%; border-radius: 3px;}


.img-adauga-big {
	position: relative;
	display: block; width: 500px; height: 500px;
	background: #eee url(../assets/plus.png) no-repeat bottom center;
	background-size: 170px;
	border-radius: 5px; overflow: hidden;
	color: #555;
	text-transform: uppercase; text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	}
.img-adauga-big:before {
	content: "Adaugă imagine principală";
	position: absolute; top: 0px; right: 0px;
	display: block; width: 500px; height: 150px;
	background: #eee; padding: 100px 0 0;
	text-align: center;
	font: 16px notoserif; line-height: 16px; letter-spacing: 0px;
	}
.img-adauga-big:hover {opacity: 0.7 !important;}


.img-adauga {
	position: relative; 
	display: inline-block;
	vertical-align: top;
	width: 157px; height: 157px;
	margin: 10px 10px 10px 0;
	overflow: hidden;
	border-radius: 3px;
	
	background: #eee url(../assets/plus.png) no-repeat bottom center;
	background-size: 70px;
	border-radius: 5px; overflow: hidden;
	color: #555;
	text-transform: uppercase; text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	}
.img-adauga:before {
	content: "Adaugă imagine";
	position: absolute; top: 0px; right: 0px;
	display: block; width: 157px; height: 20px;
	background: #eee; padding: 20px 0 0;
	text-align: center;
	font: 12px notoserif; line-height: 12px; letter-spacing: 0px;
	}
.img-adauga:hover {opacity: 0.7 !important;}




.img-replace {
	position: absolute; top: 10px; right: 10px;
	background: #000 url(../assets/edit1.png) no-repeat 5px 3px;
	background-size: 15px;
	color: #aaa; border-radius: 3px;
	font: 12px notoserif; line-height: 14px; letter-spacing: 0px;
	padding: 4px 5px 4px 27px; width: 120px; opacity: 0.7;
	}
.img-delete {
	position: absolute; top: 35px; right: 10px;
	background: #000 url(../assets/delete.png) no-repeat 5px 3px;
	background-size: 15px;
	color: #aaa; border-radius: 3px;
	font: 12px notoserif; line-height: 14px; letter-spacing: 0px;
	padding: 4px 5px 4px 27px; width: 120px; opacity: 0.7;
	}
.monument-img a:hover {opacity: 1 !important;}

.imgsmall-edit {
	position: relative; 
	display: inline-block;
	vertical-align: top;
	width: 157px; height: 157px;
	margin: 10px 10px 10px 0;
	overflow: hidden; border-radius: 3px;
	text-align: center;
	}
.imgsmall-edit img {
	position: absolute; top: 0px; left: 0px;
	width: 210px;
	}
.imgsmall a.imgsmall-replace {
	position: absolute; top: 10px; right: 10px;
	display: block; width: 17px; height: 17px;
	background: #000 url(../assets/edit1.png) no-repeat 5px 3px;
	background-size: 15px;
	color: #aaa; border-radius: 3px;
	padding: 4px; margin: 0;opacity: 0.7;
	}
.imgsmall a.imgsmall-delete {
	position: absolute; top: 40px; right: 10px;
	display: block; width: 17px; height: 17px;
	background: #000 url(../assets/delete.png) no-repeat 5px 3px;
	background-size: 15px;
	color: #aaa; border-radius: 3px;
	padding: 4px; margin: 0;opacity: 0.7;
	}
.imgsmall a.imgsmall-vezi {
	position: absolute; top: 70px; right: 10px;
	display: block; width: 17px; height: 17px;
	background: #000 url(../assets/ochi.png) no-repeat 5px 5px;
	background-size: 15px;
	color: #aaa; border-radius: 3px;
	padding: 4px; margin: 0;opacity: 0.7;
	}

/* end editare user */	
	

/* LOGIN POPUP */
#mask {
    display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
    opacity: 0.7;	
	z-index: 999;
	}

.login-popup {
	display: none;
	position: fixed; top: 250px; left: 50%;
	width: 400px; min-height: 250px;
	z-index: 9999;
	background: #fff; border-radius: 7px;
	padding: 10px 20px;
	}
.login-popup h2 {
	font: 22px notoserif;
	padding: 10px 0;
	color: #a11319;
	}

.close {
	position: absolute;	top: 0px; right: 10px;
	display: block; font: bold 30px notoserif;
	opacity: 0.7; transition: all 0.5s;
	color: #a11319;
	}
.close:hover {opacity: 0.5;}

.login-table {text-align: left; color: #445760; width: 100%;}
.login-table th {width: 20%; font: 14px notoserif;}

.login-popup input[type="text"], .login-popup input[type="password"] {
	border: 1px solid rgba(68,87,96,0.2); border-radius: 3px;
	width: 100%; color: #445760;
	padding: 5px 2%; margin: 5px 0;
	font: 14px notoserif; line-height: 14px;
	transition: all 0.5s;
	}
.login-popup input[type="text"]:hover, .login-popup input[type="password"]:hover {border: 1px solid rgba(68,87,96,0.5);}

.l-creare {display: inline-block; font: 14px notoserif; color: #445760; margin: 20px 30px 0 0;}
.l-realocare {display: inline-block; font: 14px notoserif; color: #445760;}
.l-creare:before {
	content: "\f234"; font: 14px awesome-entypo;
	margin: 0 5px 0 0; opacity: 0.7;
	}
	
.l-realocare:before {
	content: "\e821"; font: 14px awesome-entypo;
	margin: 0 5px 0 0; opacity: 0.7;
	}
.l-creare:hover, .l-realocare:hover {opacity: 0.7;}
	
.incarca {
	background: #116692; color: #fff;
	font: 16px notoserif; line-height: 16px;
	border: none; border-radius: 3px;
	width: 100%;
	padding: 15px 0; margin: 10px 0;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase; transition: all 0.5s;
	}
.incarca:before {
	content: "\f2c0"; font: 16px awesome-entypo;
	margin: 0 8px 0 0;
	}
.incarca:hover {opacity: 0.7;}
/* end login popup */

	
	

/* BOTTOM */	
.bottom {
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0; margin: 20px 0 0 0;
	background: linear-gradient(#ddd, #fff);
	min-height: 440px;
	color: #555;
	font: 12px notoserif;
	text-align: left;
	}
.bottom-int {
	width: 1260px;
	margin: 0 auto;
	}
.bottom-menu ul {
	border-bottom: 7px solid #d3d3d3;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}
.bottom-menu li {display: inline-block;}
.bottom-menu li a {
	display: inline-block;
	color: #555;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	}
.bottom-menu li a:after {
	content: ".";
	margin: 0 0 0 10px;
	}
.bottom-menu li a.login-but2 {
	color: #fff;
	padding: 5px 0px;
	border-radius: 3px;
	background: #41aee6;
	transition: all 0.5s;
	text-align: left;
	}
.bottom-menu li a.login-but2:after {content: "";}
.bottom-menu li a.login-but2:before {
	content: "\f2c0"; font: 12px awesome-entypo;
	margin: 0 6px 0 7px;
	}
.bottom-menu li a.login-but2:hover {filter: brightness(90%); }


.bottom-regiuni {width: 1260px;}
.bottom-regiuni li {
	display: inline-block;
	vertical-align:top;
	margin: 15px 17px 0px 0;
	width: 120px;
	position:relative;
	}
.bottom-regiuni li a {
	vertical-align:top;
	display:inline-block;
	color: #333;
	font: 12px notoserif;
	padding: 0 0 0 0px;
	text-transform: uppercase;
	transition: all 0.1s;
	}
.bottom-regiuni li a:before {
	content: "\f24d"; font: 12px awesome-entypo;
	margin: 0 6px 0 0px;
	}
.bottom-regiuni li li a:before{display: none;}
.bottom-regiuni ul ul {
	display: inline-block; vertical-align: top;
	margin: 5px 0px 0px 0; padding: 5px 0 0 0;
	width: 120px;
	border-top: 1px solid #999;
	}
.bottom-regiuni li li {
	display:block;
	padding: 0px; margin: 0 0 0px 0;
	border: 0 none;
	}
.bottom-regiuni li li a {
	font: 10px notoserif;
	color: #333;
	border:0 none;
	background: none;
	padding:0px;
	}
.bottom-regiuni li a:hover {color: #f23a42;}



.social {float: left; margin: -100px 30px 0 0;}

.parteneri {margin: 20px 0 30px 0;}
.parteneri a img {
	filter: grayscale(100%);
	opacity: 0.7;
	width: 230px;
	transition: all 0.5s;
	margin: 0 50px 40px 0px;
	}
.parteneri a span {display: none;}
.parteneri a:hover img {filter: grayscale(0%);opacity: 1;}
.copy {
	text-align: center;
	background: #777;
	padding: 5px 0 30px 0;
	color: #ccc;
	font: 13px notoserif;
	}
.copy p {width: 650px; margin: 0 auto;}
.copy a {color: #ccc;transition: all 0.5s;}
.copy a:hover {color: #fff;}








	
	
/* CONTNOU */

.content h3 {
	font: 20px merri;
	line-height: 20px;
	padding: 10px 0px;
	margin: 20px 0 10px 0;
	border-bottom: 5px solid #dbd7c0;
	}

.contnou {
	padding: 0px;
	margin: 0 0 20px -10px;
	}

.contnou th {
	width: 135px;
	text-align: left;
	font: 13px merri;
	padding: 2px 10px;
	vertical-align: top;
	}
.contnou td {
	vertical-align: top;
	padding: 2px 0px 2px 0px;
	}
.contnou em {
	font-size: 12px; font-style: normal; line-height: 10px; 
	text-transform: none; 
	margin: 3px 0;
	opacity: 0.7;
	}
.contnou input[type="text"], .contnou textarea {
	width: 320px;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 2px 10px;
	font: 13px merri;
	transition: all 0.5s;
	}
.contnou input[type="text"]:hover, .contnou textarea:hover, .contnou select:hover{
	border: 1px solid #555;
	}
.contnou input[type="text"]:focus, .contnou textarea:focus, .contnou select:focus {
	background: #f5f5f7;
	}
	
.contnou select {
	width: 275px;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 2px 10px;
	font: 13px merri;
	}
.contnou select option {
	border-bottom: 1px solid #ccc;
	margin: 0 5px;
	padding: 2px 0;
	}


	
.cumpar_buton, .cumpar_buton2, .divbut input[type="button"] {
	clear: both;
	background: #ce1b03 url(../assets/cos2.png) no-repeat 50px 7px;
	background-size: 24px;
	border: none; border-radius: 3px;
	color: #fff;
	font: 20px merri;
	text-transform: uppercase;
	padding: 10px 80px 10px 100px; margin: 0px 0 20px 0px;
	cursor: pointer;
	transition: all 0.5s;
	}
.cumpar_buton:hover, .cumpar_buton2:hover, .divbut input[type="button"]:hover {filter: brightness(80%);}
	

.contnou strong {
	background: #eff3f4;
	font-weight: normal;
	padding: 10px 10px;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
	}
.contnou strong:hover {
	background: #d4dce0;
	color: #000;
	}
	
.right-tabel {
	float: right; display: block; vertical-align: top;
	width: 490px;
	margin: 0 0px 0 0px;
	}
.left-tabel {
	float: left; display: block; vertical-align: top;
	width: 490px;
	margin: 0 50px 0 0px;
	}
.contnou input[type="radio"] {
	float: right; width: 25px; height: 25px;
	margin: -5px 0 0 5px; padding: 0;
	}
.c-radio td {padding: 10px 40px 0 0;}
.c-radio-but {
	background: #a19b73; border-radius: 3px; color: #fff;
	padding: 6px 10px; margin: 0 0 0 10px;
	}
	
.amluat input[type="checkbox"] {
	width: 20px; height: 20px; 
	margin: 0 5px 0 0; padding: 0 5px 0 0;
	float: right;
	}
.amluat a {
	float: left;
	color: #333;
	padding: 4px 0 0 5px;
	}

.contact-form .amluat input[type="checkbox"] {float: left;}
.contact-form .amluat a {float: left;}
/* end contnou */