/* 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%;}



/* Copyright (c) 2006, Websys s.c. All rights reserved. */

samp {font-family: Tahoma; font-size: 11px; line-height: normal; padding: 0; margin: 0;}



.cleaner { clear: both; }



body {

	background: url(tlo.jpg) #f7f7f7 top center repeat-y; 

	margin: 0;

	padding: 0;

}



#hr {

margin: 16px 0 16px 0;

border: none;

border-top: 1px #CCCCCC solid;

display: block;

}



#strona {

margin : auto;

border : none;

padding : 0px;

width : 974px;

}



#naglowek {

height : 305px;

width : 974px;

background: url(top.jpg) top center no-repeat;

}



#dystans {

height : 84px;

width : 389px;

}





#n_lewy {

float : left;

padding: 0px 0px 0px 55px;

height : 305px;

width : /*389px;*/ 449px;

}



#logo_l span {

display: none;

}



#logo_l a {

margin: 0 0 0 3px;

display: block;

width: 138px;

height: 76px;

}



#n_prawy {

float : right;

height : 305px;

width : /*520px;*/ 420px;

}





#kolumna {

background: #F7F7F7;

clear: both;

width : 974px;

margin: 35px auto 15px auto;

}





#kolumna_l {

padding: 0px 0px 12px 44px;

width : 862px;

}



#kolumna_l2 {

float : left;

padding: 0px 10px 12px 44px;

width : 586px;

}



#kolumna_p {

float : right;

padding: 0px 44px 12px 0px;

width : 238px;

}





#galeria a img {

border: 3px solid #E4E4E5;

margin: 5px 5px;

}



#gal2 { text-align: left; margin: 0 auto; }

#gal2 a img { float: left;

border: 1px solid #e2e2e2;

padding: 3px;

margin: 7px;

}



#tresc .fotka {

line-height: 18px;

margin: 5px 12px 5px 12px;

height : 175px; 

width: 171px; 

padding: 1px 10px 10px 10px; 

display: inline;
float : left; 

text-align: center;

}



#tresc .fotka img {

border: 3px solid #E4E4E5;

margin: 6px;

}



#tresc .fotka a {

TEXT-DECORATION: none;

color: #000000;

}



#tresc .fotka a:hover {

color: #013A88;

}



#tresc .fotka em {

font-size: 11px;

}





.table tr td { border-bottom: 1px #DDDDDD solid; border-left: 1px #FFFFFF solid;}

.table td { padding : 6px 8px 6px 8px;}



.table {

background: #EFEFEF;

border-top: 1px #DDDDDD solid;

margin: 12px 0 0 0; 

font-family: Arial;

font-size: 12px;

color: #000000; 

}



.table a { 

color: #000000;

text-decoration:none;

}



.table a:hover { 

text-decoration:underline;

}



.table img {

border: 3px solid #E4E4E5;

margin : 4px 10px 4px 10px;

}



#tresc {

width : 586px;

font-family: Arial, Verdana;

font-size: 12px;

line-height: 22px;

text-align: justify;

color: #222222;

}





#tresc img, #ofirmie_p img {

border: 3px solid #E4E4E5;

margin : 8px 10px 8px 10px;

}



#tresc p {

margin: 8px 0 8px 0;

}



#tresc p a {

color: #000000;

}



#tresc p a:hover {

color: #013A88;

}





#tresc h1, #ofirmie_p h1, #dmp_p h1{

font-family: Arial, Verdana;

padding: 4px 0 4px 0;

color: #002353;

font-size: 16px;

}



#gal { padding-top: 5px; clear: both; }

#gal img { border: 0; }



.fotki {

margin : 0 0 4px 8px;

}



#tresc p#kontakt{

margin : 0 60px 0 0;

float : left;

}



#tresc ul{

list-style-type: none;

font-family: Arial, Verdana;

font-size: 12px;

line-height: 20px;

text-align: justify;

}



#tresc ul li{

background-image: url(punktor.png);

background-position: 2px 10px;

background-repeat: no-repeat;

padding: 3px 0 4px 11px;

}



#ofirmie_l {

padding : 22px 0px 0px 0px;

float : left;

width : 586px;

}



#ofirmie_p {

width : 218px;

}



#dmp_p {

margin: 15px 0px 25px 10px;

/*padding : 12px 10px 65px 10px; dmp */
padding : 12px 10px 78px 10px;
/*padding : 12px 10px 10px 10px;*/

/*background: #e4e4e5 url('dmp_bottom.jpg') bottom center no-repeat; dmp 
background: #e4e4e5 url('inox_bottom.jpg') bottom center no-repeat;*/
background-color: #e4e4e5;

width : 201px;

font: 12px arial, verdana;

color: #111111;

}



#dmp_p ul { margin-left: 5px }

#dmp_p ul li {

line-height: 1.7em;

}

#dmp_p li a {

color: #111111;

text-decoration: none;

}

#dmp_p li a:hover {

text-decoration: underline;

}





#gal_p {

margin: 0px 0px -25px 10px;

padding : 12px 0px;

background-color: #e4e4e5;

width : 221px;

font: 12px arial, verdana;

color: #111111;

}

#gal_p h1 { padding-left: 10px; }

#gal_p ul { margin: 15px 10px 0px 10px; padding: 0; list-style-type: none; width: 201px; }

* html #gal_p li { margin-bottom: -15px; } /* ie padding 10px fix */

#gal_p li a { background: #ececec; color: #4c4b4b; display: block; padding: 5px 0px 5px 10px; width: auto; text-decoration: none; border: 1px solid #d2d2d2; border-top-color: #fff; border-width: 1px 0; }

#gal_p li.select a { background: #efefef; border: 1px solid #f2f2f2; border-width: 1px 0; color: #0065e3; }

#gal_p li a:hover { text-decoration: none; background: #f1f1f1; color: #c00; border: 1px solid #c6c6c6; border-width: 1px 0; border-top-color: #fff; }



#stopka {

background: url(stopka2.jpg) top center no-repeat;

border : none;

overflow: hidden;

margin : 0;

height : 52px;

width : 950px;

padding: 2px 0 0 0;

margin: 0 auto;

}



#s_lewy {

float: left;

font-family: Arial, Verdana;

font-size: 10px;

line-height: 36px;

padding: 15px 555px 0 25px;

color: #777777;

}



.s_prawy {

float: left;

font-family: Arial, Verdana;

font-size: 10px;

line-height: 36px;

padding: 15px 0 0 0;

color: #777777;

}



.s_prawy a {

margin: 0 0 0 4px;

text-indent: -5000px;

background: url(brostal_stopka.jpg) no-repeat top left;

display: block;

width: 54px;

height: 24px;

color: #777777;

}



.s_prawy a:hover {

background-position: -60px 0;

}





ul.menu1 {margin: 74px 0 0 0; /*width: 389px;*/ width: 449px; height: 58px;}

ul.menu1 li {height: 58px; text-align: center; font-family: Arial, Verdana; font-size: 12px; line-height: 58px; color: #000000; font-weight: bold;}



ul.menu1 li a

{height: 58px; TEXT-DECORATION: none; color: #000000;}



li#ofirmie a, li#ofirmie {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:75px;}

li#oferta a, li#oferta {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:64px;}

li#galeria a, li#galeria {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:66px;}

li#referencje a, li#referencje {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:90px;}

li#kontakt a, li#kontakt {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:70px;}

li#sklep a, li#sklep {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:60px;}

li#koniec {float:left; background: url(menu_tlo.jpg) no-repeat top left; width:1px;}



li#ofirmie2 {float:left; background: url(menu_tlo2.jpg) no-repeat top left; width:75px;}

li#oferta2 {float:left; background: url(menu_tlo2.jpg) no-repeat top left; width:64px;}

li#galeria2 {float:left; background: url(menu_tlo2.jpg) no-repeat top left; width:66px;}

li#referencje2 {float:left; background: url(menu_tlo2.jpg) no-repeat top left; width:90px;}

li#kontakt2 {float:left; background: url(menu_tlo2.jpg) no-repeat top left; width:70px;}



li#ofirmie a:hover, li#oferta a:hover, li#galeria a:hover, li#referencje a:hover, li#kontakt a:hover

{background-position: 0px -58px;}