/*	CSS by VHGRAPHIX dot com
 *	(C) copyright Vaclav Hradec 2003-2009
 *	file: 	style.css 
 *	email: 	vh@vhgraphix.com
 * 	web:	http://vhgraphix.com
 */
   
html {margin: 0; padding: 0;}
body
{
	background: #f5f5f5 url('./images/body-bgr.png') top left repeat-x;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	margin: 0; padding: 0;
}

img {border: none;}
a:active, a:link
{ 
	color: #005f8f;
  	font-size: 1em;
  	font-style: normal;
  	font-weight: normal;
  	text-decoration: none;
}
a:visited {color: #005884;text-decoration:underline;}
a:hover {color: #0015ff;}

h1, h2, h3, h4, h5, h6 {}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}

strong {font-weight: 900;}
em {color:#666;}
hr {visibility:hidden; display:none;}
fieldset {border:solid 1px #555; margin:10px 10px 10px 0;
    background:#f0f0f0;}
fieldset legend {font-weight:bold;}

.invisible {visibility:hidden;}
.center {text-align: center;}
.underline {border-bottom: 1px dotted #000;}
.cleaner {clear:both;}

.left, .right {display:block;float:left;}
.right {float:right;}
.t-left {text-align: left;}
.t-right {text-align: right;}
.full-width {width:100%; clear:both;}
.half-width {width:50%;}

.ico-mail-small {background: url('./images/ico-mail-small.png') center left no-repeat;
    padding-left: 16px;}
.ico-page {background: url('./images/ico-page.png') center left no-repeat;
    padding-left: 18px;}
.ico-images {background:url('./images/ico-images.png') center left no-repeat;
    padding-left:19px;}

/******************************************* D O C **************************************/
#doc {width:980px; margin:0 auto;
	background: #fff url('./images/doc-bgr.png') top left repeat-y;}
#doc .footing {background: url('./images/doc-bot-bgr.png') bottom left no-repeat;
	width:980px; height:5px; display:block; clear:both; margin:0; padding:20px 0 0 0;}
/******************************************* H E A D E R **************************************/

#header {width:100%; margin: 0; padding: 0;}
#header h1 
{
	position: relative;
	top: 10px;
	left: 15px;
	display: block;
	float:left;
	background: url('./images/logo-title.png') top left no-repeat;	
	width: 449px;
	height: 86px;
	margin: 0; padding: 0;
	z-index:20;
}

#header h1 a { display: block; width: 100%; height: 100%;}
#header h1 span { position: absolute; top: -1000px; left: -1000px;}

#searchbox {display:block; float:right; width:300px; height:90px; overflow:hidden;
	margin:0 10px 0 0; font-size:0.8em;
	background: url('./images/searchbox-sep.png') center left no-repeat;}

#searchbox p {margin:5px 0; float:right;}
#searchbox a {color:#9d9d9d; text-decoration:underline; margin:0 5px;}
#searchbox .wmap {background: url('./images/ico-wmap.png') center left no-repeat;
	padding: 0 0 0 15px;}
#searchbox .mail {background: url('./images/ico-mail.png') center left no-repeat;
	padding: 0 0 0 15px;}
	
#searchbox form {float:right;display:block; margin:25px 0 0 0;}
#searchbox form input[type='text'] {background: url('./images/ico-search.png') 5px center no-repeat;
	border:solid 1px #d9d9d9; width:150px; height:20px; margin:0 5px 0 0; padding:0 0 0 22px;}
#searchbox form input[type='submit'] {background: url('./images/search-btn.png') center center no-repeat;
	border:none; width:59px; height:23px; color:white; text-transform:uppercase;
	font-size:1.1em; text-decoration:underline;}

#main-menu
{
	background: url('./images/mm-bgr.png') top left repeat-x;	
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	float:left;
	width:960px;
	height: 50px;
	display: block;
	margin: 10px 10px 0 10px; padding: 0;
}
#main-menu ul {list-style-type:none;
	height: 50px;
	display: block; padding:0 0 0 10px; margin:0;}
#mm-lft {background: url('./images/mm-lft.png') top left no-repeat;}
#mm-rgt {background: url('./images/mm-rgt.png') top left no-repeat; 
	width:3px; height:50px;display:block; float:right;}
#main-menu li.top
{
	background: url('./images/mm-separator.png') center right no-repeat;
	display: block;
	text-align: center;
	float: left;
	height: 50px;
	margin: 0; padding: 0;
}
#main-menu li.last {background:none;}
#main-menu li.top > a
{
	color: #fff;
	text-transform:uppercase;
	font-size: 12px;
	text-decoration: none;
	display: block;
	line-height:50px;
	height: 50px;
	margin: 0 25px; padding: 0;
}

#main-menu .fake-hover {display:block; height:50px;}

#main-menu li.top > a.home {width:46px; background: url('./images/mm-home.png') 0px 13px no-repeat;}
#main-menu li.top > a.about {width:54px; background: url('./images/mm-about.png') 0px 13px no-repeat;}
#main-menu li.top > a.services {width:130px; background: url('./images/mm-services.png') 0px 13px no-repeat;}
#main-menu li.top > a.matter {width:85px; background: url('./images/mm-matter.png') 0px 13px no-repeat;}
#main-menu li.top > a.referencies {width:89px; background: url('./images/mm-referencies.png') 0px 13px no-repeat;}
#main-menu li.top > a.news {width:81px; background: url('./images/mm-news.png') 0px 13px no-repeat;}
#main-menu li.top > a.contacts {width:79px; background: url('./images/mm-contacts.png') 0px 13px no-repeat;}

#main-menu li.top > a.home .fake-hover {width:46px; background:url('./images/mm-home.png') -46px 13px no-repeat;}
#main-menu li.top > a.about .fake-hover {width:54px; background: url('./images/mm-about.png') -54px 13px no-repeat;}
#main-menu li.top > a.services .fake-hover {width:130px; background: url('./images/mm-services.png') -130px 13px no-repeat;}
#main-menu li.top > a.matter .fake-hover {width:85px; background: url('./images/mm-matter.png') -85px 13px no-repeat;}
#main-menu li.top > a.referencies .fake-hover {width:89px; background: url('./images/mm-referencies.png') -89px 13px no-repeat;}
#main-menu li.top > a.news .fake-hover {width:81px; background: url('./images/mm-news.png') -81px 13px no-repeat;}
#main-menu li.top > a.contacts .fake-hover {width:79px; background: url('./images/mm-contacts.png') -79px 13px no-repeat;}


#imager {display:block; float:left; width:960px; height:198px;
	margin:2px 10px 0 10px;}
#imager .elements {display:block; float:left;}
#imager .img {display:block;float:left;}
#imager .img .txt {position:absolute; bottom:10px; left:0px; z-index:20;
    background: url('./images/h2-op-bgr.png') top left; width:100%;
    color:#ddd;}
#imager .img .txt h2 {margin:8px 10px 0 10px;}
#imager .img .txt h2 a {color:#eee; text-decoration:none; font-weight:normal;}
#imager .img .txt h2 a:hover {color:#fff;}
#imager .img .txt p {margin:0 10px 5px 10px;}
#imager .img .txt p a {font-size:0.8em; color:#ddd; text-decoration:none;}
#imager .img .txt p a.detail {background: url('./images/ico-imager-detail.png') center left no-repeat;
    padding-left:12px;}
#imager .img img {position:relative; width:658px; z-index:10;}
#imager .informer {width:300px;height:198px;
    display:block; float:right; overflow:hidden;
    margin: 0 0 0 2px; padding:0;
    background:url('./images/informer-bgr.png') top left no-repeat;}
#imager .informer h2 {color:#062b4d; text-transform:uppercase; font-weight:bold;
    font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.5em;
    margin:25px 10px 10px 10px;}
#imager .informer ul {list-style-image:url('./images/imager-li.png'); color:#fff; margin:0 0 0 25px; padding:0;}
#imager .informer ul li {margin:0px; padding:10px 3px; border-bottom:solid 1px #cbddee;}
#imager .informer ul li:last-child,
#imager .informer ul li.last {border:none;}
#imager .informer .active {background:url('./images/imager-active.png') top left repeat-y;
    color:#fefefe; font-weight:bold;}
#imager a.ref, #imager a.ref:visited  {color:#fff; text-decoration:underline; float:right; padding:0 45px 0 0; margin:3px 0 0 0; font-size:0.8em;
    background:url('./images/arrow.png') 108px center no-repeat;}
#imager a.ref:hover {color:#fff; text-decoration:none;}

/***************************************** C O N T E N T ***************************************/
#content {display:block; float:left; top:0px; width:570px;
	margin:0 0 0 10px; padding:0; width:650px; color:#2a2a2a;}
#content h2 {color:#f5821f; font-weight:normal; font-size:1.8em; margin:0.5em 0;}
#content h3 {color:#00386b; font-weight:bold; font-size:1.3em; margin:0.5em 0 0 0; padding:5px 0 0 10px;
    clear: both; background:url(images/h3-cnt-bgr.png) top left no-repeat; height:25px;}
#content h3 a {color:#00386b; }

#content p, #content table, #content h4 {padding-left:10px;}

#content ol {list-style-type:upper-roman; }
#content ol li {line-height:normal; padding-left:1px; margin-bottom:0px;}
#content ol li h3 {border:none; color:#00386b; background:none; padding:auto; margin:auto;}
#content ul li {list-style-image:url('./images/li.png'); line-height:1.2em; padding-left:1px;
    padding-bottom: 3px;}

#content a {text-decoration:underline; font-weight:bold; font-size:0.9em; color:#ff5400;}
#content a:hover {color:#6e6e6e;}

#content a img {border:solid 5px #dfdfdf; padding:1px; margin:5px;}
#content a img:hover {border:solid 5px #8b8b8b;}

#navigation {display:block; margin:0 0 10px 0;font-size:0.8em; color:#585858; height:30px; line-height:10px; width:650px; 
	float:left; border-bottom: solid 1px #e2e2e2;}
#navigation p {}
#navigation a {text-decoration:underline; color:#fba256;}
#navigation a:hover {color:#6e6e6e;}

#content a.go-to-map-btn {background:url('./images/img-btn.png') left center no-repeat;
    width:154px; height:35px; display:block; line-height:35px; color:#fff; 
    margin:30px 0 0 50px; padding-left:40px; text-transform:uppercase; font-size:0.8em;} 
#content a.go-to-map-btn:hover {text-decoration:none;}

#content .box {display:block; float:left; width:651px; margin:0 0 25px 0px;
    padding:0; background:#fef3de url('./images/box-cnt-bgr.png') top left no-repeat;
    min-height:40px;}
#content div.box div.bot {background: url('./images/box-bot-cnt-bgr.png') bottom center no-repeat;
	margin:0; display:block; width:651px; height:6px;}
#content .box h2 {margin:10px;}
#content .box em {color:#666;}

#content .idx-widget {display:block; float:left; width:210px; margin:0 0 25px 10px;
    padding:0; background:url('./images/idx-widget-bgr.png') top left no-repeat;
    min-height:190px; border-bottom:solid 1px #eee;}
#content .st {margin-left:0;}
#content .idx-widget h3 {border:none; margin:5px 10px 0 10px; color:#072c4f; background:none; padding:0;
    height:25px; overflow:hidden;}
#content .idx-widget img {margin:2px 9px; padding:0; width:190px;}
#content .idx-widget a img {border:solid 2px #bfccd7; padding:1px; margin:5px 7px 0 7px;}
#content .idx-widget a img:hover {border:solid 2px #8b8b8b;}
#content .idx-widget p {width:190px; text-align:justify; margin:0 auto;
    font-size:0.8em;}
#content p.more {text-align:right; margin-top:10px;}
#content .idx-widget .detail {font-size:1.1em;}
#content a.detail:hover {color:#fff2ea;}

#content .item p {padding-left:10px;}
#content .detail {background: url('./images/ico-cnt-more.png') center right no-repeat;
    color:#fff; text-decoration:none; font-weight:bolder; font-size:0.8em; width:39px; 
    height:21px; display:block; padding:0; line-height:21px; padding-right:12px;
    margin-bottom:10px;text-align:right;}
#content p.date {font-size:0.7em; color:#e09555; margin:0;}

/***************************************** R I G H T P A N E L *************************************/
#rightpanel {
	display:block;
	float:left;
	position:relative;
	top:0px;
	width:300px;
	min-height:95px;
	padding:0;
	margin:0 0 20px 10px;
}
#rightpanel .greenpower img {margin-top:3px;}

#rightpanel hr {background:url('./images/tiny-item-bgr.png') bottom center no-repeat; display:block; clear:both;
	width:160px; height:2px; border:none; margin:0;}

#rightpanel .panel {width:300px; min-height:150px;
	background: #e8e8e8 url('./images/rgt-panel-bgr.png') bottom center no-repeat;
	margin:2px 0 0 0; padding-bottom:5px;}
#rightpanel .panel .top {background: #e8e8e8 url('./images/rgt-panel-h-bgr.png') bottom center no-repeat;
	margin:0; display:block; width:300px; height:2px;}
#rightpanel .panel h2 {font-weight:normal; color:#00386b; font-size:1.3em;
	margin:0 10px; padding:5px 0 0 0; border-bottom:solid 1px #00386b;}
#rightpanel .panel .news {background: url('./images/ico-h-news.png') center left no-repeat;
	padding:0 0 0 12px;}
#rightpanel .panel .mail {background: url('./images/ico-h-mail.png') center left no-repeat;
	padding:0 0 0 15px;}

#rightpanel .item {background: #f4f4f4 url('./images/item-corner.png') top right no-repeat;
	width:280px; margin:10px auto; border-bottom:dotted 1px; padding-bottom:10px; color:#616161;}
#rightpanel .item h3 {text-transform:uppercase; font-size:1.0em; text-decoration:underline; 
	margin: 0 0 0 10px; padding: 10px 0 0 0;}
#rightpanel .item h3 a {background: url('./images/ico-news.png') center left no-repeat;
	padding:0 0 0 15px; color:#505050; font-weight:bold;}
#rightpanel .item h3 a:hover {color:#767676;}
#rightpanel .item p {margin:10px 10px 0 10px;}
#rightpanel .item p.date {font-size:0.7em; color:#e09555; margin-top:2px;}
#rightpanel .item p.msg {font-size:0.9em; text-align:justify; margin-top:5px;}
#rightpanel .item p.more {text-align:right; margin-top:5px;}
#rightpanel .detail {background: url('./images/ico-detail.png') center right no-repeat;
	color:#fe7500; text-decoration:underline; font-weight:bolder;
	padding:0 12px 0 0;}
#rightpanel a.detail:hover {color:#ff8d2b;}

#rightpanel fieldset {width:260px; margin:5px auto 0 auto;}
#rightpanel label {color:#757575; text-transform:uppercase; font-size:0.8em;}
#rightpanel input[type='text'],
#rightpanel textarea {border:solid 1px #00386b; color:#666666;}
#rightpanel input[type='text']:hover,
#rightpanel textarea:hover {border-color:#2278c7;}
#rightpanel textarea {width:255px; font-family:Arial, Helvetica, sans-serif;}
#rightpanel input[type='submit'] {padding:5px 10px; margin-top:5px; font-weight:bold;}
#contactform .form-em {background-color:#FF8181;}
#contactform .errors {color:#F00; margin:5px 0 10px 15px; padding:0; list-style-type:square;}

/***************************************** F O O T E R *****************************************/

#footer 
{
	background: url('./images/footer-bgr.png') top left no-repeat;
	width:980px; margin:1px auto 50px auto;
	font-size: 0.8em;
	color: #2a2a2a;
	clear: both;
	padding:18px 0 0 0;
	display:block;
	min-height:50px;
}
#footer p {margin:10px 0 15px 20px;}
#footer a {color:#0085ff; text-decoration:underline; margin:0 2px;}
#footer a:hover {color:#1d3e66; text-decoration:none;}

#footer .left, #footer .right {width:400px; margin:0 0 0 140px;}
#footer .right {text-align:right; margin:0 20px 15px 0;}
#footer .right a {margin:0 5px;}
#footer .left strong {color:#00386b;}

#footer .wmap {background: url('./images/ico-wmap.png') center left no-repeat;
	padding: 0 0 0 15px;}
#footer .up {background: url('./images/ico-up.png') center right no-repeat;
	padding: 0 13px 0 0; margin:0 5px 0 0;}

#footer .vhgraphix {text-align:left; float:right; padding: 0; margin:15px 0; 
	text-transform:uppercase;font-weight:normal; }
#footer .vhgraphix img{margin-right:3px;}
#footer .vhgraphix a, #footer .vhgraphix a:visited {color:#666;text-decoration:none;}
#footer .vhgraphix a:hover {color:#888;}
#footer .vhgraphix strong{color:#333;}
#footer .vhgraphix strong:hover {color:#888;}