/* 
Title: 	Vlabotex
Updated: 02/11/07
Version: 1.0
Author: yse
*/


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clr{clear:both;}
.right{	float: right;}
.left	{	float: left;}

/* Set up the document
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.5   "Lucida Sans Unicode","Lucida Sans", "Lucida Console", Verdana;
	background: #DCE3E2 url('../images/body.bg.jpg') repeat-x top left; 
	color: #000000;	
	text-align:center;
}

#wrapper {
	width: 90%;
	min-width: 950px;
	max-width: 1500px;
	text-align:left;
	margin-left:auto; 
	margin-right:auto; 
	background: #FFFFFF url('../images/subnav.bg.jpg') repeat-y top left;
	margin-bottom: 5px;
	position:relative;
	color: #4F6E6D;
}

#header { display: table; width: 100%; height: 161px; }
#mainlogo { display: table-cell; width: 226px; vertical-align: top; }
#mainnavwrapper { display: table-cell; height: 161px; vertical-align: top; }
#mainnav { width: 100%; height: 161px; vertical-align: top; }

#blockmain { display: table; width: 100%; }
#subnav { display: table-cell; width: 226px; vertical-align: top; }
#blockcontent { display: table-cell; vertical-align: top; }

/* Typography
-----------------------------------------------------------------------------*/

#wrapper { font-size: 15px; }
h1 { font-size: 2em; margin-bottom: 0.5em;}
h2 { font-size: 1.6em; margin-bottom: 0.4em; margin-top: 1em; color: #7DA2A0;}
h3 { font-size: 1.4em; margin-bottom: 0.3em; }
h4 { font-size: 1.2em; margin-bottom: 0.2em; }
h5 { font-size: 1.1em; margin-bottom: 0.2em; }
p { line-height: 1.8; }
p, q, cite	{	margin-bottom: 1em; }
ul, ol, dl	{	list-style: none; margin-bottom: 1em;}
li, dd, dt	{		}

a { color: #0099FF;}
a:hover { color: #0066FF;}
.date { color: #DCE3E2; font-size: 10px; margin-bottom: 1em;}

.update { color: #FF9900; font-size: 10px;}

/* Header
-----------------------------------------------------------------------------*/
#header { background: #FFF; }
#mainlogo {
	text-align:center;
	border-top: 16px solid hsl(65.2deg 66% 45%);;
}

#mainnav {
	margin:0; padding:0;
  display:table;
  background-color:#9aa92c;
}
#mainnav li { display:table-cell; border-top-width:16px; border-top-style:solid; }
#mainnav li              { background-color:hsl(62deg 58% 58.0%); border-top-color:hsl(67.0deg 61% 43%); }
#mainnav li:nth-child(2) { background-color:hsl(62deg 58% 61.2%); border-top-color:hsl(68.8deg 56% 43%); }
#mainnav li:nth-child(3) { background-color:hsl(62deg 58% 64.3%); border-top-color:hsl(70.7deg 52% 43%); }
#mainnav li:nth-child(4) { background-color:hsl(62deg 58% 67.5%); border-top-color:hsl(72.5deg 47% 43%); }
#mainnav li:nth-child(5) { background-color:hsl(62deg 58% 70.7%); border-top-color:hsl(74.3deg 42% 43%); }
#mainnav li:nth-child(6) { background-color:hsl(62deg 58% 73.8%); border-top-color:hsl(76.2deg 38% 43%); }
#mainnav li:nth-child(7) { background-color:hsl(62deg 58% 77.0%); border-top-color:hsl(78.0deg 33% 43%); }
#mainnav li a {
  display:block; width:100%; height:100%;
  padding: 94px 15px 15px; box-sizing:border-box;
  text-decoration:none; text-transform:uppercase; font-weight:bold;
  text-align:right; font-size:12px;
  color: white;
}
@media only screen and (max-width: 1100px) {
	#mainnav li a { font-size:11px; }
}
#mainnav li.active a, #mainnav li:hover a {
  color: #4F6E6D;
}

/* SubNavigation
-----------------------------------------------------------------------------*/
#subnav ul#nav { background: url('../images/subnav.top.jpg') no-repeat top left;padding-top: 15px;}
#subnav ul#nav li { background: url('../images/subnav.li.gif') repeat-x bottom left;  display: block;}
#subnav ul#nav li a { padding: 5px 23px; text-align:right; color:  #B9C00C; text-decoration:none; font-size: 12px; display:block; height:auto;1em}
#subnav ul#nav li a:hover { background: #B9C00C; color: #FFF;}
#subnav ul#nav li.active a,#subnav ul#nav li.active a:hover { background: url('../images/subnav.active.gif') no-repeat 95% 60%; color: #4D6D6C}

.newslist { padding: 0 10px; width: 206px; clear:both; position:relative; position:absolute; top: 430px;}
.newsticker {
	margin: 0;
}
#news span { margin:0;margin-bottom: -3px;color: #CCCCCC; font-size: 10px; display:block;}
#news a { color: #333333; }

.col { width: 60%; margin-right: 30px; float:left;}
.col.last { width: 35%; margin-right:0;}

#permanent { background: #D9DD7C; border: 1px solid #CED354; width: 194px; padding:  6px; margin: 20px 0 0 10px;}
#permanent a { text-decoration:none; color: #666666; font-size: 10px;}
#permanent a span { display:block;text-align:right; font-size: 11px; font-weight:bold; margin-top: 3px;}


/* Footer
-----------------------------------------------------------------------------*/
#footer {background: #4F6E6D; padding: 5px 0px; color: #FFF; clear:both; position:relative;  font-size: 90%; }
#footer a { color: #CCC; text-decoration:none;}
#subfooter { text-align: right; padding-right: 15px; }
#subfooter img { margin-right: 5px;}
#realfooter { padding: 0 20px;text-align:right;}


/* Blockmain
-----------------------------------------------------------------------------*/
#blockmain { min-height: 500px; }
#blockcontent {
	background: url('../images/blockcontent.bg.jpg') repeat-x 0 1px;
	border-left: 1px solid #FFF;
	min-height: 300px;
	padding: 45px 50px;
}
	
#blockcontent ol  { margin-left: 3em; list-style:decimal}
#blockcontent ul { margin-left: 3em; list-style:square;}
#blockcontent li { margin: .5em 0;}

#blockcontent ul.files, 
#blockcontent ul.files li { list-style:none; color: #999999; padding-bottom: 5px;}
#blockcontent ul.files { margin-left: 0;}

.pdf { background: url('/images/file-extensions/pdf.png') no-repeat top left; padding-left: 20px; line-height: 16px;}
.xls { background: url('/images/file-extensions/xls.png') no-repeat top left; padding-left: 20px; line-height: 16px;}
.exe { background: url('/images/file-extensions/exe.png') no-repeat top left; padding-left: 20px; line-height: 16px;}

#blockcontent .question { font-weight:bold; margin-bottom: .5em; display:block; color: #666666; font-weight:normal; border-top: 1px solid #DCE3E2; text-decoration:none; padding-top: 3px; cursor: pointer; }
.answer { display:none; background: #E9EDEC url('/images/question.gif') no-repeat 0 0; padding: 25px 10px 12px 10px; margin-bottom: 1em; }
.answer > p:last-child, .answer > ul:last-child, .answer > ol:last-child { margin-bottom: 0; }

.gallery {  padding: 10px 0px 7px 15px;  float:left; width: 94.3%; margin-top: 1em;}
.gallery a { margin: 5px 11px 10px 0px; padding: 2px;background:#E9EDEC;height: 60px; width: 60px;display:block;float:left;}
.gallery img { 	filter:alpha(opacity=70);-moz-opacity: 0.7;	opacity: 0.7;}
.gallery a:hover { background:#999999;}
.gallery a:hover img { filter:alpha(opacity=100);-moz-opacity: 1;	opacity:1;}


/* Forms
-----------------------------------------------------------------------------*/

input.text {
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/

table {
	border-spacing: 0;
	border-collapse: collapse;
}
td {
  	text-align: left;
	font-weight: normal;
}

.table { margin-bottom: 1em; width: 100%;}
.table th, .table td { padding: 5px 5px; vertical-align:top; }
.table th { background: #E9EDEC; border-bottom: 1px solid #FFF; color: #7DA2A0; width: 150px;}
.table td { border-bottom: 1px solid #E9EDEC; padding-left: 10px;}


/* Body
----------------------------------------------- */

ul.list { padding: 0; margin: 0; list-style:none;}
ul.list li { list-style:none; padding-bottom: .5em;}
ul.list li span { margin-right: 10px;  font-size: 10px; color: #CCCCCC;}
ul.list a { text-decoration:none;}
ul.list li { border-bottom: 1px solid #DCE3E2;}

.subnav { padding-top: 20px;}
.subnav h1 { font-size: 12px; border:0; letter-spacing: 0;}
.subnav ul li { padding-bottom: .5em;}
.subnav ul li a { text-decoration:none;}

.thumb { padding: 5px; background: #DCE3E2; border: 1px solid #C5D1CF;}
.thumb.left { float:left; margin: 5px 10px 5px 0;}
.thumb.right { float:right; margin: 5px 0 5px 10px;}


/* Slimbox
----------------------------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}