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

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

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


.logoSiMeniu
{
	min-width:800px;
	width:100%;
	height:60px;
	line-height:60px;
	position:fixed;
	background-color:white;
	z-index: 3;
}

.textLogo
{
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	color:white;
	background-color:#459fed;
	margin-top:25px;
	box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.25);
	padding:25px;
	line-height:16px;
}

.logo
{
	font-size:20px;
	height:40px;
	font-family: 'raleway', sans-serif;
	color:dimgray;
	display:inline-block;
	margin-left:5px;
}

.meniu
{
	display:inline-block;
	float:right;
	margin-right:15px;
}

.meniu a
{
	font-size:15px;
	height:58px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	font-family: 'raleway', sans-serif;
	color:#459fed;
	text-decoration:none;
	text-align:center;
	border-bottom:2px solid white;
	transition:color 0.25s ease;
}

.meniu a:hover
{
	background-color: #459fed;
	color:white;
	transition: color 0.25s ease;
	border-bottom: 2px solid #459fed;
}

.meniu a:active,.meniu a:focus
{
	border-bottom:2px solid white;
	font-family: 'ralewayBold',sans-serif;
	background-color: #459fed;
	color:white;
}

.paginaTipAcasa
{
	display:block;
	background-image:url("imagini/plumbing.jpg");
	width:100%;
	height:100%;
	z-index: -1;
	min-width: 800px;
}

.paginaTipServicii
{
	position:relative;
	background-image:url("imagini/old.jpg");
	width:100%;
	height:100%;
	z-index: -1;
	min-width: 800px;
}

.paginaTipGalerie
{
	position:relative;
	background-image:url("imagini/plumbing3.jpg");
	width:100%;
	height:100%;
	z-index: -1;
	min-width: 800px;
	
}

pageTitle
{
	display:block; 
	padding:15px;
	margin-top:40px;
	color: white;
	font-family: Arial;
	font-size:70px;
	background-color: rgba(0,0,0,0.5);
}

pageTextBox
{
	display:block; 
	margin-top:15px;
	padding:15px;
	background-color: rgba(0,0,0,0.5);
	color: white;
	font-family: ownSansationLight;
}

holderTextDreapta
{
	font-family:ownAnke;
	font-size:24px;
	color:white;
}

.continutServicii
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	padding-top:10px;	
}

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

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

.textGalerie
{
	display:inline-block;
	width:30%;
	padding:10px;
	margin-top:30px;
}



.cadranPozaResize
{
	width:700px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

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



::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.textBoxServicii
{
	display:inline-block;
	width:25%;
	height:auto;
	background-color:white;
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
	color:white;
	font-family: ownSansationLight;
	padding:15px;
	background-color: rgba(0,0,0,0.7);
	box-shadow: 3px 3px 1px 0px rgba(0,0,0,0.25);
	border-left:5px solid #8ac239;
	margin-top: 20px;
}

.titluTextBoxServicii
{
font-size:20px;
text-align:center;
}

.descriereTextBoxServicii
{
	padding-top:5px;
	height:auto;
}

.paginaTipContact
{
	position:relative;
	width:95%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}

.contactSus
{
margin-top:30px;
}

.titluPaginaContact
{
color:#336039;
display:inline-block;
font-family: 'ralewayBold', sans-serif;
font-size:34px;
width:170px;
}

.linieGriSusContact
{
width:100%;
height:1px;
}

.continutContact
{
margin-top:30px;
}

.continutContactStanga
{
width:48%;
display:inline-block;
}

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


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

.inputNumeContact,.inputEmailContact, .inputCaptchaContact
{
	width:75%;
	height:22px;
	border:1px solid #CFD1CD;
	margin-top:5px;
	border-radius:5px;
}

.mesajContact
{
	display:inline-block;
	border:1px solid #CFD1CD;
	width:74%;
	height:100px;
	margin-top:5px;
	border-radius:5px;
}

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

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

.mesajNotificare,.mesajNotificareEmail,.mesajNotificareCaptchaContact
{
background-color: #CFD1CD;
height: 20px;
line-height:20px;
width: auto;
padding: 4px;
font-family: 'raleway', sans-serif;
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: #459fed;
	margin-top:5px;
}

.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-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align:center;
	margin-top:200px;
	border:1px solid #336039;
}

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

.pozitieTextContact
{
margin-top:20px;
font-family: 'raleway', sans-serif;
color: dimGray;
font-size:14px;
}