@charset "utf-8";
body{ margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-image: url(waimg/tlo.gif); background-position: top center; background-repeat: no-repeat; height:150px;}
.czysc { clear:both;}
a { color:#72a135;}
p{ line-height:19px;}
div#kontener{ margin:0 auto; padding:0; background:#fff; width:960px;}
div#logo{ width:300px; float:left;}

div#menu{ width:660px;float:left; clear:right; height: 100px;}

div#zajawka{ width:660px;float:left;}

div#prawakol{ width:300px; float:right; background-image: url(waimg/belka.gif); background-position: top right; background-repeat: no-repeat;  }
div#prawakol h2, div#lewakol h2{ color:#72a135; font-size:18px; margin:10px; padding:0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
div#prawakol p, div#lewakol p, div#stopka p{ margin:10px;}
div#lewakol{ width:660px;float:left; background:#fff;}
div#stopka{  background:#72A235; padding:10px 0 10px 0;}

div#stopka p { color:white;}
div#stopka a { color:white;}
div#lewakol h1 { color:#72a135; font-size:17px; margin:10px; padding:0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
div.lewakol2{ width:300px; float:left;  }
div.prawakol2{ width:360px; float:left; }
div.prawakol2_szer{ width:660px; float:left; }
div.prezentacjaboks {border-top: 1px dotted #d1d1d1; clear:both;}
div.prezentacjaboks img{ padding:25px 5px 5px 5px; float: right; border:0px;}
div.prezentacjaboks h3{ color:#72a135; font-size:18px; padding:5px 0 0 10px; margin:0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
.prezentacjaboks p{ text-align:left;}
.prawa{ float:left; width:280px;}

/*MENU*/
div.a_menu {  float: left; width: 660px; height: 97px; background:url(waimg/webali_menu.jpg) no-repeat left top;}
    div.a_menu a { display: block; float: left; height: 97px; border-right: 0px solid black; /*background: red; opacity: .5;*/ margin-right: 5px;}
    .l1 { width:163px;}
    .l2 { width:113px;}
    .l3 { width:98px;}
    .l4 { width:70px;}
    .l5 { width:80px;}
    .l6 { width:101px; margin:0;}
    /*hover*/
    .l1:hover { background: url(waimg/webali_menu.jpg) no-repeat 0px -97px;}
    .l2:hover { background: url(waimg/webali_menu.jpg) no-repeat -168px -97px;}
    .l3:hover { background: url(waimg/webali_menu.jpg) no-repeat -286px -97px;}
    .l4:hover { background: url(waimg/webali_menu.jpg) no-repeat -389px -97px;}
    .l5:hover { background: url(waimg/webali_menu.jpg) no-repeat -464px -97px;}
    .l6:hover { background: url(waimg/webali_menu.jpg) no-repeat -549px -97px;}
    
/*BOX na podstronie strony-internetowe : */    
div.box_main { width: 220px; background: url(waimg/webali_portf_tlo1.jpg); float:left; margin:15px 10px 0 0;}
	div.box_main h1 { padding-top:20px; width:180px; border-top:3px #CCC solid;}
	div.box_content img{ margin:5px 0 0 10px; padding:0;}
	div.box_content {padding: 10px 10px 0 10px; height: 300px;}

div.box_bottom { width: 220px; height: 9px; background: url(waimg/webali_portf_tlo2.jpg);}

/*Tabelka na podstronie tanie strony internetowe*/
table.oferta { border: 1px solid black; border-collapse: collapse;}
  table.oferta td{ border: 1px solid black; padding: 2px 4px 2px 4px; font-size: 10px; text-align: center;}
  table.oferta td.lewy { text-align: left; }


div#cennik { margin:10px; color: #333;}
div.ckol1{ width:220px; float:left; background:#f1f1f1; padding:5px 0 5px 5px; }
div.ckol{width:120px; float:left; background:#fff; margin:0 0 0 5px; padding:5px 0 5px 5px; border-left:1px #ccc solid; text-align:center;  }
div.ckol2{width:220px; float:left; background:#ff0; margin:0 0 0 5px; padding:5px 0 5px 5px; border-left:1px #ccc solid; text-align:center;  }
div.ckol2b { width:325px;float:left;margin:0 0 0 5px;
background:url(/public/themes/normal/waimg/input1.png) no-repeat 0px top;}
div.ckol2c { width:325px;float:left;margin:0 0 0 5px;
background:url(/public/themes/normal/waimg/textarea1.png) no-repeat 0px top; height:150px;}

div.wiersz{ border-bottom:1px solid #d1d1d1; padding:5px 0 5px 0; float:left; width:100%;}
.wiersz h4{ font-size:14px; padding:0; margin:0;}
.wiersz.pierwszy{ border-bottom:5px #ccc solid;}
.wiersz.pierwszy div.ckol1{ background:#FFF;}

div#zamow { margin:10px; color:#333;}


p.kontakt{background:#f1f1f1; border-top: 1px #CCC dotted; padding:5px; text-align:center; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #333;}
p.kontakt2{background:#f1f1f1; border-top: 1px #CCC dotted; padding:5px; text-align:center; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #333;}

p.kontakt a{ color:#333;}
div#lewakol p.dwa{ float:left; margin:0 0 0 5px;}