@charset "UTF-8";

*{margin:0;padding:0;}

body { font: .75em "Arial", Verdana, Serif; background: #fff url(../images/background.png) repeat-x; color: #1e197c; }

a { color: #1e197c; text-decoration: none; }
a:hover { color: #1e197c; }

p { line-height: 1.3em; margin: 0 0 5px; }

.x { clear: both; }

h1 { font-size: 1.4em; color:#1e197c; font-weight: bold; margin: 0 0 5px; }
h2 { font-weight: normal; font-size: 2.6em; padding: 0 0 5px; margin: 0 0 5px; }
h3 { font-size: 1.4em; color:#1e197c; font-weight: bold; margin: 0 0 5px; }
h3 a { color: #222; }


#page {
	width: 900px; 
	margin: 0 auto;
}

#header {
	height: 120px;
	float: left;
	margin: 0 auto;

}

ul#menu { padding-top: 56px; padding-left: 356px; }
	ul#menu li { display: inline; }
	ul#menu li a { float: left; display: block; height: 61px; text-indent: -9999px;  }
	ul#menu li.home a { width: 135px; background: url(../images/btnHome.png) bottom center no-repeat; }
	ul#menu li.aboutus a { width: 135px; background: url(../images/btnAboutUs.png) bottom center no-repeat; }
	ul#menu li.services a { width: 135px; background: url(../images/btnServices.png) bottom center no-repeat; }
	ul#menu li.contact a { width: 135px; background: url(../images/btnKontakt.png) bottom center no-repeat; }
	ul#menu li a:hover { background-position: center top; background-repeat: no-repeat;}
	body#homepage ul#menu li.home a { background-position: center top; background-repeat: no-repeat; }	
	body#aboutpage ul#menu li.aboutus a { background-position: center top; background-repeat: no-repeat; }	
	body#servicespage ul#menu li.services a { background-position: center top; background-repeat: no-repeat; }	
	body#contactpage ul#menu li.contact a { background-position: center top; background-repeat: no-repeat; }		
					
#about {
	width: 900px;
	float: left;
	margin:  0 auto;
	background: url(../images/about.png) repeat-x ;
	}

.colabout { width: 420px; margin: 20px 0 0 0; float: left; font-size: 1.2em;
	padding-right: 15px; padding-left: 15px;
}
.colabout.last { width: 420px; padding-left: 20px; padding-left: 15px;
	}

.aboutspace {
	padding-left: 20px;
	font-weight: bold;
}

#content {
	width: 900px;
	float: left;
	margin: 25px auto;
	background: url(../images/content.png) repeat-x ;
}

#content2 {
	width: 900px;
	float: left;
	margin: 3px;
	background: url(../images/content2.png) repeat-x ;
}

.contentspace {
	padding-left: 20px;
}

#footer {
	clear: both; font-size: .9em; color: #999;
	padding-top: 30px;
	padding-bottom: 20px;
}

.col1 { width: 300px; margin: 20px 0 0 0; float: left; font-size: 1.2em;
		}
.col2 { width: 300px; margin: 20px 0 0 0; float: left; font-size: 1.2em;
		}
.col.last { width: 300px; margin: 20px 0 0 0; float: left; font-size: 1.2em;
		}

.col11 { width: 260px; margin: 10px 0 0 0; float: left; font-size: 1.2em; padding-left: 20px; padding-right: 20px;
		}
.col22 { width: 260px; margin: 10px 0 0 0; float: left; font-size: 1.2em; padding-left: 20px; padding-right: 20px;
		}
.col.last2 { width: 260px; margin: 10px 0 0 0; float: left; font-size: 1.2em; padding-left: 20px; padding-right: 20px;
		}

.logo {
	float: left;
	display: block;
	position: relative;
	left: 10px;
	top: 0px;
}