/* CSS Document */
body{padding:0px; margin:0px; background:#2f383f; color:#FFF; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

/* top */

#top{
	width:747px;
	height:53px;
	position:relative;
	margin: 0 auto;
	clear:both;
	vertical-align: middle;
	background-image: url(../images/top.gif);
}
#top p{width:535px; position:relative; margin: 20px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}
#top p.place{
	width:210px;
	position:relative;
	font-weight:bold;
	text-align:center;
	color:#fff;
	display:block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(../images/line2.jpg);
	top: 20px;
}

#top a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding: 0 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}
#top a:hover{
	color:#000;
	text-decoration:none;
	background:#fff;
	font-size: 14px;
	font-weight: bold;
}

/* HEADER */

#header{width:747px; height:200px; position:relative; margin: 0 auto; clear:both;}

#formPan{
	width:212px;
	height:200px;
	float:left;
	background:url(../images/b_form.jpg) 0 0 no-repeat;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	color: #474344;
}

#mainimgPan{width:535px; float:left;}

#mainimgPan ul{position:relative; margin: 6px 0 0 65px; clear:both; height:26px;}
#mainimgPan ul li {float:left; margin-right:40px}
#mainimgPan ul li.line {width:2px; height:18px;}

#mainimg{position:relative; height:200px; clear:both; background:url(../images/b_slogan.jpg) 0 0 no-repeat;}
#mainimg img {
	position: absolute;
	top:126px;
	left:353px;
	width: 160px;
}


/* CONTENT */
#content{width:747px; position:relative; margin: 0 auto; clear:both; background:#70848f; border-bottom: #FFFFFF 1px dashed; border-top: #FFFFFF 1px dashed;}
#content a{font:10px/14px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#content a:hover{color:#FFF;}

#leftPan{
	width:212px;
	position:relative;
	float:left;
	background:url(../images/b_leftpan.jpg) 0 0 repeat-y;
	height: auto;
}

#services{position:relative; margin: 20px 15px 15px 15px}
#services h2{
	width:182px;
	height:25px;
	background:url(../images/h_services.jpg) 0 0 no-repeat;
	position:relative;
	padding-bottom:15px;
	text-align: center;
	font-size: 10px;
	text-decoration: blink;
}
#services p{width:170px; position:relative; padding: 0 0 0 4px; }
#services p span{
	width:170px;
	color:#000000;
	font-weight:bold;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.spacerline{position:relative; clear:both; height:2px; background:url(../images/b_hline.jpg) 0 0 repeat-x; margin:0 }

#rightPan{width:535px; position:relative; float:left;}

#welcome{
	width:497px;
	position:relative;
	margin:15px 0 0 14px;
	font-size: 11px;
	vertical-align: middle;
	font-weight: bold;
}#welcome h1{
	font-size: 11px;
	font-weight: bold;
}
#welcome a{
	color:#000;
	font-weight:bold;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	background-position: 0;
	background-color: #FFF;
}
#welcome a:hover{
	text-decoration:none;
	background:#3c474f;
	font-size: 11px;
	font-weight: bold;
}

#fcontainer{
	width:497px;
	position:relative;
	margin:18px 0 0 14px;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}

#featured{
	width:497px;
	position:relative;
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#featured a{
	color: #000;
	background-color: #FFF;
	font-size: 10px;
	font-weight: bold;
}
#featured a:hover{
	color: #FFF;
	background-color: #000;
	font-size: 10px;
	font-weight: bold;
}

#featured h2{
	font-size: 10px;
}
#featured p{
	width:360px;
	position:relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 120px;
	height: 38px;
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
#featured p.feat1{background:url(../images/img_featured1.jpg) 4px 0 no-repeat; }
#featured p.feat2{background:url(../images/img_featured2.jpg) 4px 0 no-repeat; }
#featured p.feat3{background:url(../images/img_featured3.jpg) 4px 0 no-repeat; }
#featured p.feat4{
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	height: 20px;
}
#featured p.feat5{
	background-image: url(../images/phone.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	height: 20px;
}
#featured p.feat6{
	background-image: url(../images/adresa.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	height: 20px;
}
#featured p.feat7{
	background-image: url(../images/reg.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	height: 20px;
}
#featured p.feat8{
	background-image: url(../images/email.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	height: 20px;
}
#vspacerline{width:2px; height:164px; position:relative; float:left; padding-right:7px; margin-top:5px; background:url(../images/line1.jpg) 0 0 no-repeat;  }

/* BOTTOM */

#bottom{width:747px; height:56px; position:relative; margin: 0 auto; clear:both;}
#bottom a {
	color: #FFFFFF;
}
#bottom p{width:535px; position:relative; margin: 10px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}
.gallerycontainer{
	position: relative;
	width: 88px;
	vertical-align: top;
	left: 20px;
	height: 110px;
}
.gallerycontainer1{
	position: absolute;
	width: 88px;
	vertical-align: top;
	left: 120px;
	height: 110px;
}
.gallerycontainer2{
	position: absolute;
	width: 88px;
	vertical-align: top;
	left: 220px;
	height: 110px;
}
.gallerycontainer3{
	position: absolute;
	width: 88px;
	vertical-align: top;
	left: 320px;
	height: 110px;
}
.gallerycontainer4{
	position: absolute;
	width: 88px;
	vertical-align: top;
	left: 420px;
	height: 110px;
}

.thumbnail img{
	border: 2px solid #666666;
	margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
	border: 3px solid #333333;
}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #666666;
	padding: 1px;
	left: -1000px;
	border: 1px none gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -350px;
left: -90px; /*position where enlarged image should offset horizontally */
z-index: 50;
}