/* clear */
ul { padding: 0; }
h1, h2, h3, h4, h5, h6, #header-menu { font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; }

.container { max-width: 900px; }
.mobilemenu { display: none; }

header { background: url('../images/background-header.png'); border-top: 16px solid #343434; padding-bottom: 25px; }
header h1 { color: #ffffff; font-size: 24px; font-weight: bolder; margin-bottom: 15px; text-transform: uppercase; }
header h2 { color: #929292; font-size: 20px; font-weight: bolder; }

#header-logo { min-height: 100px; }
#header-logo img { padding: 15px 0; }

#header-image img { width: 100%; display: none; }
#header-image img.active { display: block; }

#header-menu { position: relative; z-index: 100; margin: -80px 0 30px 0; font-size: 0; }
#header-menu li { display: inline-table; background-color: #ef3b2d; border-right: 1px solid #fb948d; }
#header-menu li:last-child { border: 0; }
#header-menu li a { display: block; height: 90px; padding: 25px 25px 0 25px; background-color: #ef3b2d; vertical-align: middle; font-size: 14px; color: #ffffff; text-transform: uppercase; }
#header-menu li a.active { background-color: #5b7198; }

#header-homebox { margin: 25px 0 0 0; padding: 0; list-style-type: none; }
#header-homebox div.box { text-transform: uppercase; margin-bottom: 10px; }
#header-homebox div.box img { max-width: 100%; }
#header-homebox div.box h3 { padding: 10px 0; font-size: 22px; }
#header-homebox div.box h3 a { color: #ffffff; }
#header-homebox div.box h3 a span { font-size: 18px; }
#header-homebox div.box-red { background-color: #ef3b2d; }
#header-homebox div.box-blue { background-color: #5b7198; }
#header-homebox p { width: 90%; margin: auto; color: #aeadab; font-size: 13px; }


#content { background: url('../images/background-content.png'); padding: 25px 0; color: #454545; }
#content h2 { padding-bottom: 20px; font-weight: bolder; font-size: 22px; }
#content h3 { padding: 10px 0 20px 0; font-weight: bolder; font-size: 18px; }
#content p, #content ul { padding-bottom: 10px; }


#category { margin: 25px 0 0 0; padding: 0; list-style-type: none; }
#category div.box { margin-bottom: 25px; }
#category div.box img { max-width: 100%; }
#category div.box a { display: block; min-height: 65px; padding: 10px; line-height: 20px; font-size: 13px; color: #ffffff; text-align: center; }
#category div.box-red { background-color: #ef3b2d; }
#category div.box-blue { background-color: #5b7198; }


#gallery li { list-style: none; text-align: center; margin-bottom: 25px; }
#gallery li img { max-width: 98%; }

#contact a { color: #ef3b2d; }
#contact div.maps { float: right; width: 90%; height: 250px; }
#contact span.col-first { float: left; position: relative; width: 25%; }
#contact span.col-second { }

#form-success p { color: #cc0000; font-weight: bolder; }
#contactform input[type="text"] { display: inline; width: 31%; padding: 10px 15px; margin: 1%; }
#contactform input[type="submit"] { background-color: #ef3b2d; padding: 15px 25px; border: 0; margin: 15px 1.5% 15px 0; font-size: 14px; color: #fff; text-transform: uppercase; } 
#contactform input[type="submit"]:hover { text-decoration: underline; }
#contactform textarea { width: 97.5%; padding: 10px 15px; margin: 1%; }

footer div.address { background: url('../images/background-footer-address.png'); min-height: 120px; }
footer div.address div.col-text { padding-top: 40px; color: #717171; }
footer div.address div.col-img img { margin: 0 auto; height: 75px; padding-top: 45px; }
footer div.copyright { background: url('../images/background-footer-copyright.png'); min-height: 85px; padding-top: 20px; font-size: 12px; }
footer div.copyright ul { float: left; list-style-type: none; }
footer div.copyright ul li { display: inline-block; }
footer div.copyright a { color: #555555; text-transform: uppercase; }
footer div.copyright a.copy { color: #ffffff; }

a.backlink { color: #ef3b2d; }
.scrollTop { 
	font-weight: bold;
	color: #ef3b2d;
	position: fixed;
	bottom: 100px;
	right: 50px;
	display: none;
	cursor: pointer;
	font-size: 40px;
}

@media screen and (max-width:670px) {
	
	.mobilemenu { display: block; margin-bottom: 20px; padding: 15px 0; text-align: center; background-color: #ef3b2d; border-bottom: 1px solid #fb948d; }
	.mobilemenu a { width: 250px; padding: 5px 15px; color: #ffffff; }

	#header-logo img { max-width: 95%}
	
	#header-menu { width: 100%; display: none; margin: -20px 0 15px 0; text-align: center; }
	#header-menu li { width: 100%; display: block; border-right: 0; border-bottom: 1px solid #fb948d; }
	#header-menu li a { display: block; height: auto; padding: 15px 0; }

	#contact div.maps { width: 100%; }
	#contact div.col-md-4 { padding-left: 50px; }
	
	footer div.address { padding-bottom: 25px; text-align: center; }
	footer div.copyright ul li { display: none; }
	footer div.copyright div.text-right { text-align: center; }

	.scrollTop { display: none; }
}

@media screen and (min-width:600px) and (max-width:780px) {
	
	#header-menu li a { padding: 25px 15px 0 15px; }

	#contact div.maps { width: 100%; }
	#contact div.col-md-4 { float: left; width: 45%; margin-left: 5%; }
	
	footer div.address { padding-bottom: 25px; text-align: center; }
	footer div.copyright ul { width: 100%; float: none; margin: 0 auto; text-align: center; margin-bottom: 20px; }
	footer div.copyright div.text-right { float: left; width: 100%; text-align: center; }
}