a {color: #dc0000; text-decoration:none;}
a.praca:hover { color: #000 }
a:focus {outline:none;}
a:hover { text-decoration:underline; }

html { height: 100% }

body {

font-family: Arial, Tahoma, Verdana, sans-serif;
font-size: 12px;
text-align: right;
margin: 0;
padding: 0;
color: #303030;
line-height:140%;
background: white url('img/ddw_dzwig.gif') no-repeat top center;
height: 100%;
width: 100%;
}

h1 { margin-top:0; margin-bottom:15px }
h3 { margin-top:0; margin-bottom:16px; font-weight:normal }

hr.pozioma { clear:both; width:770px; height:2px; background: #dc0000; margin-bottom:10px }
span.pionowa {
float:left; text-align:left; margin-top:37px; width:3px; height:100px; margin-right:12px; background:#dc0000; }

textarea { width: 500px; height: 100px; border: solid 1px silver }
input { width: 500px; border: solid 1px silver; margin-top:6px }
input.wyslij { width: 100px; border: 0; background: #dc0000; margin-left: 60px; margin-bottom:30px; font: bold 10px Verdana, Arial; color: white; height: 20px }
label { display:block; width: 50px; margin-right:10px; vertical-align:top; float:left; margin-top:6px }

#main {
text-align: center;
width: 100%;
float: left;
padding:0;
}

#naglowek {
margin:auto;
width:600px;
padding-right:15px;
text-align: right;
}

#praca {
margin:auto;
width:770px;
padding-right:5px;
padding-left:5px;
text-align: right;
}

#naglowek img { border: 0; }

#naglowek a img { border: solid 3px white; margin-left:6px }

span.lista { float:left; width:220px; padding:0; margin:0; }

#wrapp {
width: 710px;
text-align: left;
font-size: 1.1em;
margin: 1em auto;
padding: 1em;
color: black;
}

.koment {
font: bold 10px Verdana, Arial;
text-align: left;
line-height: 22px;
background: #dc0000;
color: #fff;
text-decoration: none;
float:left;
width:260px;
margin-top:0px;
margin-bottom:10px;
margin-right:10px;
padding-left:6px;
}

.opis {
font: bold 10px Verdana, Arial;
text-align: left;
line-height: 22px;
background: #bbb;
color: #fff;
text-decoration: none;
display: block;
margin-top:3px;
margin-bottom:2px;
padding-left:6px;
}

.numerki {
width:20px;
margin-right:2px;
float:left;
}

.numerki a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #dc0000;
color: #fff;
text-decoration: none;
display: block;
margin-bottom:2px;
}

.numerki a:hover {
background: #c50000;
color: #fff;
}

.numerki a.current, .numerki a.current:hover {
background: #fff;
color: #ff0000;
}

img#plansza { border: 0px solid white; }


// galeria

.svw {width: 50px; height: 20px; background: #fff;}
.svw ul{position: relative; left: -999em;}
 
.stripViewer { /* this is the DIV container for your UL of images */
position: relative;
overflow: hidden; 
border: 5px solid #ff0000; /* this is the border. should have the same value for the links */
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { /* each image is arranged horizontally */
float:left;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
overflow: auto;
width: 1%;
}
.stripTransmitter ul { /* the auto-generated set of links */
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover { /* hover */
background: #c50000;
color: #fff;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
background: #fff;
color: #ff0000;


// koniec galerii