@CHARSET "UTF-8";
/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt Version: 0.11.3 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}hr{border: 0;}address,caption,cite,code,dfn,em,th,samp,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}

html, body{height:100%;}

body {
	background: url("../images/bg_2.jpg");
	font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif;
	font-size: 11px;
}

a {

}

div#gradient {
	background: url("../images/gradient_bg.png") repeat-x;
	height: 250px;
	width: 100%;
	z-index: 0;
	position: absolute;
}

div#container {
	background: url("../images/content_bg.gif") repeat-y left;	
	height: 100%; /* temp */ 
	position: absolute;
	z-index: 1;
}

div#top h1 {
	background: url("../images/lr.png") no-repeat bottom;
	width: 319px;
	height: 25px;
	margin-left: 100px;
	padding-top: 45px;
}

div#top h2 {
	background: url("../images/motto_2.png") no-repeat;
	width: 171px;
	height: 14px;
	margin-top: 5px;
	margin-left: 100px;
}

div#top h1 span, h2 span {	display: none; }

div#hbar {
	margin-top: 40px;
	background: url("../images/h3_bg2.png") repeat-y;
	width: 750px;
	height: 26px;
}

h3.realizacje, h3.o_mnie, h3.kontakt {
	width: 84px;
	height: 14px;
	margin-left: 100px;
	position: relative;
	top: 6px;
}

h3.realizacje {	background: url("../images/h_realizacje.jpg") no-repeat;	}
h3.o_mnie {	background: url("../images/h_o_mnie.jpg") no-repeat;	}
h3.kontakt {	background: url("../images/h_kontakt.jpg") no-repeat;	}

h3 span {	display: none;	}

ul#menu {
	margin-top: 8px;
	padding-left: 100px;
	background: url("../images/menu_ul_bg.png") no-repeat top;
	width: 700px;
	height: 40px;
}

ul#menu li {
	display: block;
	float: left;
}

ul#menu li a {
	display: block;
	width: 150px;
	height: 35px;
	background-position: top;
}

ul#menu li a span {
	display: none;
}

a#menu_main {	background: url("../images/main_normal.png");  }
a#menu_about {	background: url("../images/about_normal.png");	}
a#menu_contact {	background: url("../images/contact_normal.png");	}

ul#menu li a:hover { background-position: bottom;	}

a#menu_main.selected {	background: url("../images/main_bold.png") bottom; }
a#menu_about.selected {	background: url("../images/about_bold.png") bottom;	}
a#menu_contact.selected {	background: url("../images/contact_bold.png") bottom;	}
/*
a#menu_main.selected {	background: url("../images/main_selected.png") top; }
a#menu_about.selected {	background: url("../images/about_selected.png") top;	}
a#menu_contact.selected {	background: url("../images/contact_selected.png") top;	}
*/
a#menu_main.selected_hover, a#menu_contact.selected_hover, a#menu_about.selected_hover {	background-position: top;	}


ul.realization {
	margin-top: 10px;
}

ul.realization h4 {
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: 5px;
	float: left;
}

ul.realization li {
	background: url("../images/li_bg2.png") repeat-y white;
	display: block;
	width: 650px;
	height: 110px;
	margin-bottom: 18px;
	padding-left: 100px;
}

ul.realization li.first {
	background: url("../images/li_hover_bg2.png") repeat-y;
}

ul.realization li p {
	float: left;
	width: 230px;
	font-size: 11px;
	color: #5d5d5d;
	padding-left: 5px;
	text-align: justify;
}

ul.realization a {
	color: #476a64;
}

ul.realization li img {
	float: right;
	margin-top: 10px;
}

div.realization_hover {
	width: 400px;
	height: 90px;
	z-index: 1;
	position: relative;
	top: 10px;
	left: 250px;
	display: block;
}

div.hover_on {	background: url("../images/li_hover_on.gif") repeat-y;	}
div.hover_off {	background: url("../images/li_on2.gif") repeat-y;	}

ul.realization li a.info, div.content a.info {
	color: #5d5d5d;
	text-decoration: none;
	border-bottom: 1px dashed;
	cursor: help;
}

ul.realization li p.go {
	margin-top: 6px;
	margin-left: 5px;
	padding-left: 12px;
	background: url("../images/external.gif") left center no-repeat;
}

ul.pager {
	background: url("../images/pager_bg2.gif") repeat-y;
/*	background: url("../images/pager_bg.png") no-repeat;*/
	width: 651px;
	height: 23px;
	padding-left: 150px;
	padding-top: 9px;
	color: gray;
	font-weight: bold;
}

ul.pager li {
	display: inline;
	margin-right: 20px;
	padding: 7px;
}

ul.pager li a {
	font-weight: bold;
	color: #476a64;
	text-decoration: none;
}

div.content {
	width: 550px;
	margin-top: 10px;
	padding: 10px 100px 40px 100px;
	background: url("../images/li_hover_bg2.png") repeat-y;
	color: #5d5d5d;
}

div.content p {
	text-align: justify;
}

div.content a {
	color: #476a64;
}

div.content h4 {
	font-size: 12px;
	margin-bottom: 5px;
	color: black;
}

div.content ul li {
	list-style: disc;
	margin-left: 20px;
}

div#footer {
	background: url("../images/content_bg.gif") repeat-y left;	
	padding-top: 20px;
	width: 650px;
	height: 80px;
/*	padding-right: 100px;*/
}

/*hr {
	background: url("../images/footer_bg.jpg") no-repeat top left;
}*/

div#footer a {
	color: black;
	text-decoration: none;
}

div#footer a.selected {
	font-weight: bold;
}

div#footer p {
	padding-left: 100px;
	margin-bottom: 10px;
}

div#footer p:first-child {
	padding-top: 20px;
	padding-right: 100px;
	width: 650px;
	display: block;
	background: url("../images/footer_bg.jpg") no-repeat top left;	
}

form#contact {
	margin-top: 10px;
}

form#contact label {
	display: block;
	width: 150px;
	text-align: right;
	float: left
}

form#contact input,form#contact textarea {
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 4px;
	width: 200px;
}

form#contact textarea {
	width: 250px;
}

form#contact p {
	clear: both;
}

form#contact input.submit {
	clear: both;
	margin-left: 160px;
	margin-top: 10px;
}

form#contact label.error { 
	font-weight: bold; 
	color: #b80000;
	width: 230px;
}

form#contact p.text label.error {
	width: 340px;
}

ul.contact_list li {
	margin-top: 6px;
}

div.content a.gg {
	font-size: 12px;
	text-decoration: none;
	color: #a00000;
}

img#foto {
	float: right;
	padding: 4px 4px 4px 4px;
	border: gray 1px solid;
	margin: 0px 0px 5px 25px;
}

p.pabout {
	width: 415px;
	margin-bottom: 15px;
}

ul.clients {
	margin: -10px 0 5px 0;
}