@charset "utf-8";

/* CSS Document */



body {

	margin: 0;

	padding: 0;

	background: #000000 url(images/layout/bg.jpg) repeat-x;

	

	color: #516695;

	font-size: 11px;

	font-family: Tahoma;

	line-height: 14px;

}



h1 {

	margin: 0 0 15px 0;

	padding: 0;

	color: #1b4096;

	font-size: 17px;

	font-family: Arial, Helvetica, sans-serif;

}



.heading1 {

	color: #3959a1;

	font-size: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

.heading1 h1 {

	color: #3959a1;

	font-size: 20px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	padding:0px;

	margin:0px;

}



.heading2 {

	color: #566176;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}



/**

 * Main parts

 */

#header {

	margin: 0 auto;

	width: 900px;

	height: 195px;

	background-image: url(images/layout/header.jpg);

}



#navigation {

	margin: 0 auto;

	padding-top: 9px;

	width: 320px;

	height: 39px;

}



#site {

	margin: 0 auto;

	width: 540px;

	background-image: url(images/layout/middle_repeat.jpg);

}



#top, #middle, #middle_white, #bottom { width: auto }



#top {

	height: 40px;

	background-image: url(images/layout/top.jpg);

}



#middle {

	background: url(images/layout/middle.jpg) no-repeat;

}



#middle_white {

	padding: 0 55px;

	height: auto;

	background: url(images/layout/middle_white.jpg) 0 100% no-repeat;

}



#bottom {

	margin-bottom: 15px;

	padding: 35px 0 0 55px;

	height: 20px;

	background-image: url(images/layout/bottom.jpg);

	

	color: #7d94bb;

	font-size: 10px;

}



/**

 * Navigation

 */

#navigation a {

	display: block;

	height: 20px;

	float: left;

}



.nav_portfolio, .nav_oferta { width: 71px }

.nav_kontakt { width: 71px }



.nav_space {

	width: 19px;

	height: 20px;

	background-image: url(images/layout/nav_space.png);

	float: left;

}



a.nav_portfolio, a:link.nav_portfolio, a:active.nav_portfolio {

	background-image: url(images/layout/nav_portfolio.png);

} a:hover.nav_portfolio {

	background-image: url(images/layout/nav_portfolio_over.png);

}



a.nav_oferta, a:link.nav_oferta, a:active.nav_oferta {

	background-image: url(images/layout/nav_oferta.png);

} a:hover.nav_oferta {

	background-image: url(images/layout/nav_oferta_over.png);

}



a.nav_kontakt, a:link.nav_kontakt, a:active.nav_kontakt {

	background-image: url(images/layout/nav_kontakt.png);

} a:hover.nav_kontakt {

	background-image: url(images/layout/nav_kontakt_over.png);

}



a{

	color: #375daa;

	font-weight: bold;

	text-decoration: none;

}a:hover {

	text-decoration: underline;

}



/**

 * Default

 */

.mark1 {

	padding-left: 12px;

	background: url(images/mark1.png) 0 5px no-repeat;

}

.mark1 a, .mark1 a:link, .mark1 a:active {

	color: #375daa;

	font-weight: bold;

	text-decoration: underline;

} .mark1 a:hover {

	text-decoration: none;

}



.mark2 {

	margin-top: 13px;

	padding-left: 12px;

	background: url(images/mark2.png) 0 5px no-repeat;

}

.mark2 a, .mark1 a:link, .mark1 a:active {

	color: #375daa;

	font-weight: bold;

	text-decoration: none;

} .mark2 a:hover {

	text-decoration: underline;

}



.portfolio1 {

	margin-top: 18px;

	width: 170px;

	float: left;

}

.portfolio2 {

	margin-top: 18px;

	width: 234px;

	float: right;

}

.portfolio3 {

	margin-top: 18px;

	width: 404px;

	float: left;

	text-align:justify;

}



.portfolio1_div {

	margin: 20px 0 0 18px;

}



.line {

	margin-top: 10px;

	width: auto;

	height: 1px;

	background-color: #b6c9ed;

}