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

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


html
{
background: url(imagini/piese_auto_navodari.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
 	
}


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

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

.titleIndexText
{
font-size:32px;
font-weight:bold;
}

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

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%;
	margin-top: 0px;
	margin-left: 0px;
	font-family: ownSansationLight;
	
}

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

ul.menu {list-style:none; margin:0; padding:0; display:inline-block;position:relative;z-index:3; font-family:"Source Sans Pro", Helvetica, sans-serif;}
ul.menu * {margin:0px; padding:0;z-index:3;position:relative;}
ul.menu a {display:inline-block; text-decoration:none;z-index:3;position:relative;}
ul.menu li {position:relative; float:left; margin-left: 3px;position:relative; z-index:3;}
ul.menu ul {position:absolute; top:46px; background:#e95d3c; display:none; opacity:0; list-style:none;z-index:3;}
ul.menu ul li {position:relative;  width:158px; margin-top:-5px;z-index:3;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#e95d3c; width:158px; color:#333; font-weight:none;z-index:3;position:relative;}
ul.menu ul li a:hover {background-color: #F07B60;z-index:3;position:relative;}
ul.menu ul ul {left:158px; top:-1px;z-index:3;position:relative;}
ul.menu .menulink {color:#333; font-weight:bold;  width:150px; height:50px; text-align:center; line-height:35px;text-transform:uppercase;line-height:50px;z-index:3;position:relative;}
ul.menu .menulink:hover, ul.menu .menuhover {z-index:3;position:relative;background-color: #e95d3c; border-radius: 5px;}
.menulink:hover,.menulinkInfo:hover {}

ul.menu li a:visited
{

}
	

/* Roll Down Menu CSS 2 */



.clicked
{
background-color: #e95d3c;
border-radius: 5px;
color:white;!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: calc(100% - 4rem);
	max-width: 72rem;
        height: 210px;
	margin-left:auto;
	margin-right:auto;
}

.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:150px;
	/*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;
	font-weight:bold;
}

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

.inputNumeContact,.inputEmailContact
{
	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:100px;!important
	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;
	/*color: #959597;*/
	color:dimGray;
	border: solid 2px;
}

.notificareForm,.notificareFormMesajContact
{
	position: absolute;
}

.notificareFormCheckbox
{
position: absolute;
}


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

.mesajNotificare,.mesajNotificareEmail, .mesajNotificareTelefon, .mesajNotificareCaptchaContact, .mesajNotificareCheckbox
{
	background-color: #CFD1CD;
	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:auto;
	position:relative;
	background-color:white;
	border-radius: 5px;
	text-align:center;
	margin-top:200px;
	border:1px solid #336039;
	font-family: ownSansationLight;
	font-size:16px;
	padding:15px;
}

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

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

/*pentru mobil*/

#intro
{
background-color:rgba(0,0,0,0.4);
}

@media only screen and (max-width: 500px)
{

	#wrapper > .bg
	{
	background-image: url("imagini/tratari_auto_bucuresti_non-stop.jpg"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/bg.jpg") !important;
	background-size:cover !important;
	}	

	#intro
	{
	background-color:rgba(0,0,0,0.4) !important;
	}

}

errorCaptcha
{
font-size:21px;
color:red;
font-weight:bold;
font-family: ownSansationLight;
height:28px;
margin-top:10px;
display:block;
}



.consentCheckbox
{
margin-bottom:10px;
margin-top:20px;
color: dimGray;
}

#copyright a, #copyright 
{
margin-bottom:20px !important;
font-size:17px !important;
}

.informatii
{
font-size:18px;
}

.politicaConfidentialitate
{
margin-top:40px;
margin-left:100px;
color:#8bbf37;
font-weight:bold;
}

.politicaConfidentialitate a
{
color:#8bbf37;
font-weight:bold;
}


/*Galerie - sa se faca poza mare*/

#expandedImg:hover
{
cursor:pointer;
}

 /* The Modal (background) */
.modalPic {
    display: none; /* Hidden by default */
    left: 0;
    margin-top: -400px;
    width: 700px; /* Full width */
    height: 700px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    position:fixed;
    z-index:11;
}

/* Modal Content/Box */
.modal-contentPic {
    background-color: #fefefe;
    border: 1px solid #888;
    width: 1000px; /* Could be more or less, depending on screen size */
    max-height:700px;
    position: fixed; 	
    display:block;
    padding:5px;
    left: 50%;
    top: 10%;
    margin-top: -350px; /* Negative half of height. */
    margin-left: -500px; /* Negative half of width. */	
    z-index:1100;
}

/* The Close Button */
.closePic {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closePic:hover,
.closePic:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 



/* ============= 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:10%;
	top: 25%;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	font-size: 12px;
	font-family: ownSansationLight;
	text-align: center;
	overflow: hidden;
	padding-bottom: 15px;
}

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

.panelAvertizari closeButton
{
	display:inline-block; 
	float:right;
	cursor:pointer;
	font-size:20px;
	line-height:1.5em;
}

.panelAvertizari sageata
{
	display:inline-block;
	font-size:24px;
	margin-top:15%;
	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 ============= */