@charset "utf-8";
/* CSS Document for Joomla 3 styles */

/* ===========================
	FONT STYLES
	========================== */
body {
	font-family: Raleway, Verdana, Arial, sans-serif;
	padding-top: 0px;
	padding-bottom: 40px;
	background:#222;

}

.container{
	background: #090909;
	padding: 0px 10px;
	box-shadow: 0 0 12px 1px #000;

}

.container-content{
	background:transparent url(../images/cbg.png) no-repeat top center;
}

.well{
	background: transparent;
	color: #999;
	border: 0px;
}

.well h3{
	font-size: 26px;
	line-height: 30px;
	border-bottom: 1px solid #111;
}

#language{
	text-align: right;
	height: 20px;
	margin-bottom: -20px;
}

#language img{
	padding: 0 0 0 5px;
}

#language a{
	opacity: 0.5;
}

#language a:hover{
	opacity: 1;
}

.header{
	background: #090909 url(../images/hbg.jpg) no-repeat center top;
}

.navbar-inverse .brand{
padding: 2px 12px;
}

.pos0{
	height: 170px;
}

.pos4{
margin-top:0px;
margin-left: -10px;
margin-right: -10px;
border-top: 1px solid #222;
}

.blog{
	color: #999;
	padding-bottom: 20px;
}

.footer .container{
	background: url(../images/bg40.png) repeat;
	padding: 0px 10px;
	box-shadow: inset 0 0 3px -1px #000;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.footer a{
	color: #666;
}

#back-top{
line-height: 35px;
}

.blog .page-blog-header{
	margin: 0 -10px 10px -10px;
	background: #000;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
	padding: 1px 10px;
	color: #aaa;
}

.blog .page-header{
	border-bottom: 1px solid #111;
	color: #aaa;
	padding-bottom: 0px;
	padding-top: 10px;
}

#event{
	padding: 0px 30px 10px 30px;
	font-size: 14px;
}

#event .description{
	border-bottom: 1px solid #111;
	color: #aaa;
	padding-bottom: 10px;
	padding-top: 10px;
}

#event p{
	color: #999
}

.eventgallery-tiles-list h2{
	color: #aaa;
}

.eventgallery-tiles-list p{
	color: #aaa;
}

.eventgallery-tiles-list .wrapper{
	opacity: 0.7;
	background: transparent url(../images/bg80.png) repeat;
}
	
.eventgallery-tiles-list .wrapper:hover{
	opacity: 1;
	transition: opacity .5s ease-in-out;
	color: #000;
}

.eventgallery-tiles-list .wrapper:hover h2{
	color: #fff;
	transition: color .5s ease-in-out;
}

.eventgallery-tiles-list .wrapper:hover p{
	color: #fff;
	transition: color .5s ease-in-out;
}

.items-leading{
	padding: 0px 30px 10px 30px;
	font-size: 14px;
}


@media (max-width: 368px) {
	.items-leading{
		padding: 5px 10px;
		font-size: 12px;
	}
}

.homecontainer{
}

.homebox{
	background: url(../images/bg40.png) repeat;
}

.navbar{
	margin-bottom: 0px;
}

.section_title{
	margin: 0 -10px 0 -10px;
	background: #000 /*url(../images/ledstrip2.png) repeat-x top*/;
	border-bottom: 1px solid #222;
	border-top: 1px solid #222;
	padding: 1px 12px;
	color: #aaa;
	font-size: 28px;
    line-height: 32px;
	font-weight: 300;
}

.section_title p{
	margin: 10px 0;
}

.navbar-welight .navbar-inner{
	margin-left: -10px;
	margin-right: -10px;
	border-radius: 0;
	border: 0px solid #000;
	padding: 5px 20px;
	background: #000 /*url(../images/ledstrip.png) repeat-x bottom*/;
	border-top: 1px solid #222;
	font-size: 19px;
	line-height: 19px;
	font-weight: 400;
	/*background:#0e0e0e;
	border-top: 1px solid #090909;
	
	box-shadow: 0 0 6px -2px #222;*/
	/*background-image:-moz-linear-gradient(top,#000,#090909);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#090909));
	background-image:-webkit-linear-gradient(top,#000,#090909);
	background-image:-o-linear-gradient(top,#000,#090909);
	background-image:linear-gradient(to bottom,#000,#090909);
	background-repeat:repeat-x;border-color:#252525;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000',endColorstr='#ff090909',GradientType=0)*/
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{
background-color: transparent;
}

.nav-tabs > li > a, .nav-pills > li > a{
line-height: 20px;
}

.sociallink {padding: 2px 10px !important; margin: 0px !important; }

.item-117 .sociallink img:hover{
	background: transparent url(../images/facebook_h.png) no-repeat;
	transition: all 0.5s ease-in-out 0.5s; 
}

.item-118 .sociallink img:hover{
	background: transparent url(../images/pinterest_h.png) no-repeat;
	transition: all 0s ease-in-out 0s; 
}

.brand img:hover{
	background: transparent url(../images/moto_h.png) no-repeat;
	transition: all 0s ease-in-out 0s; 
}

.rep_box{
padding: 30px;
}

.rep_logo{
border-bottom: 1px solid #111
}

.rep_desc{
	padding: 10px 30px;
}

.rep_desc a{
	padding-left: 20px;
}

.rep_catalog{
	color:#bbb;
	background: transparent url(../images/filebg.png) no-repeat top left;
	transition: all .5s ease-in-out;
}

.rep_catalog:hover{
	color:#fff;
	transition: all .5s ease-in-out;
	text-decoration: none;
	background: transparent url(../images/filebg_h.png) no-repeat top left;
}

.rep_site{
	color:#bbb;
	background: transparent url(../images/urlbg.png) no-repeat top left;
	transition: all .5s ease-in-out;
}

.rep_site:hover{
	color:#fff;
	transition: all .5s ease-in-out;
	text-decoration: none;
	background: transparent url(../images/urlbg_h.png) no-repeat top left;
}

#news_mod h3{
	font-size: 20px;
	line-height: 24px;
}

#news_mod p{
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
}

#news_mod .date{
	font-size: 10px;
	line-height: 12px;

}

#news_mod a{
	color: #ccc;
}

#news_mod a:hover{
	color: #fff;
	transition: all .5s ease-in-out;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway',sans-serif;
	font-weight: 300;
}

h1 {
  font-size: 28px;
  line-height: 32px;
}

h2 {
  font-size: 26px;
  line-height: 30px;
}

h3 {
  font-size: 22px;
  line-height: 26px;
}

h4 {
  font-size: 18px;
  line-height: 20px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
}

h6 {
  font-size: 12px;
  line-height: 20px;
}

hr{
border: 0px solid #000;
border-top: none;
margin: 7px 0;
}

/* ======================
	GENERAL STYLES
	===================== */
/* Write your general styles here */

/* ===================================================================================
	BOOTSTRAP MEDIA QUERIES OVERRIDES
	NOTE: The order of the media queries is important when styles overwrite each other
	================================================================================== 
@media (min-width: 980px) {}
@media (min-width: 1200px) {}
@media (max-width: 979px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 767px) {}
@media (max-width: 480px) {}
*/

/* ======================
	MODULES
	===================== */

/* ----------------------
	Special module styles
	--------------------- */
/* Special general */
[class*="special"] .module-content ul {
	margin: 0 0 10px 17px;
}

[class*="special"] .module-content ul.unstyled {
	margin: 0 0 10px 0;
}

/* -------------
	Special Grey
	------------ */
.specialgrey {
    border: 1px #e6e6e6 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
    background: #F5F5F5;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
}

.specialgrey .page-header {
	border-bottom: 1px #ccc dotted;
	margin: 0;
	padding: 4px 19px;
}

.specialgrey .module-content {
	padding: 4px 19px;
}

/* -------------
	Special Blue
	------------ */
.specialblue {
    border: 1px #3c67a5 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #507bb9; /* Old browsers */
	background: -moz-linear-gradient(top,  #507bb9 0%, #3c67a5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507bb9), color-stop(100%,#3c67a5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #507bb9 0%,#3c67a5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #507bb9 0%,#3c67a5 100%); /* W3C */
}

.specialblue .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialblue hr {
    margin: 5px 0;
}

.specialblue .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialblue .module-content a {
	color: #fff;
}

/* -------------
	Special Red
	------------ */
.specialred {
    border: 1px #990000 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff0000 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff0000 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff0000 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff0000 0%,#990000 100%); /* W3C */
}

.specialred .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialred .module-content a {
	color: #fff;
}

/* -------------
	Special Gold
	------------ */
.specialgold {
    border: 1px #ab7915 solid;
    border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
    box-shadow: 0 2px 4px 0 #b4b4b4;
    color: #333;
	min-height: 20px;
	margin-bottom: 20px;
	background: #cc9933; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc9933 0%, #ab7915 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc9933), color-stop(100%,#ab7915)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cc9933 0%,#ab7915 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cc9933 0%,#ab7915 100%); /* W3C */
}

.specialgold .page-header {
	border-bottom: 1px #fff dotted;
	margin: 0;
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content {
	padding: 4px 19px;
	color: #fff;
}

.specialgold .module-content a {
	color: #fff;
}