@charset "utf-8";
/* CSS Document */


#fondofooter {
	background: -webkit-linear-gradient(#A84300, #FF6600, #FF6600); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#A84300, #FF6600, #FF6600); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#A84300, #FF6600, #FF6600); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#A84300, #FF6600, #FF6600); /* Standard syntax */
	background-position: center center;
	border-top-width: 2px;
	border-top-color: #000000;
	position: relative;
	bottom: 0px;
	z-index: 10;
	text-align: center;
	width: 100%;
	font-family: 'folkslightregular';
	font-size: 1.1em;
	height: auto;
	padding-bottom: 30px;
	padding-top: 30px;
	bottom: 0px;
	color: #000000;
	border-top-style: dashed;
	-webkit-box-shadow: inset 0px 6px 8px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 6px 8px 0px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0px 6px 8px 0px rgba(0, 0, 0, 0.75);
	line-height: 20px;
	float: center;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;

}

#fondofooter a{
	color: #000000;
	text-shadow: 0.0em 0.05em 0.0em #FF6600;
	font-weight: bold;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

#fondofooter a:hover{
	color: #FFFFFF;
	text-shadow: 0.0em 0.1em 0.0em #1F1F1F;
	letter-spacing: 0.025em;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
#menubar {
	background-color: #222222;
	background-position: center center;
	position: fixed;
	bottom: 0px;
	z-index: 20;
	text-align: center;
	width: auto;
	font-family: 'goodtimesrgregular';
	font-size: 1em;
	line-height: 2em;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow:  0px -8px 10px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px -8px 10px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px -8px 10px 0px rgba(0, 0, 0, 0.8);
	left: 0px;
	right: 0px;
	overflow: hidden;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

#menubar  a {
	color: white;
	text-transform: uppercase;
	margin: 0;
	padding-right: 4vw;
	padding-left: 4vw;
	padding-bottom: 10px;
	padding-top: 10px;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
#menubar  a:hover {
	color: #FF6600;
	text-shadow: 0.0em 0.2em 0.0em #1F1F1F;
	letter-spacing: 0.025em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	background-color: #000000;
	background-position: 0;
}

#footerover {
	background-color: #000000;
	background-position: center center;
	border-top-width: 2px;
	border-top-color: #FF6600;
	border-top-style: dashed;
	position: relative;
	bottom: 0px;
	z-index: 40;
	text-align: center;
	width: auto;
	font-family: 'goodtimesrgregular';
	font-size: 1em;
	line-height: 2em;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-box-shadow:  0px -6px 8px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px -6px 8px 0px rgba(0, 0, 0, 0.8);
	box-shadow:  0px -6px 8px 0px rgba(0, 0, 0, 0.8);
	left: 0px;
	right: 0px;
	overflow: hidden;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;

}
#footerover a {
	color: #FF6600;
	text-transform: uppercase;
	margin: 0;
	padding-right: 4vw;
	padding-left: 4vw;
	padding-bottom: 10px;
	padding-top: 10px;
	letter-spacing: 0em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
#footerover a:hover {
	color: #FFFFFF;
	background-color: #222222;
	text-shadow: 0.0em 0.2em 0.0em #1F1F1F;
	letter-spacing: 0.025em;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

@media (max-width: 1024px) {
    #footerover {
	font-size: 0.7em;
	line-height: 3em;
	padding-right: 1vw;
	padding-left: 1vw;
	padding-bottom: 5px;
	padding-top: 5px;
    }
	#menubar{
	font-size: 0.7em;
	line-height: 3em;
	padding-right: 1vw;
	padding-left: 1vw;
	padding-bottom: 5px;
	padding-top: 5px;
    }
}



@media (max-width: 600px) {
    #footerover {
	font-size: 0.65em;
	line-height: 3em;
	padding-right: 1vw;
	padding-left: 1vw;
	padding-bottom: 4px;
	padding-top: 4px;
    }
	#menubar{
	font-size: 0.65em;
	line-height: 3em;
	padding-right: 1vw;
	padding-left: 1vw;
	padding-bottom: 4px;
	padding-top: 4px;
    }
}
