@charset "utf-8";
/*
//(C)2007-2011 RAZOR WEB DESIGN
//THIS CODE IS STRICTLY COPYRIGHT. DO NOT MODIFY, REDISTRIBUTE, REMOVE WITHOUT THE CONSULTATION OF RAZOR WEB DESIGN.
//SITE TEMPLATE STYLESHEET
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,300italic,400italic);
@import "https://fonts.googleapis.com/css?family=Titillium+Web:700";

/*TEMPLATE*/
* {
	margin:0;
	padding:0;
}
html,body {
	margin:0 !important;
}
body {
	background-color:#000;
	font-family: 'Open Sans',Arial, Tahoma, Geneva, sans-serif;
	background-image:url(images/bg.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}
#content {
	max-width:1000px;
	width: 100%;
	margin:0px auto;
	background-color:#FFF;
	overflow: hidden;
}
#nav {
	margin:10px 0 0 0;
	background-color:#E01E2F;
	background-image:url(images/bg-nav.jpg);
	background-repeat:repeat-x;
	height:46px;
}
#banner {
	/*height:250px;*/
	width: 100%;
}
#body {
	display:block;
	overflow:hidden;
	padding:15px;
	background-image:url(images/bg-body.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
#logo {
	padding:10px;
	border:0px;
	overflow:hidden;
}
#left {
	max-width:240px;
	width: 100%;
	float:left;
	padding-top:10px;
}
#left img {
	padding-left:5px;
	padding-top:10px;
}
#left h1 a {
	text-indent:-9999px;
	background-image:url(images/logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	width: 100%;
}
#right {
	max-width:740px;
	width: 100%;
	float:right;
	overflow:hidden;
}
#right .logo-list {
	list-style:none;
	overflow:hidden;
	float:right;
	clear:left;
	padding-top:15px;
}
#right .logo-list img {
	height:44px;
	width:auto;
}
#right .logo-list li {
	float:left;
}

/*Footer*/
#footer {
	background-color:#333;
	max-width:980px;
	
	margin:0 auto;
	padding:10px;
	border-top:1px solid #FFF;
	background-image:url(images/bg-footer.jpg);
	background-repeat:repeat-x;
}
#footer-bottom, #footer-top {
	clear:both;
}
#footer-top {
	border-bottom:1px solid #444;
}
#footer-bottom {
	border-top:1px solid #999;
	overflow:hidden;
	font-size:12px;
	padding-top:10px;
	color:#999;
	text-shadow:0 1px 0 #333;
}
#footer-bottom-left {
	width:50%;
	float:left;
}
#footer-bottom-right {
	width:50%;
	float:right;
	text-align:right;
}
#footer-bottom-right a {
	color:#999;
	text-decoration:none;
}
#footer-bottom-right a:hover {
	color:#CCC;
	text-decoration:underline;
}

#note_box {
	width:80%;
	margin-left:1px;
	margin-bottom:10px;
	padding:3px 3px 3px 3px;
	display:none;
}
#note_box a {
	color:#FFF;
}
.red {
	background-color:#972422;
	color:#FFF;
	font-size:12px;
	border:1px solid #76161F;
}
.green {
	background-color:#8AAA1F;
	color:#FFF;
	font-size:12px;
	border:1px solid #6B743D;
}

/*GENERAL*/
h1,h2,h3,h4 {
	margin:0px;
	padding:0;
	font-family:'Titillium Web',Arial,sans-serif;
}
h1 {
	font-size:36px;
	color:#000;
	font-weight:bold;
	letter-spacing:-1px;
	font-weight:300;
}
h2 {
	font-size:24px;
	color:#E01E2F;
	font-weight:bold;
	letter-spacing:-1px;
}
h3,h4 {
	font-size:20px;
	color:#888;
}
p {
	font-size:14px;
	color:#000;
	margin:1em 0;
}
#body img {
	border:3px solid #E01E2F;
}
#body img:hover {
	border-color:#888;
}
a {
	color:#E01E2F;
	text-decoration:underline;
}
a:hover {
	color:#3E150F;
	text-decoration:none;
}
hr {
	color:#FFF;
	border-top:1px solid #BBB;
	margin:8px 0;
}

.btEdit {
color:#0099CC; 
border-bottom:1px dotted #0099CC; 
text-decoration:none;
}
.btEdit:hover {
color:#0033FF; 
border-bottom:1px dotted #0033FF; 
text-decoration:none;
}
.tableResult {
font-size:12px;
}
.tableTOP {
background-color:#D4D4D4;
}
.tableBLU {
background-color:#F4F4F4;
}
.tableDEL {
background-color:#F7F7F7;
}
.tableHVR {
background-color:#E9E9E9;
}
#spanBODY {
font-size:12px;
}
#title_box {
	
	max-width:350px;
	width: 100%;
	height:31px;
	padding:4px 0 0 14px;
	background-color:#E01E2F;
	position:relative;
	bottom:35px;
	left:0;
	box-shadow:0px -2px 1px #000;
	z-index:7;
}
/*OTHER*/
.imageGallery {
	width:150px;
	
	border:2px solid #FFFFF;
	margin:2px;
}
.imageGallery:hover {
	border:2px solid #D1D1D1;
}
.responsive {
	width: 100%
}
.hide {
	display:none;
}
#sitemap {
padding:0;
margin:0;
}
#siteMap ul {
margin:0;
padding:0;
}
#siteMap li {
}
#siteMap a {
font-size:12px;
}

/*TEXT*/
.text_large_white {
	font-size:24px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_vlarge_white {
	font-size:36px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_small_white {
	font-size:12px;
	font-weight:none;
	color:#FFF;
	padding:0;
	margin:0;
}
.text_small_grey {
	font-size:12px;
	font-weight:none;
	color:#999;
	padding:0;
	margin:0;
}
.text_medium_grey {
	font-size:14px;
	color:#999;
}
.text_medium_white {
	font-size:14px;
	color:#FFF;
}
.text_mini_grey {
	font-size:10px;
	color:#999;
}
.text_mini_white {
	font-size:10px;
	color:#FFF;
}
a.facebook {
	display:block;
	margin:5px auto;
	width:130px;
	text-align:center;
	font-size:13px;
	background-color:#4c74c7;
	color:#FFF;
	padding:5px 0;
	text-align:center;
	border-radius:3px;
	text-decoration:none;
	box-shadow:inset 0 1px 0 #7c9fe9;
	text-shadow:0 -1px 0 #1f4189;
}
a.facebook:hover {
	background-color:#3b5998;
	color:#FFF !important;
	box-shadow:inset 0 1px 0 #678ad5;
}
a.facebook:active {
	position:relative;
	top:1px;
}

/*FORMS*/
#frmInput {
border:1px solid #999999;
}
#frmInput:hover {
border:1px solid #666666;
}
#frmMsg {
border:1px solid #999999;
}
#frmMsg:hover {
border:1px solid #666666;
}
#frmSubmit {
border:1px solid #999999;
}
#frmSubmit:hover {
border:1px solid #666666;
}
.formTxt {
font-size:12px;
}
.formDis {
font-size:10px;
color:#999999;
}

/*SIDEBOX CSS*/
.sideBox {
width:90%;
padding:4px;
border:1px solid #FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-right:5px;
}
.sideBoxText {
font-size:12px;
color:#FFF;
}

/*OTHER ELEMENTS*/
.imageGallery {
	border:2px solid #999;
	box-shadow: 0px 3px 0px #333;
}
.imageGallery:hover {
	border:2px solid #444;
}
.denote {
	color:#C30;
	font-size:16px;
	font-weight:bold;
	text-shadow:0px 1px 2px #111;
}
#basemenu {
margin-right: auto;
position: fixed;
bottom:0px;
width: 100px;
height: 40px;
text-align:right;
right:1%;
}

/*FORM*/
.form_table {
	width:100%;
	padding:0;
	margin:0;
	border:0;
}
#form_input {
	padding-top:3px;
	padding-bottom:3px;
}
.form_caption {
	font-size:12px;
	font-weight:none;
	color:#FFF;
	padding:0px 0px 0px 5px;
	margin:0;
	font-style:italic;
	display:none;
}
input[type="submit"] {
	background-color:#EEE;
	color:#222;
	font-weight:bold;
	border:1px solid #E01E2F;
	height:25px;
	margin-left:1px;
	padding:0px 8px 0px 8px
}
input[type="text"],input[type="password"],textarea {
	padding:3px 4px;
	background-color:#EEE;
	width:160px;
	font-size:12px;
	border:1px solid #E01E2F;
	height:25px;
	color:#222;
	left:-10px;
	top:5px;
}
select {
	background-color:#b7d2e6;
	width:160px;
	height:25px;
	font-size:12px;
	border:1px solid #446a86;
	color:#446a86;
	left:-10px;
	top:5px;
}
input[type="submit"]:hover,input[type="text"]:hover,input[type="password"]:hover,input[type="text"]:focus,select:focus {
	-moz-box-shadow:0px 0px 3px #111;
	-webkit-box-shadow:0px 0px 3px #111;
	border:1px solid #FFF;
}
input[type="submit"]:active {
	background-color:#81aac8;
	-moz-box-shadow:0px 0px 3px #111;
	-webkit-box-shadow:0px 0px 3px #111;
	border:1px solid #FFF;
}

/*SPACERS*/
.spacer5 {
	height:5px;
	display:block;
}


/*Links*/
ul.links {
	list-style:square;
}
ul.links li {
	margin:10px 0;
	margin-left:15px;
}
ul.links li a {
	text-decoration:none;
	font-weight:600;
}

/*Map*/
.map {
	margin:1em 0;
}
.map img {
	border-color:#CCC !important;
}

/*services*/
ul.services {
	list-style:square;
	font-size:16px;
	margin-left:15px;
	font-style:italic;
}

/*Info Box*/
.info-box {
	overflow:hidden;
}
.info-box .block {
	float:left;
	width:270px;
	margin:9px;
	background-color:#EEE;
	padding:15px;
	border:2px solid #FFF;
}
.info-box .block ul li {
	margin:1em 0;
	list-style:square;
	margin-left:15px;
}
.info-box .block ul li span {
	color:#999;
	font-weight:bold;
}
.info-box .block h2 a {
	text-decoration:none;
}

@media screen and (max-width: 980px) {
	#footer {
		
	}

@media screen and (max-width: 800px) {
	#nav {
		background-color: #FFF;
		background-image: none;
	}
	ul.menu .menulink {
		background-color:#E01E2F;
		width: 100%;
		border:1px solid #A00;
		text-align: center;
		box-sizing:border-box;
	}
	#left {
		width:100%;
		display:block;
		text-align:center;
		max-width:none;
	}
	#left h1 {
		width:100%;
		display:block;
	}
	#left h1 a {
		display:inline-block;
		background-position:center;
		
	}
	#logo #right{
		display: none;
	}
}
