@font-face {
    font-family: 'ownRabelo';
    src: url('fonts/Rabelo Regular.ttf');
}

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


body {
	background-image: url(imagini/carWash.jpg);
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	/*
 	-webkit-background-size: cover;
    	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

header {
	position: relative;
	display: block;
	margin-top:0px;
	width: 100%;
	height: 25%;
	background-color: rgba(0, 0, 0, 0.498039);
}

footer
{
	display:block;
	background-color: #111;
	color:white;
	padding:15px;
}

copywrite
{
	display:block;
	padding:20px;
	font-size:14px;
	font-family: ownSansationLight;
	color: #fafafa;
	margin-bottom: 20px;
}

holdercentral
{
	display: block;
	width: 90%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}

.logo 
{
	display: inline-block;
	color: white;
	text-align: center;
	font-family: 'Oswald' , sans-serif;
	font-size: 24px;
	padding:15px;
	max-width:25%;
	vertical-align:top;
}

title
{
	display: inline-block;
}

titluPagina
{
	display:block;
	font-family: Oswald, sans-serif;
	font-size: 24px;
	color:white;
	padding:20px;
}

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

menu
{
	position:relative;
	display: inline-block;
	vertical-align: top;
	color: white;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Oswald, sans-serif;
	padding: 15px;
}

displayBox
{
	display:inline-block;
	width:300px;
	font-size:12px;
	font-family: Roboto, sans-serif;
	color:white;
	padding:5px;
	min-height:50px;
	overflow:hidden;
	vertical-align:top;
}

displayBoxTitle
{
	display:block;
	font-size: 18px;
	font-family: Oswald, sans-serif;
}

displayBox table
{
	color:white;
}

centralZone
{
	display:block; 
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	box-shadow: rgba(0, 0, 0, 0.74902) 0px 2px 16px 0px;
	background-color: rgba(0, 0, 0, 0.7);
	overflow:hidden;
}

halfCentralZone
{
	display:inline-block; 
	width:100%;
	margin-left:auto; 
	margin-right:auto;
	background-color:#f0f0f0;
}

contentHolder
{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	margin-top:-40px;
	margin-bottom: 20px;
}

textBoxHolder
{
	display:inline-block;
	width:31%;
	margin-left:1.5%;
	margin-top:25px;
	margin-bottom: 25px;
	color:gray;
	-webkit-font-smoothing: antialiased;
	font-family: ownSansationLight;
	vertical-align:top;
}

mainTextDisplay
{
	display:block;
	width: 90%;
	margin-left:auto; 
	margin-right:auto;
	margin-top: 30px;
	padding:15px;
	font-size:18px;
}

titleMainText
{
	display:block;
	margin-bottom: 15px;
	font-size:36px;
	color:#111;
	font-family: Oswald, sans-serif;
}

mainText
{
	display:block;
	width:70%;
	font-family: ownSansationLight;
	color: dimGray;
}

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

titleTextBox
{
	display:block;
	color:black;
	font-family: Oswald, sans-serif;
}

textBoxText
{
	display:block;
	margin-top:15px;
	width:100%;
	padding:10px;
	font-family: ownSansationLight;
}

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

imgLabel
{
	display:inline-block;
	background-color: #ffd71b; 
	padding:10px; 
	width: 200px; 
	margin-right:auto; 
	margin-left:auto;
	margin-top:-15px;
	font-family: Oswald, sans-serif;
}

/* -------------------------- 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;}
ul.menu ul {position:absolute; top:46px; background:#cc8400; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative;  width:158px; margin-top:-5px; color: white;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#cc8400; width:144px; color:white; font-weight:none;}
ul.menu ul li a:hover {background-color:#FFA500; color: white;}
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 {color: #FFA500;}
.menulink:hover,.menulinkInfo:hover {}
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;
	border-top:16px solid rgba(255,255,255,0.2);
}

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

textSlider
{
	color:black;
	height:100%;
	max-width:20%;
	margin-left:5%;
	position: absolute;
	background-color:rgba(33,125,156, 0.6);
	cursor:default;
}

textSlider:hover
{
	background-color:rgba(13,89,115, 0.7);
	color:white;
}

titluSlider
{
	display:block;
	color:white;
	font-family: Oswald, sans-serif;
	padding:15px;
	font-size:18px;
	vertical-align:middle;
}

contentSlider
{
	display:block;
	/*background-color: #ffd71b;*/
	font-family: ownSansationLight;
	padding:10px;
	font-size:14px;
	font-style: italic;
	position:static;
	vertical-align:middle;
}

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

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

.cadranPoza
{
	width:740px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
	margin:10px;
}

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

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

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

.contactSus
{
	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:gray;
}


.butonTrimiteMesaj
{
	width:75%;
	background-color: #ffd71b;
	height:40px;
	line-height:40px;
	display:block;
	text-decoration:none;
	color:#111;
	text-align:center;
	font-size:20px;
	font-family: ownSansationLight;
	border-radius:4px;
	cursor:pointer;
}

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

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

.mesajContact
{
	display:inline-block;
	width:75%;
	height:100px;
	margin-top:5px;
	border-radius:5px;
	padding: 2px 6px !important;
	border: 2px 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;
}

.continutContactDreapta
{
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin-left:2%;
	margin-top:2%;
	font-size:14px;
	font-family: ownSansationLight;
}

.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: #B3B5B5;
	margin-top:5px;
	font-weight:bold;
}

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