@font-face {
  font-family: "SSPika";
  src: url('../fonts/ss-pika.eot');
  src: url('../fonts/ss-pika.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ss-pika.woff') format('woff'),
       url('../fonts/ss-pika.ttf')  format('truetype'),
       url('../fonts/ss-pika.svg#SSPika') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SSSocial";
  src: url('../fonts/ss-social-regular.eot');
  src: url('../fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/ss-social-regular.woff') format('woff'),
       url('../fonts/ss-social-regular.ttf') format('truetype'),
       url('../fonts/ss-social-regular.svg#SSSocialCircle') format('svg');
  font-weight: bold;
  font-style: normal;
}

body {

	font-family: "open sans";
	font-weight: 300;
	font-size: 16px;
	color: #000;

}

body.concrete {

	background-image:url('../images/background_header.png');

}

strong {

	font-weight: 600;

}

#navigation {

	background-color: #000;

	border-bottom: 5px solid #fff;

}

#navigation .nav-tabs {

	padding-top: 20px;
	padding-bottom: 0;
	margin: 0;

	background-color: #000; 

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	border: 0;

}

#navigation .nav-tabs > li {

	margin: 0;
	margin-left: 10px;

}

#navigation .nav-tabs > li > a {

	width: 140px;
	height: 30px;

	font-size: 14px;
	color: #fff;

	background-color: #000;

	text-align: center;
	text-transform: uppercase;

	padding: 0;
	padding-top: 12px;

	border: 0;

}

#navigation .nav-tabs > li > a:hover {

	color: #fff;

	background-color: #000;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	border: 0;

}

#navigation .nav-tabs > li.active > a {

	font-weight: 600;
	color: #333;

	background-color: #fff;
	background-image:url('../images/background_header2.png');

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	margin: 0;

	border: 0;

}

#navigation #logo {

	margin-top: 10px;

}

#navigation #logo a {

	color: #ffd300;

	text-decoration: none;

}

#header {

	height: 360px;

	background-color: #eeeeee;
	background-image:url('../images/background_header.png');	

	padding-top: 50px;	

	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}

#header a.entry {

	display: block;

	height: 125px;

	background-color: #fff;

	-moz-box-shadow: 2px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.12);
	box-shadow: 0px 2px rgba(0,0,0,0.12);	

	padding: 20px 20px 0 20px;
	margin: 0;
	margin-bottom: 20px;

	text-decoration: none;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

#header a.entry img {

	float: left; 
	height: 80px; 

	margin-top: 10px; 
	margin-right: 10px;
	margin-bottom: 20px

}

#header a.entry h2 {

	font-size: 20px;
	font-weight: 400;
	color: #000;

	padding: 0;
	margin: 0;
	margin-top: 5px;

}

#header a.entry p {

	font-size: 14px;
	font-weight: 200;
	color: #999;

	padding: 0;
	margin: 0;

}

#slogan {

	background-color: #fff;

	border-bottom: 1px solid #eee;

	text-align: center;

}

#slogan h1 {

	font-size: 30px;
	font-weight: 300;
	color: #333;

	text-align: center;

	padding-top: 30px;

}

#slogan p {

	color: #999;

	padding-bottom: 10px;

	line-height: 22px;

}

#slogan img {

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;

}

#slogan.top_border {

	border-top: 1px solid #eee;

}

.minislogan {

	font-size: 16px;
	font-weight: 300;
	color: #999;

	margin: 10px;

}

.minislogan span {

	float: right;

}

#categories {

	height: 500px;

	background-color: #f8f8f8;

	border-bottom: 1px solid #eee;

	padding-top: 40px;

}

#categories .box {

	height: 350px;

	background-color: #fff;

	text-align: center;

	padding: 40px;

	border: 1px solid #eee;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: 0px 1px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 1px rgba(0,0,0,0.05);	

}

#categories .box h2 {

	font-size: 30px;
	font-weight: 300;
	color: #333;

	text-align: center;

}

#categories .box p {

	color: #999;

	padding-bottom: 20px;

}

#categories .box a {

	display: block;

	width: 150px;

	color: #fff;

	text-align: center;
	text-decoration: none;

	padding: 10px 10px;
	margin: 40px auto;

	background-color: #363636;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

#categories .box a:hover {

	background-color: #000;

}

#content {

	padding-top: 20px;
	margin-bottom: 20px;

	border-top: 1px solid #ccc;

}

#content .container {

	background-color: #fff;

	-moz-box-shadow: 2px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.12);
	box-shadow: 0px 2px rgba(0,0,0,0.12);	

	margin-bottom: 20px;

}

#content .container.full-height {

	min-height: 1000px;

	background-image:url('../images/background_line33.png');
	background-repeat: repeat-y;
  background-position: top left;

}

#content .container .padding {

	padding: 5px;

}

#content .container.full-height .padding {

	padding: 20px;

}

#content .breadcrumb {

	margin: 0;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

}

#content .breadcrumb > li > a {

	color: #333;

	text-decoration: none;

}

#content ul.subnavigation {

	margin-bottom: 40px;

}

#content ul.subnavigation li a {

	display: inline-block;

	color: #000;

	margin-bottom: 10px;

	text-decoration: none;

}

#content ul.subnavigation li span {

	display: none;

	font-family: "SSPika";
	font-size: 12px;
	font-weight: normal;
	color: #ccc;

	margin-right: 5px;

}

#content ul.subnavigation li.active a {

	font-weight: 600;

}

#content ul.subnavigation li.active span {

	color: #ffd200;

}

#content h2 {

	font-size: 20px;
	font-weight: 600;

	padding: 0;
	margin: 0;
	margin-bottom: -5px;

}

#content h3 {

	font-size: 13px;
	font-weight: 500;
	color: #ccc;

	text-transform: uppercase;

	padding: 0;
	margin: 0;

}

#content h4 {

	font-size: 15px;
	font-weight: 600;

	padding: 0;
	margin: 0;
	margin-bottom: 10px;

}

#content p {

	padding: 0;
	margin: 0;
	margin-bottom: 15px;

	line-height: 22px;

}

#content p.small {

	font-size: 12px;
	color: #999;

	margin-top: -15px;
	margin-left: 10px;

}

#content ul.list, #content ol.list {

	margin-bottom: 35px;

}

#content ul.list li, #content ol.list li {

	margin-bottom: 10px;

	line-height: 22px;

}

#content img {

	max-width: 90%;

	margin-bottom: 20px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	padding: 5px;

}

#content img.extra-margin {

	margin-top: 35px;

}

.carousel {

	width: 100%;
	height: 300px;

	border: 5px solid #fff;

	background-color: #fff;

	-moz-box-shadow: 2px 2px rgba(0,0,0,0.12);
	-webkit-box-shadow: 2px 2px rgba(0,0,0,0.12);
	box-shadow: 0px 2px rgba(0,0,0,0.12);	

}

.carousel .carousel-inner {

	width: 100%;
	height: 300px;
	
}

.carousel .carousel-control {

	top: 145px;

}

/* IPAD */

@media (min-width: 768px) and (max-width: 979px) {

	.carousel {

		width: 610px;
			
	}

	.carousel .item img {

		min-height: 100%;

	}

}


/* Desktop simulating ipad */

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

	.carousel {

		width: 610px;
			
	}

	.carousel .item img {

		min-height: 100%;

	}

}