/* RESET */

body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table {margin: 0; padding: 0; outline: none;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
abbr,acronym {border: 0;}
a, a img {outline: none; text-decoration: none;}

br.clearboth {clear: both;}

/* STRUCTURE */



body {background: url(../img/bg.jpg) top center no-repeat #fff; font: normal 12px/18px Tahoma, Verdana, sans-serif; color: #6e6e6e;}

#container {width: 960px; margin: 0 auto; padding: 0; position: relative;}

#header {height: 80px; position: relative; z-index: 1;}

	.logo_ekopia {float: left; margin: 0 0 0 15px;}
	.logo_novitus {float: right; margin: 30px 15px 0 0;}
	
	.logo_ekopia1 {float: left; margin: 30px 0 0 15px;}
	.logo_novitus1 {float: right; margin: 40px 30px 0 0;}

#menu {height: 81px; background: url(../img/bg_menu.png) top center no-repeat;  position: relative; z-index: 2;}
	
	#menu ul {list-style: none; margin: 0 5px; padding: 0;}
	#menu li {float: left; font: normal 13px/34px Tahoma, Verdana, sans-serif; }
	#menu li a {color: #3c3c3c; padding: 2px 10px; text-decoration: none;}
	#menu li a:hover {color: #ffffff; padding: 2px 10px; background-color: #0081c4;}
	#menu li.active a{color: #ffffff; background-color: #0081c4;}
	.menu_left {float: left;}
	.menu_left li {background: url(../img/hr_menu.png) center right no-repeat;}
	.menu_right {float: right;}
	.menu_right li {background: url(../img/hr_menu.png) center left no-repeat;}
	
#top {background: url(../img/bg_top.jpg) top center no-repeat; width: 936px; height: 144px;}

#banner {position: absolute; top: 118px; left: 0; height: 285px; z-index: 0;}

#beam {height: 150px; margin: 10px 0 10px 0;}
#beam .box_beam {float: left; width: 232px; height: 150px; background: url(../img/bg_beam.png) top center no-repeat;}
#beam .header1 {color: #515757; text-transform: uppercase; font-size: 10px; padding: 0 0 0 1px;}
#beam .header2 {color: #006bb7; font-size: 20px;}
#beam .beam1 {background: url(../img/beam1.png) bottom right no-repeat; padding: 15px;}
#beam .beam2 {background: url(../img/beam2.png) bottom right no-repeat; padding: 15px;}
#beam .beam3 {background: url(../img/beam3.png) bottom right no-repeat; padding: 15px;}
#beam .beam4  {padding: 15px;}

#content {background-color: #ffffff;}

#subcontent {height: 100%; position: relative; z-index: 3;}

	.left {width: 240px; float: left;}
	.right {min-height: 350px; width: 673px; float: right; margin: 0 15px 0 0; padding: 0 15px 20px 15px; background: url(../img/bg_right.jpg) top center repeat-x #eeeeed; border-left: 1px solid #dcd9d9; border-right: 1px solid #dcd9d9;}
	.right_bottom {width: 705px; height: 10px; float: right; margin: 0 15px 0 0; background: url(../img/bg_right.png) top center no-repeat;}
	.right_top {background: url(../img/bg_right_top.png) center right no-repeat; height: 150px; width: 705px; position: absolute; top: 25px; right: 15px; z-index: 0;}
	
	.right ul {list-style: none; padding: 0; margin: 10px 0;}
	.right li {background: url(../img/bg_li.png) center left no-repeat; padding: 0 0 4px 35px; margin: 0;}
	
	.box {margin: 0 0 40px 15px;}
	.box .top {color: #006bb7; font-size: 20px; margin: 0 0 20px 0;}
	.box .center {width:215px;}
	
	.box .center ul{list-style: none; margin: 0; padding: 0;}
	.box .center li a {background: url(../img/arrow_a.png) center left no-repeat; font: normal 12px/24px Tahoma, Verdana, sans-serif; color: #3c3c3c; padding: 0 0 0 30px;}
	.box .center li li a {background: url(../img/arrow_a.png) center left no-repeat; font: normal 12px/24px Tahoma, Verdana, sans-serif; color: #3c3c3c; padding: 0 0 0 30px;  margin: 0 0 0 30px;}
	.box .center li a:hover, .box .center li.active a {color: #0081c4; background: url(../img/arrow_a_h.png) center left no-repeat;}
	
	table.delio_prime td {}
#ajax {background: url(../img/bg_ajax.png) bottom center no-repeat; height: 368px; line-height: 24px; padding: 180px 0 0 0; position: relative; z-index:4;}	
#ajax .button {text-align: left; height: 142px;}
#ajax .button img {cursor: pointer; float: left;}
#ajax .box_ajax1 {background: url(../img/oszczednosc.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
#ajax .box_ajax2 {background: url(../img/ochrona.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
#ajax .box_ajax3 {background: url(../img/latwosc.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
#ajax .box_ajax4 {background: url(../img/wygoda.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
#ajax .box_ajax5 {background: url(../img/bezpieczenstwo.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
#ajax .box_ajax6 {background: url(../img/korzysci.png) bottom left no-repeat; padding: 20px 15px 20px 250px; margin: 0 0 0 1px; height: 185px;}
	
#footer  {height: 36px; background: url(../img/bg_footer.png) top center no-repeat; margin: 0 0 50px 0;}
#footer td {text-align: center; height: 36px; font: normal 11px/18px Tahoma, Verdana, sans-serif;}


/* FORMAT */

a {color: #f9a13a;}
a:hover {color: #636363;}

h1 {font: normal 24px/26px Tahoma, Verdana, sans-serif;color: #006bb7;}
h3 {font: bold 13px/14px Tahoma, Verdana, sans-serif; margin: 0 0 10px 0;}
h4 {color: #006bb7; font-size: 17px; margin: 0 0 15px 0; border-top: 1px solid #dcd9d9; border-bottom: 1px solid #dcd9d9; width: 100%; padding: 4px 0;}
h5{color: #006bb7; font-size: 13px; border-top: 1px solid #dcd9d9; border-bottom: 1px solid #dcd9d9; width: 100%;}
h6{color: #006bb7; font-size: 13px; border-top: 1px solid #dcd9d9; border-bottom: 1px solid #dcd9d9; width: 100%; margin: 0 0 10px 0;}

input, select, textarea {width: 98%; border: 1px solid #dcd9d9; background-color: #f3f3f3; margin: 0 0 8px 0; font: normal 11px/14px Tahoma, Verdana, sans-serif; color: #6e6e6e; padding: 2px 0;}

a.btn {display: block; margin: 0; background: url(../img/btn.png) top center no-repeat; width: 86px; height: 20px; border: 0px solid #fff; color: #505151; text-align: center; font: normal 9px/20px Tahoma, Verdana, sans-serif; }