html,body
{
	height:100%;
	margin:0;
	font-family: Arial;
    background:url('files/bg.png') top center repeat;
}
/* layers */

#bg-top
{
    position:absolute;
	top:0px;
	left:0px;
	margin:0 auto;
	width:100%;
	height:279px;
    background:url('files/bg-top.png') top center repeat-x;
    z-index:0;
}

#bg-left
{
    position:absolute;
	top:0px;
	left:0px;
	margin:0 auto;
	width:462px;
	height:305px;
    background:url('files/bg-left.png') top left no-repeat;
    z-index:1;
}

#top
{
	position:relative;
	width:500px	;
	height:59px;
	margin:0;
	background:url('files/top.png') top left no-repeat;

}

#page
{

	background:url('files/bg-page.png') top left repeat-y ;
	font-family:  Arial;
	font-size: 12px;
	color : #000000;
	text-align:left;
    position:absolute;
    top:0px;
    left:323px;
    width: 532px;
    padding: 0;
    z-index: 2;
}

#footer
{
	position:relative;
	width:531px;
	height:109px;
	margin:0;
	background:url('files/footer.png') bottom left no-repeat;

}

#text
{
	position:relative;
	width:500px;
	min-height:300px;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:#737373;

}


/* MIN HEIGHT FOR Internet Explorer */
/* firefox */
#text
{
    /* height */
    min-height:350px;
    height:auto;
  
}
/* IE */
* html #text {
height: 350px;

}
/* END MIN HEIGHT FOR Internet Explorer */




#webtin  li
{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style-image:url('files/dot.png');
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	color: #4556A5;
	letter-spacing:1px;

}

#top-item
{
 background: url('../css/files/top-item.png') top center repeat-x  ;
 width:100%;
 height:303px;
 position:absolute;
 top:0px;
 left:0px;
 z-index:0;
}



.underline
{
	border-bottom:1px dotted #2C384E;
}

/* hrefs */



#left-menu
{
	z-index:4;
	position:absolute;
	left:184px;
	top:203px;
}

#left-menu ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family:arial;
	font-size:11px;
	color:#BEC5E5;
}

#left-menu a
{
	color:#BEC5E5;
	display: block;
	width:133px;
	height:20px;
	background:#5668BB;
	text-decoration: none;
	text-align:right;
	line-height:20px;
	margin:1px;
	border-bottom: 1px solid #5668BB;
	letter-spacing:1px;
}

#left-menu a:hover
{
	color:#ffffff  ;
	background:url('files/bg-left-menu.png') bottom right no-repeat #6077E2;
	border-bottom: 1px solid #6077E2;

}

#left-menu a.here
{
	color:#ffffff  ;
	background:url('files/bg-left-menu.png') bottom right no-repeat #6077E2;
	border-bottom: 1px solid #6077E2;
	font-weight:bold;
}




#text a
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:#394DA7;
}

#text a:hover
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:  #97191F;
}


/* headers */
h1
{
	font-family:arial;
	font-size:16px;
	font-weight:normal;
    display:none;
}

h2
{
	font-family:arial;
	font-size:12px;
	color:#394DA6;
	font-weight:bold;
	margin-bottom:5px;
	letter-spacing:1px;

}

h3
{
	font-family:arial;
	font-size:12px;
	color:#aa8c49;
	font-weight:bold;

}
h4
{display:none;}



/* forms */

input.form
{
	width:150px;
}

textarea.form
{

}
select.form
{
	width:155px;
}
checkbox.form
{


}

/* tables */



/* others */

#owner
{
	position:absolute;
	top:38px;
	width:100%;
	height:20px;
    font-family: Arial;
	font-size: 9px;
	color: #9E9E9E;
	text-align:center;

}



.hidden
{
	display:none;
}


img
{
	border:0px;
	vertical-align:middle;
}


hr.clear
{
   clear: both;
   height: 1px;
   border: none;
   visibility: hidden;
   margin:0 auto;
}





/*top menu */


#top-menu
{
	margin: 0px;
	padding: 0px;

}

#top-menu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	display:block;

}

#top-menu ul li
{
	float: left;

}

#top-menu  a.webtin
{
	text-decoration: none;
	background: url(files/webtin.png) no-repeat top left;
	float: left;
	margin: 0;
	width: 169px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;




}

#top-menu li a:hover.webtin
{
	background: url(files/webtin.png) no-repeat -169px 0;


}

#top-menu li a.webtin-here
{

	text-decoration: none;
	background: url(files/webtin.png) no-repeat -169px 0;
	float: left;
	margin: 0;
	width: 169px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;


}

#top-menu ul li a.portfolio
{
	text-decoration: none;
	background: url(files/portfolio.png) no-repeat top left;
	float: left;
	margin: 0;
	width: 161px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;


}

#top-menu li a:hover.portfolio
{
	background: url(files/portfolio.png) no-repeat -161px 0;

}
#top-menu li a.portfolio-here
{
	text-decoration: none;
	float: left;
	margin: 0;
	width: 161px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;
	background: url(files/portfolio.png) -161px 0;

}

#top-menu ul li a.kontakt
{
	text-decoration: none;
	background: url(files/kontakt.png) no-repeat top left;
	float: left;
	margin: 0;
	width: 170px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;




}

#top-menu li a:hover.kontakt
{
	background: url(files/kontakt.png) no-repeat -170px 0;

}
#top-menu li a.kontakt-here
{
	text-decoration: none;
	float: left;
	margin: 0;
	width: 170px;
	height: 130px;
	font-family:arial;
    font-size:1px	;
    text-decoration:none;
    color:#ffffff;
	background: url(files/kontakt.png) -170px 0;

}



.thumb
{
	width:113px;
	height:auto;
	float:left;
	margin:0px 30px 5px 0px;
	font-family:arial;
	font-size:11px;
	color:#6E6E6E;
	text-align:center;
	font-weight:normal;
	line-height:13px;

}

thumb a
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:#394DA7;
}

thumb a:hover
{
	font-family:arial;
	font-size:12px;
	text-decoration:none;
	color:#97191F;
}


.thumb img
{

	position:relative;
	width:100px;
	height:100px;
	background: #d2d2d2;
	border:3px solid #ffffff;
	margin-left:2px ;
	margin-right:2px ;
}
.border
{
	border:2px solid #E2E2E2;
}



/* page list */

#list-page
{

	width:100%;

}


#list-page ul li
{
	float: left;
	line-height:19px;

}
#list-page ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	display:block;

}
#list-page  li a
{

	border:1px solid #DEE1F2;
	float: left;
	margin: 2px;
	width: 19px;
	height: 19px;
	font-family:arial;
    font-size:11px	;
    text-decoration:none;
    color:#5F5F5F;
}

#list-page  li a:hover
{
	color:#ffffff;
	background:#AEABCD;
	border:1px solid #7D93DF;
}

#list-page  u
{
	font-weight:bold;
	color:#2D3C82;
	background:#DEE1F2;
	border:1px solid #7D93DF;
	float: left;
	margin: 2px;
	width: 19px;
	height: 19px;
	font-family:arial;
    font-size:11px	;
    text-decoration:none;
}


#stuff
{
font-family:arial;
font-size:11px;
color:#A6A4C8;
}

#form
{
  position:absolute;
  top:-8px;
  left:18px;  
  width:463px;
  height:50px;
  font-family:arial;
  color:#31428E;
  font-weight:normal;
  font-size:11px; 
  text-align:center;
  
  
}
.question
{
  width:85px;
  height:19px;
  border: 1px solid #C5C9DE;
  font-family:arial;
  color:#31428E;
  font-weight:normal;
  font-size:11px;
  padding-left:3px;
  vertical-align:middle;
}

input.send
{
background:url('files/form.jpg') top left no-repeat;
width:22px;
height:22px;
cursor:hand;
vertical-align:middle;

}


a.white
{
	text-decoration: none;
	font-family:arial;
  font-size:12px	;   
  color:#E5DBCD;
}
a:hover.white
{
	text-decoration: none;
	font-family:arial;
  font-size:12px	;   
  color:#E5DBCD;
}