@charset "utf-8";

@font-face {
  font-family: "Droid Serif";
  font-style: normal;
  font-weight: 400;
  src: local("Droid Serif"), local("DroidSerif"), url("../fonts/DroidSerif.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans-Ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*--------------------------------------------------------------------
- HTML
-----------------------------------------------------------------------*/
body {
	padding: 0px;
	margin: 0px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1em;
	color: #000;	
	}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
input, button, select, textarea,
table, tr, td {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	}
img { border: 0px; }
a { text-decoration: none; outline: none; }

.clearfix:after {
	content: "";
	display: table;
	clear: both;
	}
.text_right { text-align: right; }
.text_alb { color: #ffffff; }
.text_rosu { color: red; }
.text_upper { text-transform: uppercase; }
a.hover_rosu:hover { background-color: #ff0000 !important; }
input.hover_rosu:hover { background-color: #ff0000 !important; }
a.hover_galben:hover { color: #ffff00 !important; }
	
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				.noshow { display: none; }
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				.noshow { display: none; }
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.noshow { display: none; }
			}
/*--------------------------------------------------------------------
- Layout
-----------------------------------------------------------------------*/
	.ui_full {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		}
	.ui_inner {
		width: 100%;
		max-width: 1000px;
		margin: 0px auto;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}
	

	
/*--------------------------------------------------------------------
- Biroufizic
-----------------------------------------------------------------------*/
#ui_biroufizic {
	display: block;
	margin: 0px 0px 0px 0px; 
	background: transparent url('https://www.mediapress.ro/imagini/agentie-fizica.jpg') center center no-repeat; 
	color: #fff;
	text-align: center;
	text-decoration: none;
	}
#ui_biroufizic > div {
	padding: 25px 0px 35px 0px;
	background: rgba(32, 32, 32, 0.7);
	}
#ui_biroufizic > div > strong {
	display: block;
	padding: 0px 0px 3px 0px;  
	font-size: 2.1em; 
	line-height: 1em; 
	letter-spacing: -2px;
	font-weight: normal;
	}
#ui_biroufizic > div > em {
	display: block;
	padding: 0px 0px 5px 0px; 
	font-size: 1.9em; 
	line-height: 1em; 
	letter-spacing: -1px;
	font-style: normal;
	}
#ui_biroufizic > div > span {
	display: block;
	margin: 0px 0px 0px 0px; 
	font-size: 1em;
	}
#ui_biroufizic:hover { color: yellow; }
#ui_biroufizic:hover > div { background: rgba(32, 32, 32, 0.6); }


			@media screen and (min-width: 1367px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1201px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 993px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{
				#ui_biroufizic > div > strong {
					font-size: 2em;
					}
				#ui_biroufizic > div > em {
					font-size: 1.4em; 
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#ui_biroufizic > div > strong {
					font-size: 1.8em;
					}
				#ui_biroufizic > div > em {
					font-size: 1.3em; 
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#ui_biroufizic > div > strong {
					font-size: 1.6em;
					}
				#ui_biroufizic > div > em {
					font-size: 1.2em; 
					}
			}


/*--------------------------------------------------------------------
- Layout -> Top
-----------------------------------------------------------------------*/
	#ui_top_box {
		}
	#ui_top_bara {
		padding: 10px 10px 5px 10px;
		background-color: rgba(255, 255, 255, .2);
		}
	#ui_top_editie {
		float: left;
		width: 50%;
		font-size: 1.2em;
		}
	#ui_top_editie img { 
		vertical-align: middle; 
		margin: 0px 20px 0px 0px;
		}
	#ui_top_urgent {
		float: left;	
		display: flex;
		width: 50%;
		text-align: right;
		padding: 3px 0px 0px 0px;
		}
	#ui_top_link {
		padding: 2px 10px 0px 0px;
		color: red;
		}
	#ui_top_body { 
		padding: 10px 10px 20px 0px;
		}
	#ui_top_logo {
		float: left;
		width: 50%;
		min-width: 50%;
		max-width: 50%;
		padding: 0px 0px 0px 10px;
		}
	#ui_top_logo > span {
		margin: 0px 0px 0px 23px;
		}
	#ui_top_logo a {
		font-family: "Droid Serif", sans-serif;
		font-size: 2.2em;
		line-height: 1em;
		letter-spacing: 0px;
		text-transform: uppercase;
		color: #333;
		}	
	#ui_top_logo span { display: block; }
	#ui_top_publica {
		float: left;
		width: 50%;
		min-width: 50%;
		max-width: 50%;
		margin: 13px 0px 0px 0px;
		}
	#ui_top_publica a {
		float: right;
		width: 200px;
		margin: 0px 10px 0px 10px;
		padding: 20px 10px;
		color: #fff;
		background-color: #f78321;
		border-radius: 10px;
		text-align: center;
		}
	#ui_top_publica a:hover { background-color: #333; }
	
	#cautare_box {
		display: flex;
		margin: 1px 0px 0px auto;
		padding: 0px 4px 0px 5px !important;
		color: #111;		
		border: 1px solid #999;
		border-radius: 10px;
		}
	#cautare_box form {
		flex: 1;
		display: flex;
		padding: 0px;
		margin: 0px;
		}
	#cautare_box a {
		flex: 1;
		display: block;
		text-align: right;
		margin: 6px 0px 0px 0px;
		vertical-align: center;
		}
	#cautare_box input {
		flex: 4;
		margin: 2px 0px 0px 0px;
		padding: 6px 10px;
		color: #111;
		font-style: italic;
		font-size: 0.9em;
		border: none;
		background-color: transparent;
		}
	#cautare_box input:focus {
		border: none;
		outline: none;
		}
	#cautare_submit { display: none; }
			@media screen and (min-width: 1366px) 
			{	
				#ui_top_box {
					background: #fff url('../../imagini/anunturi-constanta-imobiliare-locuri-de-munca-1920.jpg') 0px 0px no-repeat;
					min-height: 105px;
					background-size: cover;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{	
				#ui_top_box {
					background: #fff url('../../imagini/anunturi-constanta-imobiliare-locuri-de-munca-1920.jpg') 0px 0px no-repeat;
					min-height: 105px;
					background-size: cover;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{	
				#ui_top_box {
					background: #fff url('../../imagini/anunturi-constanta-imobiliare-locuri-de-munca-1920.jpg') 0px 0px no-repeat;
					min-height: 105px;
					background-size: cover;
					}
				#ui_top_body { 
					padding: 20px 20px 20px 20px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 769px) and (max-width: 992px) 
			{	
				#ui_top_box {
					background: #fff url('../../imagini/anunturi-constanta-imobiliare-locuri-de-munca-1920.jpg') 0px 0px no-repeat;
					min-height: 105px;
					background-size: cover;
					}
				#ui_top_body { 
					padding: 20px 10px 20px 10px;
					}
				#ui_top_publica a {
					width: 180px;
					padding: 15px 6px;
					margin: 0px 3px 0px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 481px) and (max-width: 768px) 
			{
				#ui_top_box {
					background: none;
					padding: 0px 0px 0px 0px;
					}
				#ui_top_body { 
					padding: 20px 10px 20px 0px;
					}
				#ui_top_publica a {
					width: 200px;
					padding: 15px 6px;
					margin: 0px 0px 3px 0px;
					}
				#ui_top_logo { margin: 9px 0px 0px 0px; }
				#ui_top_logo > span { margin: 0px 0px 0px 0px; }
				#cautare_box {
						padding: 0px 4px 4px 5px !important;
						border: 1px solid #ccc;
						background-color: #f1f2ee;
						}
				#cautare_box input { display: none; }
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#ui_top_box {
					background: none;
					padding: 0px 0px 0px 0px; 
					}
				#ui_top_editie img { display: none;  }
				#ui_top_publica { margin: 0px 0px 0px 0px; }
				#ui_top_publica a {
					width: 200px;
					padding: 15px 6px;
					margin: 0px 0px 3px 0px;
					}
				#ui_top_logo { margin: 9px 0px 0px 0px; }
				#ui_top_logo > span { margin: 0px 0px 0px 0px; }
				#ui_top_logo > a > span { display: inline; font-size: 0.8em; }
				#cautare_box {
						padding: 0px 4px 4px 5px !important;
						border: 1px solid #ccc;
						background-color: #f1f2ee;
						}
				#cautare_box input { display: none; }
			}



/*--------------------------------------------------------------------
- Comunicate
-----------------------------------------------------------------------*/
.ui_form_sectiune {
	display: none;
	width: 98%;
	padding: 15px 15px;
	margin: 0px 1% 0px 1%;
	}
.ui_form_sectiune a {
	color: darkblue;
	text-decoration: none;
	outline: none;
	}
a.ui_form_head {
	display: block;
	position: relative;
	width: 98%;
	margin: 0px 1% 5px 1%;
	padding: 15px 45px 15px 25px;
	color: #131313;
	line-height: 1.2em;
	text-decoration: none;
	outline: none;
	background: #e4f1f9 url('../../imagini/sageata-jos.png') 98% center no-repeat;
	}
a.ui_form_head_inactiva {
	background: #ccc url('../../imagini/sageata-sus.png') 98% center no-repeat;
	}
	#comunicate_bannere {
		display: flex;
		width: 98%;
		max-width: 1040px;
		margin: 0px auto;
		}
	#comunicate_bannere_verticale {
		margin: 30px 0px 0px 0px;
		}
	#comunicate_bannere > a {
		width: 2%;
		margin: 10px 0px 10px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		}
	#comunicate_bannere_verticale > a {
		margin: 0px 0px 10px 0px;
		}

	#comunicate_bannere > a:hover {
		font-size: 1.6em;
		color: #990000;
		}
	#comunicate_bannere > a > span { 
		font-size: 1.5em;
		font-weight: bold; 
		}
	#comunicate_bannere > div {
		width: 96%;
		max-width: 96%;
		overflow: hidden;
		display: flex;		
		padding: 10px 0px 10px 0px;
		}


	.compresa_liber {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 330px;
		min-width: 330px;
		margin: 0px 10px 0px 0px;
		padding: 40px 0px 40px 0px;
		color: #111;
		text-align: center;
		background: url('../../imagini/icon-left.png') 95% 95% no-repeat, url('../../imagini/header-fundal-1.png') 0px 120px no-repeat;
		background-color: #143456;
		}
	.compresa_liber > .compresa_l1 {
		display: block;
		margin-bottom: auto;
		padding: 0px 20px 0px 20px;
		font-size: 1.1em;
		font-weight: bold;
		color: #fff;
		}
	.compresa_liber > .compresa_l2 {
		display: block;
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px 20px 0px;
		font-size: 1.6em;
		line-height: 1.3em;
		letter-spacing: -1px;
		font-weight: bold;
		color: #fff;
		}
	.compresa_liber > .compresa_l3 {
		display: block;
		width: 80%;
		margin: auto auto 0px auto;
		padding: 0px 0px 12px 0px;
		font-size: 1.1em;
		line-height: 1.1em;
		color: #fff;
		}


	.compresa_pnrr {		
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 330px;
		min-width: 330px;
		margin: 0px 10px 0px 0px;
		padding: 60px 0px 30px 0px;
		color: #fff;
		text-align: center;
		background: url('../../imagini/comunicate-presa-sigle-pnrr-mici.png') 0px 0px no-repeat, url('../../imagini/icon-left.png') 95% 95% no-repeat, url('../../imagini/header-fundal-1.png') -100px 80px no-repeat;
		background-color: #084e96;
		}
	.compresa_pnrr > .compresa_p1 {
		display: block;
		padding: 0px 20px 0px 20px;
		font-size: 1.2em;
		font-weight: bold;
		}
	.compresa_pnrr > .compresa_p2 {
		display: block;
		padding: 20px 20px 30px 20px;
		font-size: 1.3em;
		line-height: 1em;
		letter-spacing: -1px;
		}
	.compresa_pnrr > .compresa_p3 {
		display: block;
		width: 90%;
		margin: auto auto auto auto;
		padding: 0px 20px 20px 20px;
		font-size: 1.6em;
		line-height: 1.2em;
		letter-spacing: -1px;
		}
	.compresa_pnrr > .compresa_p4 {
		display: block;
		width: 80%;
		margin: 0px auto 0px auto;
		padding: 0px 0px 12px 0px;
		font-size: 1.1em;
		line-height: 1.1em;
		font-style: normal;
		}

	.compresa_regiosud {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 330px;
		min-width: 330px;
		margin: 0px 10px 0px 0px;
		padding: 60px 0px 30px 0px;
		color: #fff;
		text-align: center;
		background: url('../../imagini/comunicate-presa-sigle-regiosud-mici.png') 0px 0px no-repeat, url('../../imagini/icon-left.png') 95% 95% no-repeat, url('../../imagini/header-fundal-1.png') -100px 80px no-repeat;
		background-color: #143456;
		}
	.compresa_regiosud > .compresa_r1 {
		display: block;
		margin-bottom: auto;
		padding: 0px 20px 0px 20px;
		font-size: 1.1em;
		font-weight: bold;
		}
	.compresa_regiosud > .compresa_r2 {
		display: block;
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px 20px 0px;
		font-size: 1.6em;
		line-height: 1.3em;
		letter-spacing: -1px;
		font-weight: bold;
		}
	.compresa_regiosud > .compresa_r3 {
		display: block;
		width: 80%;
		margin: auto auto 0px auto;
		padding: 0px 0px 12px 0px;
		font-size: 1.1em;
		line-height: 1.1em;
		}

	.compresa_cofinantat {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 330px;
		min-width: 330px;
		margin: 0px 10px 0px 0px;
		padding: 60px 0px 30px 0px;
		color: #111;
		text-align: center;
		background: url('../../imagini/comunicate-presa-sigle-cofinantat-mici.png') 0px 0px no-repeat, url('../../imagini/icon-left.png') 95% 95% no-repeat, url('../../imagini/header-fundal-1.png') -100px 240px no-repeat;
		background-color: #fff;
		border: 1px solid #ccc;
		}
	.compresa_cofinantat > .compresa_c1 {
		display: block;
		margin-bottom: auto;
		padding: 0px 20px 0px 20px;
		font-size: 1.1em;
		font-weight: bold;
		}
	.compresa_cofinantat > .compresa_c2 {
		display: block;
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px 20px 0px;
		font-size: 1.6em;
		line-height: 1.3em;
		letter-spacing: -1px;
		font-weight: bold;
		}
	.compresa_cofinantat > .compresa_c3 {
		display: block;
		width: 80%;
		margin: auto auto 0px auto;
		padding: 0px 0px 12px 0px;
		font-size: 1.1em;
		line-height: 1.1em;
		}


	.compresa_comisia {		
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 330px;
		min-width: 330px;
		margin: 0px 10px 0px 0px;
		padding: 60px 0px 30px 0px;
		color: #fff;
		text-align: center;
		background: url('../../imagini/comunicate-presa-sigle-comisia-mici.png') 0px 0px no-repeat, url('../../imagini/icon-left.png') 95% 95% no-repeat, url('../../imagini/header-fundal-1.png') -100px 80px no-repeat;
		background-color: #084e96;

		}
	.compresa_comisia > .compresa_t1 {
		display: block;
		margin-bottom: auto;
		padding: 0px 20px 20px 20px;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
		}
	.compresa_comisia > .compresa_t2 {
		display: block;
		width: 90%;
		margin: auto 0px auto auto;
		padding: 0px 20px 20px 20px;
		font-size: 1.5em;
		line-height: 1.2em;
		letter-spacing: -1px;
		}
	.compresa_comisia > .compresa_t3 {
		display: block;
		width: 80%;
		margin: auto auto 0px auto;
		padding: 0px 0px 12px 0px;
		font-size: 1.1em;
		line-height: 1.1em;
		font-style: normal;
		}

	.comunicat_pagina {
		}
	.comunicat_pagina table {
		font-size: 0.9em;
		}
	.comunicat_pagina img {
		max-width: 100%;
		height: auto;
		}

	.comunicat_istoric {
		width: 96%; 
		max-width: 1000px; 
		margin: 0px auto;
		padding: 40px 0px 150px 0px;
		}
	.comunicat_istoric h1 {
		padding: 0px 0px 15px 0px;
		margin: 0px;
		font-size: 3.2em;
		letter-spacing: -1px;
		line-height: 0.9em;
		text-align: center;
		}

/*--------------------------------------------------------------------
- Layout -> Cautare
-----------------------------------------------------------------------*/
	#cautare_form_2 {
		display: flex;
		width: 98%;
		margin: 20px auto 30px auto;
		}
	#cautare_form_2 > input {
		flex: 5;
		padding: 9px 10px;
		border: 1px solid #ccc;
		border-radius: 10px;
		}
	#cautare_form_2 svg {
		flex: 1;
		margin: 9px 0px 0px -28px;
		}
	
	#ui_cautare_lista {
		margin: 20px 0px;
		}
	#ui_cautare_lista > div {
		padding: 10px 10px;
		margin: 10px 0px;
		border-bottom: 1px dotted #999;
		}
	#ui_cautare_lista div strong a{
		float: left;
		padding: 7px 10px;
		color: #fff;
		background-color: #000;
		}
	.ui_cautare_anunt {
		padding: 10px 0px 0px 0px;
		font-style: normal;
		line-height: 1.4em;
		}
	.ui_cautare_anunt em {
		background-color: #ccc;
		}

/*--------------------------------------------------------------------
- Layout -> Meniu
-----------------------------------------------------------------------*/
	#ui_meniu_box {	
		background-color: #173451;
		text-align: center;
		}
	#ui_meniu_box a  {
		display: inline-block;
		border-right: 1px solid #666666;
		height: 48px;
		max-height: 48px;
		overflow: hidden;
		padding: 15px 28px 0px 28px;
		color: #fff;
		text-align: center;
		}
	#ui_meniu_box a:last-child {
		border: none;
		}
	#ui_meniu_box a:hover {
		color: #ffff00;
		background-color: rgba(255, 255, 255, .25);
		}
	#ui_meniu_box img {
		vertical-align: middle;
		margin: -1px 8px 0px 0px;
		opacity: 0.7;
		}
	.selected { 
		color: #ffff00;
		background-color: rgba(255, 255, 255, .25);
		}
		
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				#ui_meniu_box a  {
					width: 33.3%;
					padding: 10px 0px 0px 0px;
					border-bottom: 1px solid #666666;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				#ui_meniu_box a  {
					width: 33.3%;
					padding: 10px 0px 0px 0px;
					border-bottom: 1px solid #666666;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#ui_meniu_box a  {
					width: 50%;
					border-bottom: 1px solid #666666;
					text-align: left;
					}
			}
	
	
/*--------------------------------------------------------------------
- Layout -> Header
-----------------------------------------------------------------------*/
	#ui_header_box {
		height: 145px;
		max-height: 145px;
		overflow: hidden;
		margin: 3px auto 3px auto;
		}
	#ui_header_body {
		width: 160%;
		min-width: 160%;
		margin: 0px 0px 0px -80px;
		}
	#ui_header_body div {
		float: left;
		margin: 0px 3px 0px 0px;
		}
		
/*--------------------------------------------------------------------
- Layout -> Data Editie
-----------------------------------------------------------------------*/
	#ui_dataeditie {
		position: fixed;
		z-index: 999999;
		left: -75px;
		bottom: 110px;
		transform: rotate(-90deg);
		}
	#ui_dataeditie span {
		padding: 10px 10px;
		font-style: italic;
		color: #fff;
		background-color: #e8441f;
		margin-right: 1px;
		}
	#ui_dataeditie strong {
		padding: 10px 10px;
		color: #fff;
		background-color: #006599;
		}
	
/*--------------------------------------------------------------------
- Layout -> 2coloane
-----------------------------------------------------------------------*/
	.ui_2coloane {
		background-color: #fff;
		margin: 0px auto 0px auto;
		padding: 0px 10px 10px 10px;
		}
	.ui_2colgras {
		float: left;
		width: 67%;
		margin: 0px 2% 0px 1%;
		}
	.ui_2colfin {
		float: left;
		width: 29%;
		padding: 0px 1% 10px 0px;
		}
	.ui_ceas, .ui_ceas_right > span {
		display: block;
		height: 16px;
		padding: 0px 0px 0px 20px;
		background: url('../../imagini/icon-ceas-negru.png') 0px center no-repeat;
		color: #999;
		font-size: 0.8em;
		}
	.ui_ceas_right {
		display: block;
		font-size: 1.1em;
		margin: 10px 0px 5px 0px;
		}
	.ui_ceas_right span { float: right; }
	.ui_ceas_top { margin-top: 20px; }
	
	.ui_label_negru {
		display: block;
		margin: 0px 0px 3px 0px;
		text-align: left;
		}		
	div.ui_rand_negru {
		margin: 17px 0px 3px 0px;
		text-align: left;
		}
	.ui_label_negru > span, div.ui_rand_negru > span, div.ui_rand_negru > a {
		padding: 1px 7px;
		color: #fff;
		font-size: 0.9em;
		font-weight: normal;
		text-align: center;
		background-color: #111;
		text-transform: uppercase;
		}
	#ui_lanseaza {
		display: block; 
		margin: 20px auto; 
		padding: 30px 30px; 
		max-width: 40%; 
		border-radius: 15px; 
		background-color: orange; 
		color: #fff; 
		text-align: center; 
		text-decoration: none;
		outline: none;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
				.ui_2coloane {
					padding: 0px 0px 10px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				.ui_2coloane {
					padding: 0px 0px 10px 0px;
					}
				.ui_2colgras {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				.ui_2colfin {
					float: none;
					width: 96%;
					margin: 0px auto 10px auto;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				.ui_2coloane {
					padding: 0px 0px 10px 0px;
					}
				.ui_2colgras {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				.ui_2colfin {
					float: none;
					width: 96%;
					margin: 0px auto 10px auto;
					}
			}
			
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.ui_2coloane {
					padding: 0px 0px 10px 0px;
					}
				.ui_2colgras {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				.ui_2colfin {
					float: none;
					width: 98%;
					margin: 0px auto 0px auto;
					}
				.ui_ceas {
					margin: 0px 0px 0px 2%;
					}
			}
		
		
/*--------------------------------------------------------------------
- Layout -> Anunturi Index & Lista
-----------------------------------------------------------------------*/
	#ui_anunturi_top, #ui_anunturi_bottom {
		max-width: 100%;
		margin-left: -5000px;
		}
	h1 {
		color: #333;
		font-size: 2.6em;
		line-height: 1em;
		letter-spacing: -2px;
		font-weight: normal;
		padding: 0px 0px 5px 0px;
		margin: 30px 0px 10px 0px;
		border-bottom: 1px solid #ccc;
		}
	h1 > span {
		color: #444;
		}
	#ui_lista {
		width: 100%;
		margin-left: -5000px;
		}
	.ui_lista_coloane {
		column-count: 3;
		column-gap: 25px;
		column-rule: 1px dashed #ccc;
		column-fill: balance;
		}
	.ui_anunt {
		padding: 5px 4px 2px 4px;
		margin: 10px 0px 5px 0px;
		font-size: 0.9em;
		color: #454545;
		line-height: 1.1em;
		text-align: center;
		border-bottom: 1px dashed #ddd;
		break-inside: avoid;
		}
	.ui_anunt_galben {
		padding: 6px 4px 2px 4px;
		background-color: #ffe9a8;
		}
	.ui_anunt_invers {
		color: #fff;
		background-color: #111;
		}
	.ui_anunt_special {
		padding: 55px 6px 55px 6px;
		background-color: #f1f2ee;
		line-height: 1.5em;
		font-weight: bold;
		}
	#lista_publica {
		margin: -10px 0px 10px 0px;
		}
	#lista_publica a {
		float: right;
		padding: 15px 30px;
		background-color: #f78321;
		color: #fff;
		border-radius: 0px 0px 10px 10px;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
				h1 {
					margin: 20px 0px 10px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				h1 {
					margin: 20px 0px 10px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				h1 {
					margin: 20px 0px 10px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				h1 {
					width: 98%;
					max-width: 98%;
					margin: 25px 0px 10px 0px;
					overflow: hidden;					
					font-size: 2.2em;
					letter-spacing: -1px;
					}
				#ui_lista {
					max-width: 100%;
					overflow: hidden;
					}
				.ui_lista_coloane {
					column-count: 2;
					}
			}
		
/*--------------------------------------------------------------------
- Layout -> Stiri
-----------------------------------------------------------------------*/
	.ui_suprastiri {
		padding: 0px 15px 0px 15px;
		background-color: #f5f5f5;
		}
	.ui_stiri_box {
		padding: 2px 0px 0px 0px;
		margin: 0px auto;	
		}
	.ui_stiri_box > h1 {
		display: block;
		padding: 0px 0px 4px 0px;
		margin: 2px 0px 10px 0px;
		font-size: 1.7em;
		line-height: 1em;
		letter-spacing: -1px;
		color: #333333;
		border-bottom: 2px solid #ccc;
		}
	#ui_stiri_lista{
		min-height: 550px;
		overflow: hidden;
		margin: 0px 0px 20px 0px;
		}
	.ui_stiri_inner a {
		display: block;
		padding: 10px 0px 15px 0px;
		margin: 0px 0px 10px 0px;
		color: #111;
		font-size: 1em;
		line-height: 1.1em;
		border-bottom: 1px solid #ccc;
		}
	.ui_stiri_inner a img {
		float: left;
		margin: -2px 12px 5px 0px;
		}
	.ui_stiri_inner a span1 {
		padding: 5px 10px;
		color: #fff;
		line-height: 2.2em;
		background-color: #111;
		}
	.reclama_box {
		text-align: center;
		margin: 0px auto 20px auto;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{	
				.ui_suprastiri {
					padding: 1px 15px 1px 15px;
					}
				#ui_stiri_lista{
					min-height: 200px;
					max-height: 250px;
					}				
				.ui_stiri_inner a {
					float: left;
					width: 49%;
					height: 120px;
					max-height: 120px;
					overflow: hidden;
					margin: 0px 1% 10px 0px;
					padding: 10px 0px 15px 0px;
					margin: 0px 0px 10px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{	
				.ui_suprastiri {
					padding: 1px 15px 1px 15px;
					}
				#ui_stiri_lista{
					min-height: 200px;
					max-height: 250px;
					}				
				.ui_stiri_inner a {
					float: left;
					width: 49%;
					height: 120px;
					max-height: 120px;
					overflow: hidden;
					margin: 0px 1% 10px 0px;
					padding: 10px 0px 15px 0px;
					margin: 0px 0px 10px 0px;
					}
				.ui_stiri_inner a:nth-child(odd) {
					padding-right: 1%;
					}
				.ui_stiri_inner a:nth-child(even) {
					padding-left: 1%;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{	
				.ui_suprastiri {
					padding: 20px 15px 1px 15px;
					}
				.ui_stiri_box {
					width: 96%;
					padding: 2px 0px 0px 0px;
					margin: 0px auto;
					}
				#ui_stiri_lista{
					min-height: 200px;
					max-height: 222px;
					}
				.reclama_box {
					display: none;
					}
			}
		
/*--------------------------------------------------------------------
- Layout -> Footer
-----------------------------------------------------------------------*/
	#ui_footer_box {
		background-color: #001224;
		margin: 0px auto 0px auto;
		padding: 50px 0px 3px 0px;
		}
	#ui_footer_body {
		}
	#ui_footer_titlu {
		font-size: 2.2em;
		letter-spacing: -2px;
		line-height: 1em;
		color: #fff;
		}
	#ui_footer_titlu img {
		position: relative;
		top: -10px;
		margin: 0px 0px 0px 5px;
		}
	#ui_footer_localitati { 
		width: 100%;
		margin: 19px 0px 0px 0px;
		}
	#ui_footer_localitati a { 
		float: left;
		width: 20%;
		margin: 0px 0px 3px 0px;
		padding: 4px 0px 4px 10px;
		color: #fff;
		}
	#ui_footer_localitati a:hover {
		color: #ffff00;
		background-color: rgba(255, 255, 255, .25);
		}
	#ui_footer_subbody {
		margin: 50px auto 0px auto;
		font-size: 0.9em;
		line-height: 1em;
		color: #ccc;
		font-style: italic;
		}
	#ui_footer_subbody a { color: lightblue; }
	#ui_footer_copy {
		float: left;
		width: 50%;
		padding: 30px 0px 0px 0px;
		}
	#ui_footer_echo {
		float: left;
		width: 50%;
		height: 44px;
		text-align: right;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
				#ui_footer_body {
					width: 90%;
					}
				#ui_footer_subbody {
					width: 90%;
					margin: 0px auto 0px auto;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				#ui_footer_body {
					width: 90%;
					}
				#ui_footer_subbody {
					width: 90%;
					margin: 0px auto 0px auto;
					}
				#ui_footer_copy {
					float: none;
					width: 100%;
					text-align: center;
					}
				#ui_footer_echo {
					float: none;
					width: 100%;
					text-align: center;
					height: auto;
					padding: 25px 0px 5px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				#ui_footer_body {
					width: 90%;
					}
				#ui_footer_localitati a { 
					float: left;
					width: 25%;
					}
				#ui_footer_subbody {
					margin: 0px auto 0px auto;
					}
				#ui_footer_copy {
					float: none;
					width: 100%;
					text-align: center;
					}
				#ui_footer_echo {
					float: none;
					width: 100%;
					text-align: center;
					height: auto;
					padding: 25px 0px 5px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				#ui_footer_body {
					width: 90%;
					}
				#ui_footer_localitati a { 
					float: left;
					width: 33.3%;
					}
				#ui_footer_subbody {
					margin: 0px auto 0px auto;
					}
				#ui_footer_copy {
					float: none;
					width: 100%;
					text-align: center;
					}
				#ui_footer_echo {
					float: none;
					width: 100%;
					text-align: center;
					height: auto;
					padding: 25px 0px 5px 0px;
					}
			}
		

/*--------------------------------------------------------------------
- Form
-----------------------------------------------------------------------*/
	.pagina {
		width: 100%;
		margin: 0px auto;
		}
	#ui_form {
		width: 90%;
		margin: 50px auto 0px auto;
		}
	.ui_form_rand {
		padding: 0px 0px 10px 0px;
		}
	.ui_label {
		float: left;
		width: 25%;	
		min-width: 25%;	
		padding: 7px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
		}
	.ui_label label {
		font-weight: normal;
		}
	.ui_input {
		float: left;
		width: 72%;	
		margin: 0px 0px 3px 0px;
		}
	.ui_input  input[type="text"], .ui_input select, .ui_input textarea {
		color: #111; 
		background-color: #f1f2ee; 
		border-radius: 4px; 
		border: none;
		outline: 0;
		font-size: 0.9em;
		width: 98%;
		min-width: 150px;
		padding: 10px 0px 10px 10px;
		}		
	.ui_input  input[type="submit"] {
		width: 28%;
		margin: 0px 2% 0px 0px;
		padding: 10px 20px;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.2em;
		color: #fff;
		background-color: #e8441f;
		border: none;
		}
	.mesaj_eroare, .mesaj_succes {
		width: 90%;
		margin: 20px auto 0px auto;
		padding: 20px 10px;
		color: #ff0000;
		border: 1px solid red;
		border-radius: 10px;
		}
	.mesaj_succes {
		color: green;
		border: 1px solid green;
		}
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
				.pagina {
					width: 98%;
					margin: 0px auto;
					padding: 0px 0px 30px 0px;
					}
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
				.pagina {
					width: 98%;
					margin: 0px auto;
					padding: 0px 0px 30px 0px;
					}
				#ui_form {
					margin: 30px auto 0px auto;
					}
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
				.pagina {
					width: 96%;
					margin: 0px auto;
					padding: 0px 0px 30px 0px;
					}
				#ui_form {
					margin: 30px auto 0px auto;
					}
				.ui_label {
					display: none;
					}
				.ui_input {
					float: none;
					width: 98%;
					}
				.ui_input  input[type="submit"] {
					font-size: 1em;
					}
			}
		
/*--------------------------------------------------------------------
- Paginare
-----------------------------------------------------------------------*/
	.paginare {
		width: 98%;
		margin: 10px 1% 50px 1%;
		text-align: center;
		}
	.paginare a {
		display: inline-block;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		border-radius: 40px;
		font-weight: bold;
		color: #353535;
		font-weight: bold;
		text-decoration: none;
		outline: none;
	}
	.paginare a.inactiv {
		color: #fff;
		background-color: #fc5652;
		}
	.paginare a.inactiv:hover {
		background-color: #ff0000;
		}
	.paginare a:hover {
		background-color: #f1f2ee;
		}	
		

/*--------------------------------------------------------------------
- GDRP
-----------------------------------------------------------------------*/
#gdpr_bara {
	position: fixed;
	z-index: 999999999;
	bottom: 0px;
	left: 0px;
	margin-bottom: -150px;
	width: 100%; 
	min-width: 100%; 
	max-width: 100%; 
	height: auto;
	padding: 10px 0px 5px 0px;
	text-align: center;
	color: #252525; 
	background-color: #f1f2ee;
	}
#gdpr_bara a {
	color: #252525;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	}
#gdpr_bara input {
	background-color: #990000;
	color: #fff;
	border: none;
	border-radius: 10px;
	padding: 8px 20px;
	}
#gdpr_bara input:hover {
	background-color: #ff0000;
	color: #fff;
	}		
			@media screen and (min-width: 1366px) 
			{
			} 
			/*--------------------------------------------*/
			@media screen and (min-width: 1200px) and (max-width: 1366px) 
			
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 992px) and (max-width: 1200px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 768px) and (max-width: 992px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (min-width: 480px) and (max-width: 768px) 
			{
			}
			/*--------------------------------------------*/
			@media screen and (max-width: 480px) 
			{
			}