::-webkit-input-placeholder {
   color: #B5B1B1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #B5B1B1;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #B5B1B1;  
}

:-ms-input-placeholder {  
   color: #B5B1B1;  
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;

	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Inceput Overlay Autentificare */

#formAutentificare {
	width: 400px;
	margin: 0 auto;
	background-color: rgba(0,0,0, 0.8);
	-webkit-box-shadow: 0px 0px 28px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: 0px 0px 28px 0px rgba(255,255,255,0.2);
	box-shadow: 0px 0px 28px 0px rgba(255,255,255,0.2);
	padding: 75px 10px;
	border-radius: 7px;
}

#formAutentificare input[type=button], input[type=submit], input[type=reset] {
    background-color: #FF3113;
    width: 85%;
    border: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 15px auto;
    border-radius: 4px;
    cursor: pointer;
    display: block;
}

#formAutentificare input[type=text], input[type=password] {

    width: 85%;
    border: none;
    color: #000000;
    padding: 12px 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 15px auto;
    border-radius: 4px;
    display: block;
}

.overlay {
	height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;	
}

.overlaycontent{
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
	color: #ffffff;
    margin-top: 30px;	
}




/* Sfarsit Overlay Autentificare */


/* Stiluri pentru DIV-ul principal container */

#container {
width: 100%; 
margin: 0 auto; 
padding: 0px; 
font-family: Arial, Helvetica, sans-serif; 
color: #69635B; 
background-color: #F6F6F6;
overflow: hidden;
}

#container a:link, a:visited {
	color: #ff0000;
	text-decoration: underline;
	} 
	
#container a:hover {
	color: #ff0000;
	text-decoration: none;
	} 
	
.header {
	width: 100%; 
	padding: 0; 
	margin: 0; 
	height: auto;

	overflow: hidden;
	}
	
	/* 	background-image: url('topbg.jpg'); */
	
.header h1 {
	font-size: 35px;
	color: #000000;
	text-align: center;
	margin: 15px 0px;
	}
	
#topbar {
width: 100%; 
margin: 0; 
box-shadow: 0px 0px 45px 0px #ffffff;
overflow: hidden;
background-image: url('topbginterior.jpg'); 
}

#headercontent {
max-width: 1024px; 
margin: 0 auto;
}
	
#logo {
float: left;
padding: 2px;
}

#logo img {
width: 100%; 
height: 100%; 
border-radius: 10px;
}

#login {
float: right; 
text-align: center; 
font-size: 10px; 
color: #cecece;
}

#login input[type=button], input[type=submit], input[type=reset] {
    background-color: #FF3113;
    width: 95%;
    border: none;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 4px 2px;
    border-radius: 4px;
    cursor: pointer;
}

#main {
width: 100%; 
min-height: 500px; 
height: auto; 
margin: 0 auto; 
border: 0px solid #ff0000; 
background-color: #F6F6F6;
overflow: hidden;
}

#main h1 {
padding: 15px; 
font-size: 27px; 
font-weight: bold; 
text-align: center;
}

#main h2 {
padding: 15px; 
font-size: 32px; 
font-weight: bold; 
text-align: center;
}

.benefits {
max-width: 1024px; 
margin: 0 auto; 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background-color: #ffffff;
padding: 5px; 
border-radius: 7px;
}

.descrierebeneficiu {
width: 50%; 
float: left;
}

.descrierebeneficiu h3 {
text-align: center; 
font-size: 25px; 
margin: 30px 0px;
}

.descrierebeneficiu img {
float: left; 
width: 85px; 
height: 85px;
}

/* Inceput stiluri formular inregistrare */

.inregistrareclub {
text-align: center; 
max-width: 1024px; 
margin: 20px auto; 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background-color: #ffffff;
padding-top: 15px; 
padding-bottom: 15px; 
padding-left: 0;
padding-right: 0;
border-radius: 7px;
}

.inregistrareclub input[type=password] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #D5D3D3;
    border-radius: 4px;
    margin: 0 auto;
}

.inregistrareclub input[type=text] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

.inregistrareclub input[type=button] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

/* Sfarsit stiluri formular inregistrare */
	
.bottom {
	width: 100%; 
	padding: 0; 
	margin: 0; 
	height: 750px;
	background-image: url('gymbottom.jpg');

	}
	
.bottom h2 {
	font-size: 35px;
	color: #D3EDF2;
	text-align: center;
	padding: 45px 0;
	margin: 0px 0px;
	}
	
#footer {
width: 100%; 
min-height: 100px; 
padding: 0; 
margin: 0; 
border: 0px solid #cccccc; 
background-color: #2D2D2D;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow: hidden;
}

#footer a:link {text-decoration: underline; color: #ffffff;}
#footer a:visited {text-decoration: underline; color: #ffffff;}
#footer a:hover {text-decoration: none; color: #000000;}
	
#footercontent {
max-width: 1024px; 
margin: 0 auto; 
text-align: center; 
font-size: 12px; 
color: #ffffff; 
padding: 7px;
}


#footer-left {
width: 32%;
display: inline-block;
vertical-align: top;
text-align: left;
}

#footer-left img {
vertical-align: middle;
}

#footer-centru {
width: 33%;
display: inline-block;
vertical-align: top;
text-align: left;  
}

#footer-right {
width: 32%;
display: inline-block;
font-size: 20px;
color: white;
font-weight: bold;
vertical-align: top;
}

#footer-right input[type=text] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #D5D3D3;
    border-radius: 4px;
}

#footer-right textarea {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #D5D3D3;
    border-radius: 4px;
}

#footer-right input[type=button], input[type=submit], input[type=reset] {
    background-color: #817E7E;
    width: 40%;
    border: none;
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    font-weight: bold;
    margin: 4px 2px;
    border-radius: 4px;
    cursor: pointer;
}


/* Stiluri pentru dispozitive mobile */



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

/* Inceput stiluri formular inregistrare */

.inregistrareclub input[type=password] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px auto;
    box-sizing: border-box;
    border: 2px solid #D5D3D3;
    border-radius: 4px;
    display: block;
    
}

.inregistrareclub input[type=text] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

.inregistrareclub input[type=button] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    font-size: 10px;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

/* Sfarsit stiluri formular inregistrare */

.main h1 {font-size: 23px;}

.benefits {
width: 95%;
margin: 0 auto; 
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background-color: #ffffff;
padding: 5px; 
border-radius: 7px;
}

.descrierebeneficiu {
width: 95%; 
margin: 0 auto; 
}

.descrierebeneficiu h3 {
text-align: center; 
font-size: 19px; 
margin: 33px 0px;
}

.descrierebeneficiu img {
float: left; 
width: 85px; 
height: 85px;
}

#footer-left {
width: 95%;
display: inline-block;
vertical-align: top;
text-align: left;
}

#footer-centru {
width: 95%;
display: inline-block;
vertical-align: top;
text-align: left;  
}

#footer-right {
width: 95%;
display: inline-block;
font-size: 20px;
color: white;
font-weight: bold;
vertical-align: top;
}


/* Inceput Overlay autentificare */

	#detinatorClubAut{
		width: 95%;
	}

	#abonatClubAut{
		width: 95%;
	}
	
	#email_aut{
		width: 95%;
	}
	
	#parola_aut{
		width: 95%;
	}

	#parolaUitata{
		width: 60%;
	}
	
	#autentificare{
		width: 60%;
	}
	
	#renuntAutentificare{
		width: 60%;
	}
	
	#email_uitat{
		width: 60%;
	}
	
	#uitare{
		width: 60%;
	}
	
	#formAutentificare{
		width: 90%
	}
	
	/* Sfarsit Overlay autentificare */
}


	
}


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

/* Inceput stiluri formular inregistrare */

.inregistrareclub input[type=password] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px auto;
    box-sizing: border-box;
    border: 2px solid #D5D3D3;
    border-radius: 4px;
    display: block;
}

.inregistrareclub input[type=text] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

.inregistrareclub input[type=button] {
    width: 50%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

/* Sfarsit stiluri formular inregistrare */

/* Inceput Overlay Autentificare */

	#detinatorClubAut{
		width: 80%;
	}

	#abonatClubAut{
		width: 80%;
	}
	
	#email_aut{
		width: 80%;
	}
	
	#parola_aut{
		width: 80%;
	}
	
	#parolaUitata{
		width: 40%;
	}
	
	#autentificare{
		width: 40%;
	}
	
	#renuntAutentificare{
		width: 40%;
	}
	
	#email_uitat{
		width: 40%;
	}
	
	#uitare{
		width: 40%;
	}
	
	#formAutentificare{
		width: 70%
	}
	
/* Sfarsit Overlay Autentificare */


/* Overlay Panou Control */


	#logo {
	width: 100%;
	padding: 2px;
	text-align: center;
	}
	
	#logo img {
	width: 100%; 
	max-width: 170px;
	max-height: 167px;
	height: 100%; 

}

	#login {
	width: 100%; 
	text-align: center; 
	font-size: 10px; 
	color: #cecece;
	margin: 0 auto;
	}
	
}


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

/* Inceput stiluri formular inregistrare */

.inregistrareclub input[type=password] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px auto;
    box-sizing: border-box;
    border: 2px solid #D5D3D3;
    border-radius: 4px;
    display: block;
}

.inregistrareclub input[type=text] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

.inregistrareclub input[type=button] {
    width: 95%;
    padding: 10px 10px;
    margin: 8px 0;
    box-sizing: border-box;
        border: 2px solid #cccccc;
    border-radius: 4px;
}

/* Sfarsit stiluri formular inregistrare */

/* Inceput Overlay autentificare */

	#detinatorClubAut{
		width: 95%;
	}

	#abonatClubAut{
		width: 95%;
	}
	
	#email_aut{
		width: 95%;
	}
	
	#parola_aut{
		width: 95%;
	}

	#parolaUitata{
		width: 60%;
	}
	
	#autentificare{
		width: 60%;
	}
	
	#renuntAutentificare{
		width: 60%;
	}
	
	#email_uitat{
		width: 60%;
	}
	
	#uitare{
		width: 60%;
	}
	
	#formAutentificare{
		width: 90%
	}
	
	/* Inceput Overlay autentificare */
}


	
}