﻿/*css wykonal: meta@post.pl . Prawa autorskie zastrzezone.*/


* { 
padding : 0; 
margin : 0; 
} 

ul li { 
list-style-type : none; 
} 

img { 
border : 0; 
} 

h1 { 
font-size : 1.2em; 
padding : 5px; 
color : white; 
text-align:center;
} 

body { 
font-family : sans-serif; 
background : black; 
color : gray; 
font-size : 1em; 
} 

#kontener { 
width : 990px; 
overflow : hidden; 
margin-left : auto; 
margin-right : auto; 
} 

#naglowek { 
width : 990px; 
height : 300px; 
overflow : hidden; 
border-bottom:blue 3px solid;
} 

/*----MENU----*/

#menu { 
width : 100%; 
height : 35px; 
overflow : hidden; 
background : black; 
} 

#menu ul { 
margin : 10px 5px 5px 5px; 
} 

#menu ul li { 
font-weight : bold; 
font-size : 0.9em; 
text-align : left; 
padding : 3px; 
display : inline; 
height : 30px; 
margin-left : 10px; 
float : left; 
} 

#menu li a:link, #menu li a:visited { 
display : block; 
padding-left : 25px; 
color : red; 
text-decoration : none; 
} 

#menu li a:hover { 
color : white; 
border-bottom : 3px solid white; 
padding-left : 25px; 
background-image : url(grafika/tloitem.png); 
background-position : left; 
background-repeat : no-repeat; 
} 

#teksty li a span {
color:white;
}

/*----PODMENU----*/

#podmenu { 
width : 100%; 
height : 35px; 
margin-left:130px;
overflow : hidden; 
background : black; 
} 

#podmenu ul { 
margin :5px 5px 5px 5px; 
} 

#podmenu ul li { 
font-weight : bold; 
font-size : 0.9em; 
text-align : left; 
padding : 3px; 
display : inline; 
height : 30px; 
margin-left : 10px; 
float : left; 
} 

#podmenu li a:link, #podmenu li a:visited { 
display : block; 
color : white; 
text-decoration : none; 
} 

#podmenu li a:hover { 
color : white; 
text-decoration : underline;
} 

/*----LINK AKTYWNY----*/

#menu .aktywny {
color : white !important; 
border-bottom : 3px solid white; 
padding-left : 25px; 
background-image : url(grafika/tloitem.png); 
background-position : left; 
background-repeat : no-repeat; 
}

/*-------TEKSTY-------*/

#teksty { 
width : 950px; 
margin : 0 auto;
margin-top : 30px;
margin-bottom:20px; 
overflow : hidden; 
background-image : url(grafika/tloteksty.jpg); 
background-repeat : no-repeat; 
background-position : top right; 
} 

#teksty p { 
padding : 5px; 
line-height : 1.4; 
text-align : justify;
font-size:0.9em;
} 

#teksty p span { 
font-size:1.1em;
}

#teksty h3 { 
padding : 10px; 
margin-bottom : 30px; 
font-size : 1em; 
line-height:1.5;
text-align : center; 
background-image : url(grafika/tloh3.png); 
background-repeat : no-repeat; 
background-position : top center; 
border-top:1px red solid;
border-bottom:1px red solid;
} 

#teksty h3 span { 
color : red; 
} 

#teksty h4 { 
color : blue; 
font-size:0.9em;
} 

#teksty ul { 
margin-left : 10px; 
font-size:0.9em;
} 

#teksty li { 
line-height : 1.3; 
list-style: square ;
list-style-position:inside;
} 

#teksty img { 
margin : 5px; 
} 

#teksty ul.adres { 
margin: 10px; 
font-size:0.9em;
} 

#teksty ul.adres li { 
line-height : 1.5; 
list-style: none ;
list-style-position:outside;
} 

#teksty p.instrukcja
	{
	line-height:1.8em;
	font-weight:bold;
	}

#teksty h4.instrukcja
	{
	font-size:1.2em;
	}


/*----------------STOPKA--------------*/

#stopka { 
width : 500px; 
margin : 0 auto; 
margin-top : 10px; 
margin-bottom:20px;
padding : 20px; 
text-align : center; 
color : gray; 
clear : both; 
border-top : 1px solid gray; 
} 

#stopka h5 { 
font-size:0.7em;
line-height:1.5em;
letter-spacing:1px;
font-weight:normal;
}

#stopka img { 
margin:4px;
}

/*---------OPIS PRODUKTU (div w sekcji "fajerwerki amatorskie")-------*/

#teksty div.opisproduktu { 
width : 420px; 
height : 300px; 
margin-right : 20px; 
margin-bottom : 35px; 
font-size : 0.8em; 
font-family : sans-serif; 
overflow : hidden; 
float : left;
color : black; 
font-weight:bold;
background-image : url(grafika/tloopisproduktu.gif); 
background-repeat : no-repeat; 
} 

#teksty div.opisproduktu h4 { 
width:95%;
height:25px;
margin:5px auto 0 auto;
text-align : center; 
background-image : url(grafika/tloh4.gif); 
background-repeat : repeat; 
color:white;
font-size:1.5em;
font-variant: small-caps ;
}
 
#teksty div.opisproduktu ul { 
margin-top:10px;
text-align : left; 
font-variant: normal;
color:white;
} 

#teksty div.opisproduktu ul li {
list-style-type : none; 
list-style-position:outside;
font-weight:normal;
}

#teksty div.opisproduktu ul li.odstep {
margin-top:60px;
font-weight:bold;
}

#teksty div.opisproduktu img { 
display : block; 
float:left;
width:190px;
margin-left:10px;
padding:25px 10px;
border:1px solid white;
background-image : url(grafika/tloimg.gif); 
background-repeat : no-repeat; 
} 

#mapa {
width:500px;
height:320px;
padding:5px;
margin:15px;
background:white;
border:1px solid white;
float:left;
}

#mapa a {
font-size:0.9em;
color:black;
font-weight:bold;
text-decoration:none;
}

.float-right {
float:right;
width:auto
{



