body {margin: 0px; background: #fff; color: #000; text-align: center;}
* {font-size: 12px; font-family: verdana, tahoma, arial; margin: 0px; padding: 0px;}
a {text-decoration: none; color: #BB0F0F; font-size: 14px;}
a:hover {color: #FE1515}

div#uklad_strony {margin-left: auto; margin-right: auto; width: 998px; height: 700px; text-align: left; background: url(grafika/tlo.jpg); margin-top: 0px; position: relative; border: 1px solid black;}


div#odsylacze {font-weight: bold; font-size: 16px; position: absolute; left: 370px; top: 0px; width: 400px; height: 120px;}
div#odsylacze a#o_firmie {display: block; width: 80px; border-left: 1px solid #BB0F0F; float: left; padding-top: 100px;  color: #BB0F0F; padding-left: 5px; font-weight: bold;}
div#odsylacze a#o_firmie:hover {border-left: 1px solid #000; color: #000;}

div#odsylacze a#oferta {display: block; width: 80px; border-left: 1px solid #BB0F0F; float: left; padding-top: 90px;  color: #BB0F0F; padding-left: 5px; font-weight: bold;}
div#odsylacze a#oferta:hover {border-left: 1px solid #000; color: #000;}

div#odsylacze a#kontakt {display: block; width: 80px; border-left: 1px solid #BB0F0F; float: left; padding-top: 80px;  color: #BB0F0F; padding-left: 5px; font-weight: bold;}
div#odsylacze a#kontakt:hover {border-left: 1px solid #000; color: #000;}

div#odsylacze a#producent {display: block; width: 80px; border-left: 1px solid #BB0F0F; float: left; padding-top: 70px;  color: #BB0F0F; padding-left: 5px; font-weight: bold;}
div#odsylacze a#producent:hover {border-left: 1px solid #000; color: #000;}



img#logo {position: absolute; left: 10px; top: 10px; border: 0px;} 

div#tresc {width: 580px; height: 485px; text-align: justify; position: absolute; left: 50px; top: 182px; background: url(grafika/tlo_zolte.jpg) no-repeat;} 
div#tresc p {font-weight: bold; padding: 5px; padding-left: 10px; padding-right: 10px; letter-spacing: 0px; line-height: 1.6; color: #000;}
div#tresc img {border: 1px solid #A47E2A;}

div#tresc strong {font-size: 14px;}

h1#tytul {font-weight: bold; font-size: 16px; padding: 20px; padding-top: 20px;}
div#tresc iframe {float: right;}

div#panel_czerwony {width: 250px; height: 700px; background: url(grafika/tlo_czerwone.jpg) repeat;  position: absolute; right: 25px; top: 0px;}
div#skrot {width: 240px; padding: 5px; padding-top: 3px;height: 150px; font-weight: bold; color: white; letter-spacing: 0px; line-height: 1.4;}

div#panel_czerwony img {padding-bottom: 5px; border: 0px solid black;}
div#panel_czerwony img#elprim {padding-bottom: 5px; padding-top: 0px; border: 0px solid black; }


div#panel_czerwony a {padding-left: 5px; font-size: 12px; font-weight: bold; font-style: italic; color: #fff;}
div#panel_czerwony a:hover {color: #F5EF01;}


div#panel_czerwony a#elprim {padding-left: 80px; font-size: 10px; font-weight: bold; font-style: normal; color: #fff;}
div#panel_czerwony a#elprim:hover {color: #F5EF01;}

div#adres {text-align: right; position: absolute; left: 3px; bottom: 8px; font-weight: bold;}

div#stopka {margin-left: auto; margin-right: auto; width: 998px; position: relative;}
div#stopka a#copy {font-size: 12px; font-style: italic; color: black; position: absolute; top: 0px; left: 400px;}
div#stopka a#copy:hover {color: #FE1515;}
div#stopka a#link {color: black; position: absolute; top: 0px; right: 25px; font-size: 11px;}
div#stopka a#link:hover {color: #FE1515;}