#buton-principal {
	color: #B6A544;
	text-decoration: none;
	font-family: "Arial Narrow";
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	display: block;
	padding-top: 35px;
	transition-property: background-color, padding, color;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
}
#buton-principal:hover {
	padding-top: 25px;
	padding-bottom: 18px;
	color:#000;
	background-color: #837525;
}
.buton-detalii {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #FFE373;
	text-decoration: none;
	border: 1px solid #514100;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: inline;
	float: right;
	transition-property: background-color, color, padding;
	transition-timing-function: ease-in-out;
	transition-duration: 0.4s;
}
.buton-detalii:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border: 1px solid #FFE373;
	padding-top: 2px;
	padding-right: 22px;
	padding-bottom: 2px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-color: #FFE373;
}
.buton-footer {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #FFE373;
	text-decoration: none;
	border: 1px dotted #9D7D00;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	transition-property: background-color, color, padding;
	transition-timing-function: ease-in-out;
	transition-duration: 0.4s;
	line-height: 24px;
	transition-property: padding, background-color, color;
	transition-timing-function: ease-in-out;
	transitioon-duration: 0.4s
}
.buton-footer:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border: 1px solid #FFE373;
	padding-top: 1px;
	padding-right: 25px;
	padding-bottom: 1px;
	padding-left: 5px;
	transition-property: background-color, color, padding;
	transition-timing-function: ease-in-out;
	transition-duration: 0.4s;
	line-height: 24px;
	background-color: #FFE373;
}
.buton-limba {
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
	color: #B5A343;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #000;
	
}
.buton-limba:hover {
	border: 1px solid #8A6F00;
	padding: 4px;
}
.buton-autor {
	color: #FFE373;
	text-decoration: none;
	font-family: "Arial Narrow";
	font-size: 14px;
	font-weight: bold;
}
.buton-autor:hover {
	color: #000;
	background-color: #FFE373;
}
#buton-subpagina {
	font-family: 'Oswald', sans-serif;
	color: #FFE373;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	text-shadow: 1px 2px 2px #000;
	transition-property: padding background-color color opacity;
	transition-duration: 0.6s;
	transition-timing-function: ease-in-out;
	
}
#buton-subpagina:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFCA57;
	text-shadow: 0px 0px 0px #000;
	padding-top: 80%;
	padding-bottom: 7%;
	opacity: 0.5;
	font-family: Oswald, sans-serif;
}
.link-mobil {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #FFE373;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-top: 6px;
	line-height: 26px;
	
}

@media screen and (min-width: 910px) and (max-width: 1250px) {

}
@media screen and (min-width: 300px) and (max-width: 900px) {
	#buton-subpagina {
	font-family: 'Oswald', sans-serif;
	color: #FFE373;
	text-decoration: none;
	font-size: 15px;
	text-align: center;
	display: inline;

	text-shadow: 1px 2px 2px #000;
	transition-property: padding background-color color opacity;
	transition-duration: 0.6s;
	transition-timing-function: ease-in-out;
	
}
#buton-subpagina:hover {
	color: #000;
	text-decoration: none;
	background-color: #FFCA57;
	text-shadow: 0px 0px 0px #000;
	padding-top: 80%;
	padding-bottom: 7%;
	opacity: 0.5;
}
}