body
{
margin:0px;
padding:0px;
}

@font-face {
    font-family: 'ownSansationLight';
    src: url(SansationLight.ttf);
}

titluPagina
{
	z-index:1;
	margin-top:-70px;
	display:inline-block;
	color:white;
	position:relative;
	font-family: ownSansationLight;
	font-size:36px;
	margin-left:10%;
	padding:10px;
	background: rgba(0, 0, 0, 0.4);
}

motto
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	color:dimGray;
	font-family:ownSansationLight;
}

motto::before
{
	content: '{';
	color:#ddd;
	font-size:36px;
	padding:10px;
	font-family: ownSansationLight;
	vertical-align:middle;
}

motto::after
{
	content: '}';
	color:#ddd;
	font-size:36px;
	padding:10px;
	font-family: ownSansationLight;
	vertical-align:middle;
}


.linieVerde
{
	width:100%;
	min-width:1170px;
	height:3px;
	background-color:#8bbf37;
	z-index:1px;
	position:relative;
}

.linieVerdeInchis
{
	width:100%;
	min-width:1170px;
	height:2px;
	background-color:#77A62D;
	z-index:1px;
	position:relative;
}

.cadranNumeSiMeniu
{
	position: relative;
	z-index: 2;
	min-width:1170px;
	width:100%;
}

.numeSiMeniu
{
width:1170px;
height:85px;
margin-left:auto;
margin-right:auto;
}

.numeWebsite
{
	color:white;
	font-family: Verdana, Geneva, sans-serif;
	font-size:50px;
	display:inline-block;
	margin-top:20px;
	width:500px;
}

.meniuWebsite
{
	display:inline-block;
	vertical-align:top;
	float:right;
}

.linkMeniu
{
	text-decoration:none;
	color:#8bbf37;
	font-family: arial;
	font-size:16px;
	font-weight:bold;
	height:50px;
	padding-top:35px;
	padding-left:20px;
	padding-right:20px;
	margin:0px;
	display:inline-block;
	/*border-right:1px solid #618526;*/
	transition: 1s ease;
	color:white;
}

.linkMeniu:hover,.linkSelectat
{
	background-color:#8bbf37;
	color:white;

}

/*Acasa*/

.cadranSlider
{
background-size:100%;
min-width:1170px;
height:250px;
position: relative;
margin-top:-90px;
-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

.imagineSlider
{
	display:none;
	vertical-align:top;
	z-index:2 !important;
	position:relative !important;
}

.textSlider
{
width:600px;
display:inline-block;
min-height:200px;
padding:10px;
background:rgba(139, 191, 55, 0.5);
margin-top:15px;
}

.prezentariScurte
{
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	margin-top:50px;
	padding-bottom:40px;
	font-family: arial;
}

.spanPrezentare
{
	display:inline-block;
	width:280px;
	min-height:250px;
	margin-right:39px;
	/*background-color:#E3E3E3;*/
	vertical-align:top;
	border:1px solid #D9D9D9;
	/*box-shadow: 4px 4px 4px 0px #D1D1D1;*/
	/* border-top: 3px solid transparent;*/
}

.divPozaText
{
height:120px;
}

.pozaMicaAcasa
{
	display:inline-block;
	overflow:hidden;
	width:280px;
	height:120px;
}

.pozaMicaAcasa img 
{
	max-width:280px;
}

.titluPrezentare
{
	display:block;
	vertical-align:top;
	font-size:18px;
	width:174px;
	text-align:justify;
	color:#64768C;
	font-weight:bold;
	padding:10px;
	margin-top:5px;
}

.textPrezentare
{
	display:block;
	text-align:justify;
	color:#7d7d7d;
	font-size: 14px;
	padding:10px;
	padding-top:5px;
}

.cadranDespreNoi
{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-bottom:40px;
}

.cadranTitluDespreNoi
{
	width:200px;
	height:50px;
	/*border-left: 5px solid #77A62D;*/
	display:inline-block;
	vertical-align:top;
}

.titluDespreNoi
{
	/*background: rgba(139, 191, 55, 0.5);*/
	display:inline-block;
	padding: 10px;
	height:30px;
	font-family:arial;
	color:#7d7d7d;
	font-size:36px;
	width:200px;
}

.textDespreNoi
{
	display:inline-block;
	width:700px;
	text-align: justify;
	color: #7d7d7d;
	font-size: 14px;
	font-family:arial;
	margin-top:10px;
	/*background: rgba(139, 191, 55, 0.5);*/
	padding:10px;
	/*border-left: 5px solid #77A62D;*/
}


/*Meniu*/

.menuHorizontalUp
{
	display:inline-block;
	margin-left:8px;
	/*background-color:#704933; */
	background-color:#545454;
	height:41px;
	color:white; 
	font-size:12px; 
	font-family:arial;

	}

.menuHorizontalDown
{
	display:block;
	margin-left:8px;
	background-color:#8bbf37;
	height:5px;
	color:white; 
	font-size:10px; 
	font-family:arial;
}

.horizontal_menu
{
	margin-left:318px;
}

/* -------------------------- Meniu Orizontal */

/* Roll Down Menu CSS 2 */

ul.menu {list-style:none; margin:0; padding:0; display:inline-block;}
ul.menu * {margin:0px; padding:0}
ul.menu a {display:inline-block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:46px; background:#8bbf37; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative;  width:158px; margin:0;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#8bbf37; width:144px; color:white; font-weight:none;}
ul.menu ul li a:hover {background-color: #7EAD31;}
ul.menu ul ul {left:158px; top:-1px}
ul.menu .menulink { font-weight:bold;  width:95px; height:41px; color:white; text-align:center; line-height:35px;}
/*start pentru categoria Informatii*/
ul.menu .menulinkInfo { font-weight:bold;  width:95px; height:41px; color:#FA9200; text-align:center;}
/*sfarsit pentru categoria Informatii*/
ul.menu .menulink:hover, ul.menu .menuhover {background-color: #8bbf37;}
.menulink:hover,.menulinkInfo:hover {background-color: #8bbf37; -webkit-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.75);box-shadow: 2px 0px 20px -5px rgba(0,0,0,0.75);}
ul.menu .sub {background:#FA9200 url('cuts/rollDownMenu/arrow.gif') 146px 8px no-repeat; margin-top:5px;}
ul.menu .topline {margin-top:6px;}

/* Ended Roll Down Menu CSS 2 */



/*Servicii*/

.pozaSus
{
	background-image:url('imagini/barbershop.jpg');
	background-size:100%;
	min-width:1170px;
	height:200px;
	position: relative;
	margin-top:-90px;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.galerieStanga
{
display:inline-block;
width:470px;
text-align: center;
font-family:arial;
}

/*START CSS3 pentru poza Galerie*/


/* Image Box Style */
.pozaGalerie {
	border: 1px solid #fff;
	cursor: pointer;
	height: 310px;
	margin-bottom: 10px;
	padding:5px;
	position: relative;
	overflow: hidden;
	width: 475px;
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px 1px #ccc;
	box-shadow: 1px 1px 1px 1px #ccc;
	text-align:center;
}
 .pozaGalerie img 
{
	min-height:300px;
	min-width:465px;
	position: absolute;
	left: 5px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
 .caption 
{
	background-color: rgba(109, 93,106, 0.6);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 5px;
}

 .scale-caption  
{
	opacity: 0;
	width: 435px;
	height: 270px;
	text-align: left;
	padding-left: 15px;
	padding-right:15px;
	padding-top:100px;
	margin-left:5px;
}


/** Caption 6: Scale **/
.scale-caption h3, .scale-caption p {
position: relative;
left: -465px;
width: 435px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;	
transition: all 300ms ease-out;
}

 .scale-caption h3 {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-o-transition-delay: 300ms;
-ms-transition-delay: 300ms;	
transition-delay: 300ms;
}

.scale-caption p {
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-o-transition-delay: 500ms;
-ms-transition-delay: 500ms;	
transition-delay: 500ms;
}

 .galerieStanga .pozaGalerie:hover .scale-caption  {
	opacity: 1;
}


/** Scale Caption :hover Behaviour **/
.galerieStanga .pozaGalerie:hover #imagineGalerie {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.galerieStanga .pozaGalerie:hover .scale-caption h3, .galerieStanga .pozaGalerie:hover .scale-caption p {
	-moz-transform: translateX(465px);
	-o-transform: translateX(465px);
	-webkit-transform: translateX(465px);
	transform: translateX(465px);
}

/*SFARSIT CSS3 pentru poza Galerie*/

.textGalerie
{
	color:#7d7d7d;
	text-align:justify;
	margin-top:10px;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	width:447px;
}

.titluGalerie
{
	font-size:18px;
	color: #64768C;
	text-transform:uppercase;
	padding-bottom:10px;
}

.galerieDreapta
{
display:inline-block;
width:520px;
vertical-align:top;
margin-left:20px;
font-family:arial;
}

.linkServicii
{
display:block;
color:#7d7d7d;
text-transform:uppercase;
height:30px;
border-bottom:1px solid #77A62D;
margin-top:10px;
font-family:arial;
font-weight:normal;
text-decoration: none;
border-bottom:1px solid #77A62D;   
width: 400px;
transition: 0.5s ease;
}

.linkServicii:hover, .linkServiciiSelectat
{
color:#5E5E5E;
font-weight:bold;
width:500px;
border-bottom:1px solid #77A62D;
}

.pozitieLinkuriServicii
{
height:300px;
}

.dreaptaJosServicii
{
color:#5E5E5E;
margin-top:20px;
margin-left:30px;
}

.deCeApelati
{
height:30px;
font-size:17px;
}

.StyleAvantaj
{
display:inline-block;
vertical-align:top;
margin-top:5px;
}

/* Pagina noua servicii */

.continutServicii
{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

.cadranServiciu
{
	display:inline-block;
	width:45%;
	min-height:280px;
	vertical-align:top;
	font-family: ownSansationLight;
	border:2px solid white;
	margin-left:2%;
	margin-top:2%;	
}

holderPoza
{
	width:100%; 
	height:100%;
	max-height:280px;
	overflow:hidden; 
	display:inline-block;
}


holderPoza img
{
	width: 100%;
}

holderPoza img:hover
{
	width:130%;
}

.pozaServiciu
{
width:100%;
height:30%;
display:inline-block;
vertical-align:top;
}

.textServiciu
{

	padding:5px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background: rgba(0, 0, 0, 0.8);
	color:white;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-height: 16px;        /* fallback */
	cursor: default;

	display:inline-block;
	vertical-align:top;
	margin-top:-140px;
	cursor:pointer;
}

.textServiciu:hover
{
	padding-top:10px;
	padding-bottom:10px;
	max-height:120px;
}

.showMore
{
	display:block;
	margin-top:5px;
	padding:5px;
} 

.showMore a
{
	padding:5px;
	display:block;
	height:16px;
	width:90px;
	display:block;
	text-align:center;
	font-size:12px;
	border:1px solid white;
}

/*Contact*/


#map
{
	width: 99%;
        height: 310px;
}

.pozaDeSubHarta
{
background-image:url("poze/peisajServicii.jpg");
background-size:100%;
min-width:1170px;
height:45px;
position: relative;
border-top: 5px solid #8bbf37;
border-bottom: 6px solid #8bbf37;
}

.continutContact
{
min-height:298px;
color: #7d7d7d;
font-family:arial;
width:1170px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
}

.textContact
{
display:inline-block;
text-align: justify;
margin-top: 30px;
padding-bottom: 20px;
padding-top: 10px;
padding-left: 15px;
padding-right: 10px;
width: 450px;
height:auto;
font-size:16px;
line-height:150%;
}


table 
{
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.formular input 
{
	color: #7d7d7d;
	font-family: ownSansationLight;
	padding: 2px 6px !important;
	width: 400px;
	height: 40px;
}

.formular input:focus
{
	border: solid 1px #ebb95b;
	background-color: #fff8d5 !important;
	box-shadow: 0 0 0;
	outline: 0;
}


label
{
	margin-left:5px;
}

.trimite
{
	margin-left:27px;
	font-size:24px;
	font-family:ownSansationLight;
	border: none;
	cursor:pointer;
	display:inline-block;
	background-color:#8bbf37;
	width:126px;
	height:100%;
	text-align:center;
	color:white;
	transition: 1s ease;
}

.trimite:hover
{
	background-color: #8bbf37;
	color: white;
	background-image: url("images/pattern.png");
	opacity: 0.8;
}

.formularContact
{
	display: inline-block;
	vertical-align:top;
	margin-left:70px;
	margin-top:10px;
	zoom: 1; 
	*display: inline;
	position:relative;
	width:620px;
}

.etichetaCampContact
{
	display:inline-block;
	font-family: ownSansationLight;
	font-size:12px;
	width:40px;
	padding:5px;
	color:gray;
}

.inputContact
{
	width:75%;
	height:32px;
	margin-top:5px;
	border-radius:2px;
	padding: 6px 6px !important;
	border: 1px solid gray;
	color: gray;
	transition: background-color 0.2 s ease-in-out;
}

.inputContact:focus,.mesajContact:focus
{
	/*background-color:#e5e5e5;*/
	outline: 0;
	border: solid 1px #ebb95b;
	background-color: #fff8d5 !important;
	box-shadow: 0 0 0;
	outline: 0;
}

.mesajContact
{
	display:inline-block;
	width:75%;
	height:100px;
	margin-top:5px;
	border-radius:2px;
	padding: 6px 6px !important;
	border: 1px solid gray;
	color:gray;
}

.notificareForm,.notificareFormMesajContact
{
	position: absolute;
	margin-left:50px;
}

.sageataSus
{
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #CFD1CD;
}

.mesajNotificare,.mesajNotificareEmail, .mesajNotificareTelefon, .mesajNotificareCaptchaContact
{
	background-color: #CFD1CD;
	height: 20px;
	line-height:20px;
	width: auto;
	padding: 4px;
	font-family: ownSansationLight;
	font-size:14px;
	color:black;
	box-shadow: 1px 1px 1px -1px black;
}

.pozitieMesajTrimis
{
	position:absolute;
	height:100%;
	width:100%;
	background-color:rgba(51,96,57,0.4);
	z-index:2;
}

#mesajTrimis
{
	margin-left:auto;
	margin-right:auto;
	width:250px;
	height:130px;
	position:relative;
	background-color:white;
	border-radius: 5px;
	text-align:center;
	margin-top:200px;
	border:1px solid #336039;
	font-family: ownSansationLight;
	padding:15px;
}

.textMesajTrimis
{
	vertical-align:middle;
	display:inline-block;
	color:#336039;
	font-size:23px;
	line-height:130px;
	font-family: ownSansationLight, sans-serif;
}

#pozitie_captcha
{
	display:inline-block;
	margin-left:72px;
}

.input_captcha
{
	color: #7d7d7d;
}

.aiciCaptcha
{
	color:#77A62D;
	font-weight:bold;
}

.aiciCaptcha:hover
{
color:#628C1F;
}

.trimite
{
	display:inline-block;
	padding:15px;
	width:200px;
	font-size:14px;
	vertical-align:top;
	margin-top:20px;
}

/*Cadran jos*/

.cadranJos
{
	display:block;
	width:100%;
	min-width:1170px;
	height:160px;
	background-color:#8bbf37;
	font-family:arial;
	border-top:2px solid #77A62D;
	color:white;
	margin-top: 150px;
}

.stangaJos
{
	width:200px;
	font-size:24px;
	float:left;
	opacity:0.5;
	margin-top:20px;
	margin-left:20px;
}

.dreaptaJos
{
float:right;
margin-right:40px;
font-size:28px;
margin-top:20px;
}

.randDateContact td
{
padding-top:7px;
padding-bottom:7px;
}


/*placeholder*/

::-webkit-input-placeholder {
   color: #7d7d7d;
   font-family:arial;
   font-size:14px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #7d7d7d;
   font-family:arial;
   font-size:14px;	
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #7d7d7d;
   font-family:arial;
   font-size:14px;  
}

:-ms-input-placeholder {  
  color: #7d7d7d;
  font-family:arial; 
  font-size:14px; 
}


/*Galerie*/

.picThumb
{
	display:inline-block;
	width:80px;
	cursor:pointer;
	margin-right:10px;
	padding:5px; 
	border:1px solid #ddd;
}

img
{
	width: inherit;
}

.picThumb img
{
	width:inherit;
}

.continutGalerie
{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-bottom:20px;
}

.galerieStanga
{
	display:inline-block;
	width:470px;
	text-align: center;
	font-family:ownSansationLight;
	margin-top:20px;
}

/*START CSS3 pentru poza galerie*/


/* Image Box Style */
.pozaGalerie 
{
	text-align:center;
	cursor: pointer;
	height: 300px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	width: 465px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	border:1px solid #ddd;
	/*
	-webkit-box-shadow: 1px 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 1px 12px #ccc;
	box-shadow: 1px 1px 1px 2px #ccc;
	*/
}
.pozaGalerie img 
{	
	height:300px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

.container
{
	display:inline-block; 
	width:465px;
}

/* Caption Common Style */
 .caption {
	background-color: rgba(94, 94, 94, 0.40);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
}

 .scale-caption  {
	opacity: 0;
	width: 435px;
	height: 270px;
	text-align: left;
	padding-left: 15px;
	padding-right:15px;
	padding-top:230px;
}


/** Caption 6: Scale **/
.scale-caption h3, .scale-caption p {
	position: relative;
	left: -465px;
	width: 435px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

 .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

.scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

 .galerieStanga .pozaGalerie:hover .scale-caption  {
	opacity: 1;
}


/** Scale Caption :hover Behaviour **/
.galerieStanga .pozaGalerie:hover #imagineGalerie {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.galerieStanga .pozaGalerie:hover .scale-caption h3, .galerieStanga .pozaGalerie:hover .scale-caption p {
	-moz-transform: translateX(465px);
	-o-transform: translateX(465px);
	-webkit-transform: translateX(465px);
	transform: translateX(465px);
	margin-top:5px;
}

/*SFARSIT CSS3 pentru poza galerie*/

@-webkit-keyframes slide {
    100% { top: 0; }
}

@keyframes slide {
    100% { top: 0; }
}


.galerieDreapta
{
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	color:white;
	font-family:ownSansationLight;
	width:600px;
}

.dreaptaJosGalerie
{
	color:#5E5E5E;
	width:500px;
	float:right;
	vertical-align:top;
}

.titluGalerie
{
	font-size:36px;
	text-transform:uppercase;
	margin-top:50px;
}

/* ============= Foto Gallery Js - Alex ================ */


.panelAvertizari
{
	position: fixed;
	z-index: 110;
	/* background-color: rgba(176, 156, 144, 0.7); */
	/* background-color: rgba(0,0,0,0.2); */
	background-color: white;
	/*border-top: 3px solid #FB8324;*/
	box-shadow: 2px 2px 5px #888888;
	color: dimGray;
	left: 20%;
	top: 5%;
	font-size: 12px;
	font-family: ownSansationLight;
	text-align: center;
	overflow: hidden;
	width:auto;
}

.panelAvertizari panelTitle 
{
	background-color: #f5f5f5;
	border-bottom: 1px solid #eee;
	display:block;
	margin-top:0; 
	margin-left:0; 
	padding:10px;
	font-size:14px;
	text-align:left;
	margin-bottom: 15px;
}

closeButton
{
	display:inline-block; 
	float:right; 
	margin-right:5px;
	cursor:pointer;
}

.panelAvertizari sageata
{
	display:inline-block;
	font-size:24px;
	padding:15px;
	margin-top:20%;
	vertical-align:top;
	cursor:pointer;
}

.backgroundWhite
{
    display: block;
    background-color: rgba(250, 250, 250, 0.7);
    width: 100%;
    height: 200%;
    z-index: 101;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
}

/* ========== Ended-  Foto Gallery Js - Alex ============= */