@import url("reset.css");

body, html {height: 100%;}

body {
	font-family: Tahoma, Arial, Verdana;
	background: url("../images/top_back.png") repeat-x center 0px #f3f3f3;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#333;
}

* { 	margin:0;
	padding:0; }

*:focus { outline:none; }

.clear {clear:both;}

form{margin:0; padding:0;}

sup { bottom: 0px; }

hr { color: #eee; background-color: #eee; height: 1px; border: 0 none;}

.realizacje img { border:1px solid #EEEEEE; padding: 5px;}

.red { color: red !important; }

/* heading */
h1, h2, h4{margin-bottom:12px; font-weight:normal; color:#666666}
h1.tblue{color:#ffaa00;}
h4, h5 {margin-bottom:12px; font-weight:normal; color:#666666}
h1 {font-size:25px; line-height:32px; padding-bottom: 8px; border-bottom:1px dotted #E5E5E5;}
.title{ margin:0px 0px 5px 0px;}
h2 {font-size:16px; line-height:22px; color:#ffaa00; margin-top: 15px; padding-bottom: 8px; border-bottom:1px dotted #E5E5E5;}
h2.tblue {font-size:20px; line-height:22px; color:#ffaa00;}
h3 {font-size:14px; line-height:16px; margin-bottom: 0px; color: #222;}
h4 {font-size:15px; line-height:15px; color:#ffaa00;  padding-bottom: 8px; padding-top:5px; border-bottom:1px dotted #E5E5E5;}
h5 {font-size:13px; line-height:15px; color: #bbb;}

/* links */
a {color:#5f5f5f; text-decoration:none;}
a:hover{color:#fead0a; text-decoration:underline;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; margin-right:15px;}
.imgright{float:right; margin-left:15px;}
.imgmiddle{vertical-align:middle; padding-right:6px}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	color:#5F5F5F;
	font-family: Tahoma, Arial, Verdana;
	font-size:13px;
	line-height:23px;
	margin-bottom:16px;
}
ul, ol {
	margin:5px 0 15px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol { list-style:decimal;}

.bold { font-weight: bold; }

.realiz { 
	border-bottom:1px solid #EFEFEF;
	float:right;
	padding-bottom:12px;
	position:relative;
	text-align:right;
	top:-70px;
	width:380px;
}

.infobox, .infobox-home {
	background:none repeat scroll 0 0 white;
	border:1px dotted #FEAD0A;
	left:-689px;
	margin-bottom:35px;
	padding:3px 0 8px 1px;
	position:relative;
	text-align:center;
	top:-660px;
	width:561px;
}
.infobox-home { top:-680px !important; }

#top_container{width:100%; height:114px; background: url('../images/topbackground.jpg') no-repeat center 0px;}

.contentwrapper{width:1000px; margin:50px auto 0px auto; background: #ffffff; -moz-box-shadow:0 0 10px #d5d5d5; -webkit-box-shadow: 0 0 10px #d5d5d5; box-shadow: 0 0 10px #d5d5d5; border-bottom: 5px solid #fead0a; z-index: 50;}

.separate { border-bottom:1px dotted #E5E5E5; padding-bottom: 12px;}

#content a {text-decoration: underline !important; }

/*** TOP ***/
#topmenu{width:940px; float:left; height:95px;}
#logo{width:340px; float:left; position: relative; left: 14px; top: -198px; display:block;}
#navigation{width:1000px; float:left; padding:30px 0px 0px 0px;}
#toparea{width:1000px; height: 314px; float:left; padding:0px; background:url(../images/toparea.jpg) no-repeat; position: relative; top: -13px; margin-bottom: -90px; display: block;}
.inputbox{background-image:url(../images/bg_search.gif); background-color:#fff; background-repeat:no-repeat; background-position:right; border:solid 1px #f0f0f0; padding:4px 30px 5px 5px; width:168px; color:#857f7f; text-align:left;}
#topmenu{width:940px; float:left; clear:right;}
#nav{margin:12px 9px 0px; padding:0px; list-style-type:none; float:left; z-index:15; position:relative;}
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
#nav li{list-style-type:none; padding:0px; margin:0px; float:left; }
#nav li.noborder{background-image:none;}
#nav li a{color:#666666; text-transform:uppercase; font-size:13px; float:left; padding:0px 23px 0px 23px; line-height:37px; }
#nav li.noborder a{padding-left:0px;}
* html #nav li a{margin-right:1px;} /* ie6 only */
#nav li a:hover{color:#ffaa00; text-decoration:none; border-bottom: 2px solid #ffaa00;}
#nav li a.active{color:#ffaa00; text-decoration:none; border-bottom: 2px solid #ffaa00;}
#nav li li{ margin-top:0; background-image:none; padding:0px; background-image:none; position:relative; z-index:10; border-bottom:solid 1px #f0f0f0; padding:0px 10px; display:block; }
#nav ul { display:none; left:530px; position:absolute; top:37px; width:170px; z-index:10; border:solid 1px #e6e7df; background-color:#fff; border-width:0px 1px 1px 1px; padding:0px 10px; }
#nav li ul a{ width:145px; height:auto; float:left; text-align:left; padding:0px 0px 0px 0px; font-size:11px; font-weight:normal; line-height:33px; z-index:10; color:#333; }
#nav li ul a:hover { border-bottom: none !important; }
#nav ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px; }
#nav li ul ul {left:123px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}

/*** SLIDERS ***/
.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }

.klienci{ display: block; position:relative; width: 270px; height: 200px; margin-top: -10px; }
.klienci img { position:absolute; left:0; top:0; }

/*** CONTENT ***/
#maincontent{width:940px; padding:0 0 10px; margin:0 auto;}
#content{padding:0 55px 0 10px; width:605px; float: left;}
#content_full{width:100%;}
#sideright{width:270px; float:left; padding:0px 0px; position:relative; top:-6px;}
#siderightalt{width:240px; float:right; padding:0px 0px}
#sideright p{margin-bottom:15px;}
#sideright h2{margin-bottom:10px;  padding-bottom: 8px; border-bottom:1px dotted #E5E5E5;}
#sideright ul{margin:0 0 10px; padding:0px; list-style-type:none;}
#sideright ul li{border-bottom:1px dotted #E5E5E5; font-size:11px; list-style-type:none; margin:0; padding:13px 0 13px 20px;}
#sideright ul li a, #sideright ul li a:visited{color:#6b6b6b; font-weight: bold; font-size: 13px;}
.sidebox{position:relative; margin-bottom:30px;}
.imgborder{border:solid 3px #cccccc;}

/*** FOOTER ***/
#bottom_container a, #bottom_container a:visited{color:#333;}
#bottom_container{padding:10px 0px 0px 0px; width:100%; min-height:190px;}
* html #bottom_container{height:190px;}/* ie6 only */
.bottom_box{width:270px; float:left; position:relative; top:5px; margin-bottom:20px; border-bottom: 1px dotted #E5E5E5;}
.bottom_box h2{border-bottom:solid 5px #f5f5f5; padding:0px 0px 8px 0px; margin:0px 0px 5px 0px;}
.bottom_box .date{color:#999999; font-size:11px;}
.bottom_box ul{list-style-type:none; margin:0px; padding:0px;}
.bottom_box ul li{list-style-type:none; margin:0px; padding:0px 0px 0px 15px; line-height:30px; border-bottom:solid 1px #f5f5f5; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:left}

.footerwrapper{width:1000px; margin:0px auto 0px auto;}
#footer_back { background: url(../images/footer_back_x.png) repeat-x; width: 100%; height: 240px; position: relative; z-index: -1; margin-top: -50px;}

#upperleft {background:url("../images/footer_img.png") no-repeat scroll 0 11px transparent; float:left;
height:180px; left:45px; padding-left:220px; position:relative; top:60px; width:400px;}
#upperleft h1, #upperright h1 { border: 0 none; padding-bottom: 0px; margin-bottom: 0px; font-size:13px; font-weight:bold; color:#c5c5c5 !important;}
#upperleft p { font-size: 11px !important; color: #aaa !important; }
#upperleft a, #upperright a { font-size: 11px !important; color: #aaa !important; }
#upperright {float: left;  position:relative; top:60px; width:100%; }
#upperright ul { list-style-type: none; margin-top:0; }
#upperright li { margin-left: 0px; }
#ur1, #ur2, #ur3, #ur4 {float: left; width: 250px; }

#lowerleft { font-size:11px; left:25px; position:relative; top: 90px; color: #a6a6a6; }
#lowerright { float:right; font-size: 11px; position:relative; right: 25px; top: 79px; color: #6d6d6d; margin-bottom: -20px;}

input{
	background: url('../images/input_bg.gif') repeat-x #ffffff;
	border: 1px solid #ACACAC;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	color: #333333;
	padding-left: 2px;
	width: 60%;
	vertical-align: middle;
	height: 20px;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	float: right;
	margin-bottom: 10px;
}

.input_btn{
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	color: #333333;
	border: 1px solid #ACACAC;
	height: 24px;
	width: 120px;
}

.input_textarea{
	background: url('../images/input_ta.gif') repeat-x #ffffff;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	color: #333333;
	border: 1px solid #ACACAC;
	padding-left: 2px;
	width: 60%;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	float: right; 
}

select { 
	background: url('../images/input_bg.gif') repeat-x #ffffff;
	border: 1px solid #ACACAC;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana;
	color: #333333;
	padding-left: 2px;
	width: 60%;
	vertical-align: middle;
	height: 20px;
	border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px;
	float: right;
	margin-bottom: 10px;
}

.checkbox { left:0px; position:relative; }

label { }

.send {
	margin-right:268px;
	width:100px;
}