@import 'blueprint/lib/reset.css';
@import 'blueprint/lib/typography.css';
@import 'blueprint/lib/grid.css';
@import 'blueprint/lib/forms.css';
@import 'blueprint/plugins/css-classes/css-classes.css';
@import 'blueprint/plugins/buttons/buttons.css';

a,
a:link,
a:visited { }
a:hover,
a:focus,
a:active { color: #000; }

a[href^="http://"]    { padding-right: 22px; background: transparent url("/image/style/a/external.png") 100% 50% no-repeat; }
a[href*="localhost"]  { padding-right: 0;	   background-image: none; }
a[href^="mailto:"]    { padding-right: 22px; background: transparent url("/image/style/a/e-mail.png") 100% 50% no-repeat; }
a[href$=".avi"]       { padding-right: 22px; background: transparent url("/image/style/a/avi.png") 100% 50% no-repeat; }
a[href$=".doc"]       {	padding-right: 22px; background: transparent url("/image/style/a/doc.png") 100% 50% no-repeat; } 
a[href$=".gif"]       {	padding-right: 22px; background: transparent url("/image/style/a/gif.png") 100% 50% no-repeat; } 
a[href$=".jpg"],
a[href$=".jpeg"]      {	padding-right: 22px; background: transparent url("/image/style/a/jpg.png") 100% 50% no-repeat; }
a[href$=".pdf"]       {	padding-right: 22px; background: transparent url("/image/style/a/pdf.png") 100% 50% no-repeat; }
a[href$=".png"]       {	padding-right: 22px; background: transparent url("/image/style/a/png.png") 100% 50% no-repeat; }
a[href$=".ppt"]       { padding-right: 22px; background: transparent url("/image/style/a/ppt.png") 100% 50% no-repeat; }
a[href$=".pps"]       { padding-right: 22px; background: transparent url("/image/style/a/pps.png") 100% 50% no-repeat; }
a[href$=".mpg"],
a[href$=".mpeg"]      { padding-right: 22px; background: transparent url("/image/style/a/mpg.png") 100% 50% no-repeat; }
a[href$=".xls"]       { padding-right: 22px; background: transparent url("/image/style/a/xls.png") 100% 50% no-repeat; }
a[href$=".rar"]       {	padding-right: 22px; background: transparent url("/image/style/a/rar.png") 100% 50% no-repeat; }
a[href$=".zip"]       {	padding-right: 22px; background: transparent url("/image/style/a/zip.png") 100% 50% no-repeat; }
a.no-picture          { padding-right: 0px;  background-image: none; }

body {
  background-image: url(/image/style/body.png);
  margin: 0.4em 0 0 0;
}
img, a img {
  border: 1px solid rgb(128,128,128);
}
a img:hover {
  border-color: rgb(32,32,32);
}
p img.img {
  float: none;
}
.img {
  margin: 0;
}

.container {
  /* background: url(blueprint/lib/grid.png); */
  background-color: #fff;
  border: 5px solid #fff;
}

.header {
  height: 100px;
  background-color: #fff;
  background-image: url(/image/style/header.png);
  background-position: 99% 10%;
  background-repeat: no-repeat;
  background-color: rgb(255,255,255);
}
.header h1 {
  line-height: 100px;
  position:relative;
  width:300px;
  height:91px;
  overflow:hidden;  
  float: left;
}

.header h1 span {
  display:block;
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  width:300px;
  height:91px;
  background:url(/image/style/h1.png) top left no-repeat;
}
.header p {
  font-size: 80%;
  text-align: right;
  margin-top: 80px;
  margin-bottom: 0;
}

.menu {
  background-color: rgb(41,48,78);
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  font-variant: small-caps;
  text-align: right;  
  background-image: url(/image/style/menu.png);  
}
.menu menu {
  margin: 0;
  padding: 0;
  list-style-type: none;  
}
.menu menu li {
  display: inline;
  color: rgb(255,255,255);
}
.menu menu li a {
  color: rgb(255,255,255);
  text-decoration: none;
  border-bottom: 1px solid rgb(64,75,121);
}
.menu menu li a:hover {
  color: rgb(200,200,200);
  border-bottom-color: rgb(27,49,90);
}
.menu menu li span {
  padding: 0 6px;
}

.block {
  background-color: rgb(240,240,240);
  margin-bottom: 0.2em;
}

.block h2 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 2.4em;
  margin-bottom: 0;
  text-align: center;
  background-color: rgb(64,75,121);
  color: rgb(255,255,255);
}
.block menu {
  margin-top: 0.2em;
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
}
.block menu li {
  display: inline;
}
.block menu li a {
  display: block;
  background-color: rgb(240,240,240);
  background-image: url(/image/style/li.png);
  background-position: 10px 60%;
  background-repeat: no-repeat;
  padding: 2px 0 2px 22px;
  text-decoration: none;
}
.block menu li a:hover {
  background-position: -190px 60%;
  background-color: rgb(248,248,248);
}
.block p {
  padding: 5px 10px;
  text-align: justify;
}

h3 {
  
}

h4 {
  font-weight: bold;
  border-top: 2px solid rgb(240,240,240);
  padding-top: 5px;
}

.footer {
  background-color: rgb(41,48,78);
  padding-top: 3em;
  padding-bottom: 1.5em;
  color: rgb(255,255,255);
  background-image: url(/image/style/footer.png);
}
.footer a {
  color: rgb(255,255,255);
}

.top-2 {
  margin-top: 2em;
}

.width-100 {
  width: 97%;
}

.table td {
  padding-left: 20px;
  background-image: url(/image/style/li.png);
  background-repeat: no-repeat;
  background-position: 6px 50%;
}

.table th {
  background-color: rgb(240,240,240);
  padding-left: 10px;
  border-top: 1px solid rgb(204,204,204);
  border-left: 1px solid rgb(204,204,204);
  border-right: 1px solid rgb(204,204,204);
}

.no-background {
  background-image: none !important;
}

ul.no-list {
  list-style-type: none;
}
ul.no-list li a {
  padding-left: 22px;
  padding-right: 0;
  background-position: 0 50%; 
}
.required {
  color: rgb(204,0,0);
  font-weight: bold;
}
form.contact {
  background-image: url(/image/style/form.png) !important;
  background-repeat: no-repeat;
  background-position: 80% 25%;
}
table.contact td {
  width: 50%;
}

.photogallery {
  text-align: center;
}

.photogallery img {

  margin:10px;
  border: none;

}




/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.Texyla {
  text-align: left !important;
}