/**
 * Description: Default Style Sheet
 * author Martin Vach, www.vades.net
 * copyright 2011
 */
 

/* //////////////////////////////// Set body basic style //////////////////////// */
*{margin: 0;padding: 0;}
body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 78%; color: #3C4242; background: #6F8F8E url(../images/bcg-body.jpg) repeat-x;
  text-align: center; line-height: 1.5em;
}
table{width: 100%;}
table, th, td{font-size: 100%;}
td{vertical-align: top;}

/* ////////////////////////////////  Paragraph h1 - h6, p, ul, ol //////////////////////// */
/* h1 - h6 */
h1{
	font-size: 180%; margin-bottom: 20px;line-height: 1.3em;
  font-weight: normal; color: #0C6E9F;
}
h2{font-size: 130%;color: #0C6E9F;margin-top: 20px;}
h3{font-size: 110%;}
.DottedTitle{border-top: dotted 1px #6F8F8E;padding-top: 10px;}
#ContactText h3{margin-top: 10px;}

/* p */
#Content p{margin-bottom: 10px;}
.Perex{font-weight: bold;}
.BoldText{font-weight: bold;}
.CenterText{text-align: center;}
.SmallText{font-size: 90%;font-style:italic;}

/* ul, li */
ul.ContentList li,ol.ContentList li{margin-left: 15px;}
ul.ContentList li{
	border-bottom: solid 1px #D0E2E2;line-height:2em;
	list-style: none;padding-left: 17px;
	background: url(../images/bcg-li.png) no-repeat 0 7px;
}


/* ////////////////////////////////  Links //////////////////////// */
a{color: #0C6E9F;}
a:hover{color: #1D94CC;}
.MoreLink{font-weight:  bold;text-align: right;font-weight: bold;}

/* ////////////////////////////////  Messages //////////////////////// */
.ErrorMessage{
	color: red;margin: 20px 0;font-size: 110%;font-weight: bold;padding: 17px 10px 17px 60px;border: solid 2px red;
	background: #FFF url(../images/message-error.png) no-repeat 10px 50%;
}
.WarMessage{
	color: #FF9900;margin: 20px 0;font-size: 110%;font-weight: bold;padding: 17px 10px 17px 60px;border: solid 2px #FF9900;
	background: #FFF url(../images/message-war.png) no-repeat 10px 50%;
}
.OkMessage{
	color: #009966;margin: 20px 0;font-size: 110%;font-weight: bold;border: solid 2px #009966;padding: 17px 10px 17px 60px;
	background: #FFF url(../images/message-ok.png) no-repeat 10px 50%;
}

/* //////////////////////////////// Images //////////////////////// */
a img{border: 0 none;}
.ImgLeft{float: left;margin-right: 15px;}
.ImgRight{float: right;margin-left: 15px;}
.BorderImgBar{padding: 5px;border: solid 1px #5D7777;}
.BorderImgContent{padding: 5px;border: solid 1px #C9D6D6;}

/* //////////////////////////////// Layout //////////////////////// */

/* Web width */
#TopBar,#Header,#Navigation,#Page,#FooterIn{
	width: 980px;
	margin: 0 auto;
}

/* Layout */
#Content{float: left;width: 700px;background: #F1F4F4;padding-bottom: 20px;}
#Layout_c #Content{width: 980px;}
#Layout_lc #Content{float:right;}
#ContentIn{margin: 20px;}

/* //////////////////////////////// Content //////////////////////// */

/* Top Bar */
#TopBar{
	background: #3B4F4E url(../images/bcg-top-bar.jpg) no-repeat 100% 0;
	height: 40px;line-height: 40px;text-align: left;color:#D2DDDD;
}
#TopBar a{color:#D2DDDD;}
#TopBar a:hover{color:#FFF;}

#TopBarLeft {float: left;width: 50%;text-align: left;}
#CallFree{padding-left: 30px;background: url(../images/icon-call.png) no-repeat 0 50%;}
#TopBarRight {float: right;width: 30%;text-align: right;}
/* ... Social media  ... */
.SocMediaLink img{margin-top: 8px;}

/* Header */
#Header{background: url(../images/header.jpg) no-repeat;height:160px;}

/* Logo */
#Logo{text-align: left;position: relative; }
#Logo img{position:absolute; left: 40px;top: 40px;}

/* Navigation */
#Navigation{
  text-align: left;height: 50px;line-height: 50px;
  background: #0C6E9F url(../images/bcg-navi.jpg) repeat-x;border-top: solid 2px #0B6B9B;
}
div#Navigation li {
  list-style: none; float: left; white-space: nowrap;
  font-size: 105%;border-left: solid 1px #0D6FA0;border-right: solid 1px #1D94CC;
}
div#Navigation li a{
  display: block; float: left; text-decoration: none;font-weight: bold;
  padding: 0 30px;text-align: center;color:#D2DDDD; text-transform: uppercase;
}
div#Navigation li a:hover{text-decoration:  underline;}
div#Navigation .CurPage a{color: #FFF;background: url(../images/bcg-navi-on.jpg) repeat-x;}
div#Navigation .CurPage a:hover{text-decoration: none;}

/* Slide show */
#SlideshowWrap{margin:auto;width: 980px;}
#Slideshow {position:relative;text-align:center;margin:0 auto 0 auto;height: 200px;}
#Slideshow img {position:absolute;top:0;left:0;z-index:8;opacity:0.0;}
#Slideshow img.active {z-index:10; opacity:1.0;}
#Slideshow img.last-active {z-index:9;}

/* Page */
#Page{}
#PageIn{text-align: left;margin: 20px 0;}

/* Gallery  */
.GalleryImg{float: left;}
.GalleryImg{margin: 6px;border:  solid 2px #C5D8D8;padding:  5px;}
.GalleryImg:hover{border: solid 2px #94AAAA;}

/* Content block */
.ContentLeft{float: left;width: 46%;}
.ContentRight{float: right;width: 46%;}

/* Catalog block */
.CatalogBlock{
	width: 100%;float: left;margin: 10px 0;
	border: solid 1px #C5D5D4;padding: 10px;
	}

/* Pull Quote */
.PullQuote{
	float: right;margin: 20px 0 20px 20px;width: 250px;
	font-size: 120%;line-height: 1.6em;text-align: center;
	background: url(../images/pull-quote-top.png) no-repeat;
}
.PullQuote blockquote{
	padding: 20px 10px 10px 10px;border: dotted 1px #C5D5D4;margin: 20px;
	background: url(../images/pull-quote-bottom.png) no-repeat 100% 100%;
	}
.PullQuote h4{color: #1D94CC;text-transform: uppercase;}
.PullQuote .Signature{color: #1D94CC;font-size:90%; font-style: italic;}

/* Tables */
.ContentTable{margin-top: 10px;}
.ContentTable th{
	text-align: left; padding: 5px;background: #3B4D4D;
	color: #D2DDDD;text-transform: uppercase;
	border-bottom: solid 4px #6F8F8E;
	}
.OddRow{background: #EAF2F2;}
.ContentTable tbody tr:hover{background: #D7E2E2;}
.ContentTable td{padding: 5px;border-bottom: solid 1px #CEDBDB;}
	

/* Tabs */
ul.tabs {
	margin: 0;padding: 0;float: left;list-style: none;height: 32px;
	border-bottom: 1px solid #CEDBDB;border-left: 1px solid #CEDBDB;
	width: 100%;
}
ul.tabs li {
	float: left;height: 31px;line-height: 31px;
	border: 1px solid #CEDBDB;border-left: none;margin-bottom: -1px;background: #D7E2E2;
	overflow: hidden;position: relative;
}
ul.tabs li a {
	text-decoration: none;color: #3A504E;font-size: 95%!important;display: block;
	font-size: 1.2em;padding: 0 20px;border: 1px solid #fff;outline: none;
}
ul.tabs li a:hover {
	background: #CBD8D8;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #EAF2F2;
	border-bottom: 1px solid  #EAF2F2;
}
.tab_container{
	border: 1px solid #CEDBDB;border-top: none;
	clear: both;float: left;width: 100%;background: #EAF2F2;
}
.tab_content {padding: 20px;}

/* //////////////////////////////// Sidebar //////////////////////// */
a.QuickContact{
	display: block;background: url(../images/icon-email.png) no-repeat 0 50%;
	line-height: 30px;padding-left: 35px; font-weight: bold;
	text-transform:uppercase;text-decoration: none;margin-bottom: 10px;
}
#SideBar{width: 260px;float: right;color:#D2DDDD;}
#Layout_lc #SideBar{float: left;}
#SideBar a{color:#D2DDDD;}
#SideBar a:hover{color:#FFF;}

/* #SideBar blocks */
#SideBar .BlockDiv{
	margin-bottom: 15px;border:solid 1px #3C4E4E;
	background: #506868 url(../images/bcg-attract.jpg) repeat-x 0 100%;
}

#SideBar .BlockDiv div{
	margin-bottom: 15px;padding:  0 10px 10px 10px;
}

/* Block title */
#SideBar .BlockTitle{
  font-size: 110%;text-transform: uppercase;
	line-height: 30px; padding-left: 35px;margin: 5px 0;
	background: url(../images/bcg-side-title.png) no-repeat 10px 50%;
}
/* Block tittle */
#SideBar .BlockTittle{
  font-size: 110%;text-transform: uppercase;
	line-height: 10px; padding-left: 35px;margin: 3px 0;
	background: url(..) no-repeat 10px 50%;
}
/* Menu li */
#SideBar ul li{
  list-style: none; line-height: 2.4em;padding-left: 15px;
  border-top: solid 1px #5D7777;margin: 0 10px;
  background: url(../images/bcg-sidebar-menu.png) no-repeat 0 9px;
}
#SideBar ul li.CurPage{
  background: url(../images/bcg-sidebar-menu-on.png) no-repeat 0 9px;
}

/* Menu a */
#SideBar li a{text-decoration:  none;}
#SideBar a:hover{text-decoration: underline;}
#SideBar .CurPage a{font-weight: bold;color: #FFF;}

/* Side news */
.NewsTitle{font-weight: bold;font-size:110%;}
.NewsTitle a{text-decoration: none;}
.NewsTitle a:hover{text-decoration: underline;}
.NewsDate{font-style: italic;}
.NewsSummary{margin-bottom: 10px;}


/* //////////////////////////////// Footer //////////////////////// */
#Footer{
  font-size: 11px;clear: both;height: 50px;text-align: center;
  background: #4B6363 url(../images/bcg-footer.jpg) repeat-x;
  color: #A4C1BF;line-height: 50px;
}
#Footer a{color: #A4C1BF;}
#Footer a:hover{color: #D0E0DF;}
#FooterIn{text-align: left;}
#FooterText{float: left; width: 30%;}
#FooterLinks{float: right; width: 65%;text-align:right;}


/* //////////////////////////////// Form //////////////////////// */

/* Form */
.ContentForm{padding: 10px;border: solid 1px #CEDBDB; width:450px;}
#recaptcha_widget_div { margin-top: 10px }

/* Fieldset */
fieldset{border: 0 none;}

/* Labels and inputs */
.ContentForm label{display: block;margin-top: 10px;}
.ContentForm fieldset input,.ContentForm fieldset textarea{
  display: block;width: 96%;background: #FFF;
  border: solid 1px #CEDBDB;padding: 5px;
}

.ContentForm fieldset input:hover,
.ContentForm fieldset textarea:hover{
	border: solid 1px #6F8F8E;
	}

/* Others */
.BtnSubmit{cursor:  pointer; margin-top: 10px; padding: 4px 12px }

/* Validate */
.IsRequired{
	font-weight: bold; padding-left: 10px;
	background: url(../images/is-required.png) no-repeat;}
label.error {
  color: red !important;font-weight: bold;
  background: url(../images/icon-caution.png) no-repeat;
  padding-left: 20px; margin-top: 0 !important;
}

/* //////////////////////////////// Loading //////////////////////// */
#LoadingWrap {position: fixed; left: 0; top: 0;width: 100%; height: 100%;z-index: 9999;}
#Loading{
	background: #FFF url(../images/loading.gif) no-repeat 50% 50%;
	padding:  20px;
	border: 4px solid #ddd;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #LoadingWrap {position: absolute; _height: 600px;/*-- IE6 hack --*/}
*html #Loading {position: absolute;}

/* //////////////////////////////// Modal dialog window //////////////////////// */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;position: fixed;top: 5%;left: 50%;
    margin-left: -300px;width: 500px;background-color: #F1F4F4;
    color: #3C4242;border: 4px solid #6F8F8E; padding: 12px;
}

.jqmOverlay { background-color: #3B4F4E; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
#ModalClose {background: #3B4F4E; padding: 5px 10px;margin-bottom: 5px;text-align: right;}
/*#ModalClose a{color:#FCDAA0; font-weight: bold; background: url(../images/remove-icon.png) no-repeat 0 50%;}*/
#ModalContent {height: 500px;overflow:auto;}

/* ////////////////////////////////  UT //////////////////////// */
.NoScreen{display: none;}
hr.Cleaner{clear:both;height:1px;margin: -1px 0 0 0; padding:0;border:none;visibility: hidden;}

/* ////////////////////////////////  Homepage //////////////////////// */
#IndexLeft{float: left;width: 55%;margin: 10px 0;}
#IndexLeft h2{margin-top: 0;}
#IndexRight{
	float: right;width: 35%;padding: 10px;margin: 10px 0;
	border:solid 1px #3C4E4E;color:#D2DDDD;
	background: #506868 url(../images/bcg-attract.jpg) repeat-x 0 100%;
}
#IndexRight h2{
	text-transform: uppercase;color:#D2DDB8;
	line-height: 30px; padding-left: 25px;margin: 0 0 5px 0;
	background: url(../images/bcg-side-title.png) no-repeat 0 50%;
}
#IndexRight p{
	 background: url(../images/is-required.png) no-repeat 0 5px;
	 padding-left: 13px;
}


/* ///////  Round corners and Shadows (Browsers with CSS3  support) ///////// */

/* Corners */
#Content,#SideBar .BlockDiv,#IndexRight,.CatalogBlock {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
}
.tab_container{
	-webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
#Header{
	-webkit-border-top-right-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}
#Loading{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	/*--CSS3 Rounded Corners--*/
}

#Content,.CatalogBlock{
-webkit-box-shadow: 0px 0px 10px #394949;
	-moz-box-shadow: 0px 0px 10px #394949;
	box-shadow: 0px 0px 10px #394949;
	}
.ShadowBlock{
-webkit-box-shadow: 0px 0px 10px #6F8F8E;
	-moz-box-shadow: 0px 0px 10px #6F8F8E;
	box-shadow: 0px 0px 10px #6F8F8E;
	}