SUBPAGINI{
}
.top-banda-frame-content {
	width: 70%;
	height: 70px;

	margin-left:auto;
	margin-right:auto;
		display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
}
.cadru-buton-subpagina {
	
	height: 35px;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 32px;
	padding-bottom: 0px;
	float: left;
	padding-left: 22px;
	padding-right: 22px;
	
}
.container-logo {
	width: 205px;
	height: 145px;
	display:block;
	float:left;
	
}
.logo {
	width: 205px;
	height: 145px;
	display:block;
	float:left;
	
}
.top-banda-subpagina {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/banda-transversala.png);
	background-repeat: repeat;
	background-position: center top;
	height: 70px;
	width: 100%;
}
.footer-subpagina {
	text-decoration: none;
	height: 150px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -120px;
	left: 0px;
	right: 0px;
}
.footer-subpagina-contact {
	text-decoration: none;
	height: 150px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -120px;
	left: 0px;
	right: 0px;
}
SUBPAGINI-finish {
}

.top-banda {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/banda-transversala.png);
	background-repeat: repeat;
	background-position: center top;
	height: 70px;
	width: 100%;
}
.audio {
	height: auto;
	width: 99%;
}



.top-logo {
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;
	display: block;
	width: 205px;
	height: 144px;
	
}
.frame-butoane {
	text-decoration: none;
	height: 70px;
	width: 100%;

	position: absolute;
	top: 190px;
	
}
.container-butoane {
	text-decoration: none;
	width: 55%;
	height: 66px;
	display: block;
	margin-left: auto;
	margin-right:auto;
	display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
}
.buton {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/fundal-buton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	
	width: 190px;
	height: 64px;
	-webkit-box-shadow: 0 11px 24px  -4px black;
	-moz-box-shadow: 0 11px 24px  -4px black;
	box-shadow: 0 11px 24px  -4px black;
	margin-left: 2%;
	margin-right: 2%;
	
	
}
.footer {
	text-decoration: none;
	height: 160px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -100px;
	left: 0px;
	right: 0px;
}
.container-principal-footer {
	width: 70%;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
	
}
.container-contact {
	text-decoration: none;
	width: 30%;
	height: 140px;
	background-attachment: scroll;
	background-image: url(../design/contact-icons.png);
	background-repeat: no-repeat;
	background-position: left 34px;
	max-width: 280px;
	float:left;
	display: block;
	margin-right: 16px;
	
}
.container-butoane-footer {
	text-decoration: none;
	width: 30%;
	height: 140px;
	background-position: left 34px;
	max-width: 280px;
	float:left;
	display: block;
	margin-left: 16px;
	padding-top: 4px;
}
#delimitator-footer {
	margin-top: 10px;
}
.container-autor-footer {
	text-decoration: none;
	width: 30%;
	height: 140px;
	background-position: left 34px;
	max-width: 280px;
	float:left;
	display: block;
	margin-left: 16px;
	padding-top: 4px;
}
@media screen and (min-width: 910px) and (max-width: 1250px) {
	.cadru-buton-subpagina {
	
	height: 35px;
	display: block;
	margin-left: 1px;
	margin-right: 1px;
	padding-top: 32px;
	padding-bottom: 0px;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	
}
	.top-banda-frame-content {
	width: 99%;
	height: 70px;

	margin-left:auto;
	margin-right:auto;
		display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
}
	.container-butoane {
	text-decoration: none;
	width: 90%;
	height: 66px;
	display: block;
	margin-left: auto;
	margin-right:auto;
	display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
}
.buton {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/fundal-buton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	
	width: 190px;
	height: 64px;
	-webkit-box-shadow: 0 11px 24px  -4px black;
	-moz-box-shadow: 0 11px 24px  -4px black;
	box-shadow: 0 11px 24px  -4px black;
	margin-left: 5px;
	margin-right: 5px;
	
	
}
.container-principal-footer {
	width: 90%;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
	
}
.footer-subpagina-contact {
	text-decoration: none;
	height: 150px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -100px;
	left: 0px;
	right: 0px;
	display: none;
}
}
@media screen and (min-width: 300px) and (max-width: 900px) {
	.footer-subpagina-contact {
		display: none;
	}
	.top-banda-frame-content {
	width: 100%;
	height: 70px;

	margin-left:auto;
	margin-right:auto;
		display: flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: center; /* switched from default (flex-start, see below) */
}
	.cadru-buton-subpagina {
	
	height: 15px;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	float: left;
	padding-left: 1px;
	padding-right: 1px;
	display: none;
	
}
	.container-butoane {
	text-decoration: none;
	width: 99%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right:auto;
	
}
.frame-butoane {
	text-decoration: none;
	height: 70px;
	width: 100%;

	position: absolute;
	top: 160px;
	
}
.top-logo {
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;
	display: block;
	width: 150px;
	height: 100px;
	
}
.buton {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/fundal-buton.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
	
	width: 190px;
	height: 64px;
	-webkit-box-shadow: 0 11px 24px  -4px black;
	-moz-box-shadow: 0 11px 24px  -4px black;
	box-shadow: 0 11px 24px  -4px black;
	margin-left: auto;
	margin-right: auto;
	
	
}
.container-principal-footer {
	width: 100%;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: block;

	
}
.container-contact {
	text-decoration: none;
	width: 99%;
	height: 140px;
	background-attachment: scroll;
	background-image: url(../design/contact-icons.png);
	background-repeat: no-repeat;
	background-position: left 34px;
	display: block;
	margin-left:24px;
	margin-right:24px;
	
	
}
.container-butoane-footer {
	display: none;
}
.container-autor-footer {
	text-decoration: none;
	width: 99%;
	height: 140px;

	display: block;
	padding-top: 4px;
	margin-left:24px;
	margin-right:24px;
	
}
.footer {
	text-decoration: none;
	height: auto;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	position: absolute;
	bottom: 0px;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -250px;
}
.top-banda-subpagina {
	text-decoration: none;
	background-attachment: scroll;
	background-image: url(../design/banda-transversala.png);
	background-repeat: repeat;
	background-position: center top;
	height: 70px;
	width: 100%;
}
.top-banda-frame-content {
	width: 100%;
	height: 120px;

	margin-left:auto;
	margin-right:auto;
		display: block;
}
.footer-subpagina {
	text-decoration: none;
	height: 280px;
	width: 100%;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	background-image: url(../design/background-footer.png);
	position: absolute;
	bottom: -400px;
	left: 0px;
	right: 0px;
}
.container-logo {
	width: 105px;
	height: 75px;
	display:block;
	float: none;
	margin-left:auto;
	margin-right:auto;
	
}
.logo {
	width: 105px;
	height: 75px;
	display:block;
	float:left;
	
}

}