@font-face {
    font-family: 'ownQarmic';
    src: url('fonts/qarmic-sans.regular.ttf');
}

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


body {
	
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
 	-webkit-background-size: cover;
    	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



.fadeIn
{
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

header {
    display: block;
    width: 100%;
    height: 30%;
}

footer
{
	display:block;
	width: 100%
	height:20%;
	padding:20px;
}

.copywrite
{
	text-decoration:none;
	color:dimGray;
	font-family: ownSansationLight;
	font-size:14px;
}

holdercentral
{
    display: block;
    width: 75%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: rgba(0, 0, 0, 0.74902) 0px 2px 16px 0px;
}

logo 
{
	display: inline-block;
	text-align: center;
	height: 100%; 
	font-family: ownSansationLight;
	font-size: 48px;
	padding: 30px;
	color:black;
}

title
{
	display: block;
	text-transform:uppercase;
	font-size:36px;
	font-weight:bold;
}

titluPagina
{
	display:block;
	font-family: ownSansationLight;
	font-size: 24px;
	color:dimGray;
	padding:20px;
	margin-left:5%;
}

/*START Pentru mobil*/

@media only screen and (max-width: 500px)
{
	titluPagina
{
	margin-top:40px;
}

	
}
/*ENDED Pentru mobil*/

textContent
{
	display:block;
	font-family: ownSansationLight;
	font-size: 14px;
	color:#8c8c8c;
	background-color:white;
	padding-top:10px;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:20px;
}

menu
{
	position:relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height:70px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: ownSansationLight;
	padding-top:10px;
	color:white;
	
}

displayBox
{
	display:inline-block;
	width: calc( 100% / 3 - 30px );
	font-size:14px;
	font-family: ownSansationLight;
	color:white;
	padding:10px;
	vertical-align:top;
}

displayBox table
{
	color:white;
}

.textBoxesUpHome
{
	display:block; 
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #f0f0f0;
	overflow:hidden;
	position:relative;
}

textBoxHolder
{
	display:inline-block;
	width:23%;
	margin-left:1.5%;
	/*background-color: rgba(0, 0, 0, 0.498039);*/
	background-color:white;
	margin-bottom: 30px;
	color:dimGray;
	font-family: 'Open Sans Condensed', sans-serif;
	vertical-align:top;
	height:300px;
}

.TitluTextBoxSusHome
{
font-weight:bold;
font-size:24px;
color:dimGray;
}

.textDinTextBoxSusHome
{
height:50px;
color:dimGray;
font-size:16px;
}

imageHolder
{
	display:block;
	width:100%;
	height:150px;
	background-size: 100%;
	background-repeat:no-repeat;
}

textBoxText
{
	display:block;
	width:90%;
	padding-left:10px;
	padding-right:10px;
}

textboxservicii
{
	display:block;
	width:90%;
	margin-left:5%;
	/*background-color: rgba(0,0,0,0.5);*/
	background-color:white;
}

textBoxServicii img
{
	margin-left:20px;
	margin-top:20px;
	vertical-align:middle;
	display:inline-block;
	transition: all 300ms linear 0s;
	
}

textBoxServicii img:hover
{
	width: 110%;
	height:auto;
}

.pozaServicii
{
width:60%;
}

 .textServicii 
{
width:30%;
max-width:650px;
}

/*START Pentru mobil*/

@media only screen and (max-width: 500px)
{
	.textServicii
	{
	width:100%;!important
	}

	.pozaServicii
	{
	width:auto;!important
	}
	
}
/*ENDED Pentru mobil*/


/* -------------------------- 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; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-left: 3px;}
ul.menu ul {position:absolute; top:46px; background:#e95d3c; display:none; opacity:0; list-style:none;color:white;}
ul.menu ul li {position:relative;  width:158px; margin-top:-5px;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#e95d3c; width:158px; color:white; font-weight:none;}
ul.menu ul li a:hover {background-color: #F07B60; color:white !important;}
ul.menu ul ul {left:158px; top:-1px}
ul.menu .menulink {color:white; font-weight:bold;  width:125px; height:50px; text-align:center; line-height:35px;text-transform:uppercase;line-height:50px;}
ul.menu .menulink:hover, ul.menu .menuhover {background-color: #e95d3c; border-radius: 5px; color: #FFF;z-index:3;}
.menulink:hover,.menulinkInfo:hover {}

ul.menu li a:visited
{

}

.clicked
{
	background-color: #e95d3c;
	border-radius: 5px;
	color:white !important;
	padding:10px !important;
}

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 */

/* ============ Slider Gallery ============ */

.cadranPozaResize
{
	width:976px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	overflow:hidden;
	position:relative;
}

sageata
{
	display:inline-block;
	font-size:24px;
	vertical-align:top;
	cursor:pointer;
	color:dimGray;
}

textSlider
{
	color:white;
	margin-top:200px;
	margin-left:5%;
	position: absolute;
}

titluSlider
{
	display:block;
	background-color:black;
	color:white;
	font-family: 'Open Sans Condensed', sans-serif;
	padding:15px;
	font-size:18px;
}

contentSlider
{
	display:block;
	background-color: #ffd71b;
	color:black;
	font-family: ownSansationLight;
	padding:10px;
	font-size:14px;
	font-style: italic;
}

/* ========= Ended -  Slider Gallery ======== */

/* ============ Photo Gallery ============ */

.cadranPoza
{
	display:inline-block;
	vertical-align:top;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.74902) 0px 2px 16px 0px;
}

sageata
{
	display:inline-block;
	font-size:24px;
	vertical-align:top;
	cursor:pointer;
	color:white;
	background-color: rgba(0,0,0,0.5);
	padding:5px;
}

/* ========= Ended -  Photo Gallery ======== */

/* =========== Afisare Main Text ========== */

.mainText
{
	display:block; 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	
}

/* ======== Ended - Afisare Main Text ====== */

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

#map 
{
	width: 100%;
        height: 210px;
}

.contactSus
{
	margin-top:30px;
}

.continutContact
{
margin-top:30px;
}

.continutContactStanga
{
	width:48%;
	display:inline-block;
	font-size:14px;
	font-family: ownSansationLight;
}

.continutContactStanga table
{
	color: #eee;
}

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


.butonTrimiteMesaj
{
	width:75%;
	/*background-color: rgb(228, 55, 51);*/
	background-color: #147ad1;
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;
	color:white;
	text-align:center;
	font-size:20px;
	font-family: ownSansationLight;
	border-radius:4px;
	cursor:pointer;
	 transition: all 300ms linear 0s
}

.butonTrimiteMesaj:hover
{
	background-color: #459FED;
}

.inputNumeContact,.inputEmailContact, .inputTelefonContact, .inputCaptchaContact
{
	width:100%;
	height:32px;
	border:1px solid #CFD1CD;
	margin-top:5px;
	border-radius:5px;
	padding: 2px 6px !important;
	background-color: #C4BAC4;
	/*color: #959597;*/
	color:dimGray;
	transition: background-color 0.2 s ease-in-out;
}


.inputCaptchaContact
{
width:200px;
height:32px;
border:1px solid #CFD1CD;
margin-top:5px;
border-radius:5px;
padding: 2px 6px !important;
background-color: #C4BAC4;
/*color: #959597;*/
color:dimGray;
transition: background-color 0.2 s ease-in-out;
}


.inputNumeContact:focus,.inputEmailContact:focus, .inputTelefonContact:focus, .inputCaptchaContact:focus, .mesajContact:focus
{
	/*background-color:#e5e5e5;*/
	background-color: white;
	outline:0;
}

.mesajContact
{
	display:inline-block;
	border:1px solid #CFD1CD;
	width:100%;
	height:100px;
	margin-top:5px;
	border-radius:5px;
	padding: 2px 6px !important;
	background-color: #C4BAC4;
	/*color: #959597;*/
	color:dimGray;
}

.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;
}

.continutContactDreapta
{
	width:51%;
	display:inline-block;
	vertical-align:top;
	margin-top:2%;
}

.pozaSiButonCaptchaContact
{
	display:inline-block;
	width:200px;
}

.pozitieInputCaptchaContact
{
	display:inline-block;
	width: calc(75% - 250px);
	vertical-align:top;
	margin-top:5px;
}

.cadranCaptcha
{
	display:inline-block;
}

.altCodCaptcha
{
	display:inline-block;
	font-family: ownSansationLight;
	font-size:12px;
	padding:10px;
	vertical-align:top;
	color:white;
	text-decoration:none;
	/*background-color: rgb(228, 55, 51);*/
	background-color: #147ad1;
	margin-top:5px;
	transition: all 300ms linear 0s
}

.altCodCaptcha:hover
{
	background-color: #459FED;
}

.pozitieMesajTrimis
{
	position:absolute;
	height:100%;
	width:100%;
	background-color:rgba(51,96,57,0.7);
	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: 'raleway', sans-serif;
}

/* ========== Ended - Contact ============ */