* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

html, body {
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
}


body{
margin: 0;
padding: 0;
font-size: small;
background-color: #000;
text-align: center;
}


div#kontener{
  height: auto !important;
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 500px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-bottom: 0;
  border-top: 0;
  text-align: left;
  position: relative;
  background: url('grafika/bg.jpg') repeat-y;

}
div#kontener div#left{
  position: relative;
  float: left;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
   width: 100px;
   background-image:  url('grafika/polgard.jpg');
  background-repeat: no-repeat;
  background-position: center left;
  border: none;

}

div#kontener div#center{
  position: relative;
  float: left;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  background-color: #DCDCDC;
  width: 300px;
  margin: 0;
  padding: 0;
  background-image:  url('grafika/tlo_sr_intro.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  border: none;
}
div#kontener div#center #intro{
margin: 0;
padding: 0;
border-top: dotted #F8F8FF 1px;
border-bottom: dotted #F8F8FF 1px;
}

div#kontener #right{
   position: relative;
  float: left;
  height: auto !important;
  height: 100%;
  min-height: 100%;
     width: 100px;
  margin: 0;
  padding: 0;
  border: none;
}
div#kontener div#center p#version{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #696969;
}

div#kontener div#center p#version a:link, a:visited{
font-weight: normal;
color: #444;
letter-spacing: 0.1em;
text-decoration: none;
}

div#kontener div#center p#version a:hover{
color: #111;
}
div#kontener #right img{
border: none;
}

/* pl.html */
div#gora{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	border: none;
	text-align: right;
	background-image:  url('grafika/oko1.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  vertical-align: bottom;
	}
div#gora p{
position: relative;
font-weight: bolder;
width: 100%;
margin: 0;
margin-top: 84px;
padding: 0;
color: #dcdcdc;
text-align: right;
}
div#srodek{
margin: 0;
padding: 0;
color: #444;
text-align: center;
background-color: #dcdcdc;
border: none;
border-top: solid #696969 5px;
border-bottom: solid #696969 5px;
height: 350px;
width: 100%;
background-image:  url('grafika/oko2.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  text-align: right;
}
div#srodek #pl_en{
width: 900px;
height: 350px;
margin: 0;
padding: 0;
border: none;
}
div#dol{
margin: 0;
padding: 0;
border: none;
width: 100%;
height: 15px;
text-align: right;
}
div#dol p{
color: #dcdcdc;
margin: 0;
padding: 0;
color: #dcdcdc;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
letter-spacing: 0.2em;
word-spacing: 0.1em;
border: none;
padding-right: 20px;
}

div#dol p#menu_dol{
position: relative;
float: left;
margin: 0;
padding: 0;
}
div#dol p#menu_dol a.dol_menu:link, a.dol_menu:visited{
color: #dcdcdc;
text-decoration: none;
font-weight: normal;
}
div#dol p#menu_dol a.dol_menu:hover{
color: #1B74AE;
}
div#gora p{
position: relative;
float: left;
color: #fff;
left: 0;
right: 0;
}
/* site */
#lewy_site{
height: auto !important;
  position: absolute;
  float: left;
  height: 100%;
  min-height: 100%;
  width: 100px;
  margin: 0;
  left: 0;
  padding: 0;
  border-bottom: 0;
  border-top: 0;
  text-align: left;
  background-image:  url('grafika/okositeleft.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}
#glowny_kontener{
  height: auto !important;
  position: absolute;
  height: 100%;
  min-height: 100%;
  width: 900px;
  left: 100px;
  border-left: solid #dcdcdc 3px;
  border-right: solid #dcdcdc 3px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-bottom: 0;
  border-top: 0;
  text-align: left;
   background: url('grafika/bgsite.jpg') repeat-y;
}
#oko{
height: auto !important;
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 700px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  background-image:  url('grafika/okositeright.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
#kamerka{
height: auto !important;
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 700px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  background-image:  url('grafika/tlo_site1.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  color: #696969;
}
#menu{
height: auto !important;
  position: relative;
  float: right;
  height: 100%;
  min-height: 100%;
  width: 195px;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  background-image:  url('grafika/tlo_site2.jpg');
  background-repeat: no-repeat;
  background-position: top right;
}

#menu ul{
 width: 100%;
 margin: 0;
 padding: 0;
 border: none;
 }

 #menu ul li{
 display: block;
height: 27px;
 list-style-type: none;
 border: none;
 padding: 0;
 }

#menu ul li a.m_menu:link, a.m_menu:visited{
display: block;
height: 23px;
margin: 0;
padding-left: 18px;
padding-top: 7px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
background-image:  url('grafika/menu1.jpg');
background-repeat: no-repeat;
background-position: top left;
color: #fff;
text-decoration: none;
letter-spacing: 0.0em;
}

#menu ul li a.m_menu:hover{
display: block;
background-image:  url('grafika/menu2.jpg');
background-repeat: no-repeat;
background-position: top left;
color: #1b74ae;
text-decoration: none;

}

/* menu pierwsza pozycja */
 #menu ul li#m2{
 display: block;
height: 54px;
 list-style-type: none;
 border: none;
 padding: 0;
 text-align: left;
 }

#menu ul li#m2 a.m_menu2:link, a.m_menu2:visited{
display: block;
height: 54px;
max-height: 54px;
min-height: 54px;
margin: 0;
padding-left: 18px;
padding-top: 10px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
background-image:  url('grafika/menu1_2.jpg');
background-repeat: no-repeat;
background-position: top left;
color: #fff;
text-decoration: none;
letter-spacing: 0.0em;
}

#menu ul li#m2 a.m_menu2:hover{
display: block;
background-image:  url('grafika/menu2_2.jpg');
background-repeat: no-repeat;
background-position: top left;
color: #1b74ae;
text-decoration: none;

}
/* koniec menu pierwsza pozycja */
#menu img{
margin-top: 150px;
margin-bottom: 5px;
border: none;
border-top: solid #dcdcdc 1px;
border-bottom: solid #dcdcdc 1px;
}
#menu_gora{
position: relative;
float: left;
 width: 650px;
border: none;
border-bottom: solid #F8F8FF 1px;
border-left: solid red 25px;
margin-top: 3px;
margin-left: 3px;
}

#menu_gora a.m_gora:link, a.m_gora:visited{
color: #1b74ae;
text-decoration: none;
font-size: 10px;
letter-spacing: 0.1em;
}

#menu_gora a.m_gora:hover{
color: red;
}

#menu_gora #site_version{
float: left;
padding-left: 15px;
color: #A9A9A9;
}

#menu_gora #site_version img{
border: solid #dcdcdc 1px;
margin: 2px;
vertical-align: middle;
}

#menu_gora #m_linki{
float: right;
padding-right: 5px;
color: #dcdcdc;
}

div.w3c{
text-align: center;
margin-top: 5px;
padding: 2px;
padding-bottom: 1px;
border-top: solid #dcdcdc 1px;
border-bottom: solid #dcdcdc 1px;
background-image:  url('grafika/tlow3.jpg');
background-repeat: repeat-y;
background-position: top right;
}
#menu div.w3c img{
margin-top: 0;
margin-bottom: 0;
}
#teksty{
position: relative;
clear: left;
padding: 10px auto 10px auto;
margin: 40px  40px 5px 80px;
border: none;
}
#teksty p{
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
text-indent: 0.5em;
color: #696969;
font-size: 13px;
}
#teksty img.fotki{
position: relative;
float: right;
border: solid #dcdcdc 2px;
margin: 10px auto 5px 5px;
}

#teksty img.fotki2{
position: relative;
float: left;
border: solid #dcdcdc 2px;
margin: 5px 5px 5px auto;
}

#teksty h1.teksty_h1{
display: block;
color: #1b74ae;
font-size: 16px;
border: none;
border-right: solid #1b74ae 30px;
padding-left: 5px;
}
#teksty h2.teksty_h2{
color: #1b74ae;
font-size: 13px;
text-decoration: underline;
margin-top: 0;
}
#teksty h3.teksty_h3{
color: #1b74ae;
font-size: 13px;
margin-top: 10px;
margin-bottom:0;
}
#teksty ul{
margin-bottom: 0;
margin-top: 1px;
}
#teksty ul li{
margin-top: 0;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
color: #696969;
font-size: 13px;
list-style-type: circle;
}
#teksty span{
color: #000;
font-size: 13px;
text-decoration: underline;
}
#teksty span.teksty_span{
color: #1b74ae;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}
div.formularz{
text-align: center;
width: 100%;
}

div.formularz table.tabform{
margin-top: 5%;
width: 400px;
text-align: left;
}
#content table.tabform td{

border: solid #000 1px;
border-collapse: collapse;
}
div.formularz table.tabform td.opis_form{
background-color: rgb(0,124,195);
padding-left: 3px;
padding-right: 3px;
font-weight: bold;
font-size: 10px;
color: #FFF;
width: 100px;

}
.caps{
border: solid 2px #CCC;
background-color: rgb(0,124,195);
color: #fff;
font-size: 10px;
margin: 3px auto 3px auto;
}
a.link_ref:link, a.link_ref:visited{
text-decoration: none;
color: #696969;
font-size: 13px;
}

a.link_ref:hover{
color: #1b74ae;
}

.table_for_image{
position: relative;
margin: auto;
border-collapse: collapse;
border: none;
width: 100%;
}

.table_for_image tr td{
text-align: center;
vertical-align: top;
width: 50%;
}
.center_c{
width: 100%;
text-align: center;
}

div#galeria_lcd{
position: relative;
width: 95%;
margin: 15px auto;
border: solid 2px #cdcdcd;
background: #1b74ae;
height: 415px;
min-height: 415px;
max-height: 415px;
}

div#galeria_lcd img.f1{
position: absolute;
z-index: 0;
top: 10px;
left: 20px;
border: solid 2px #cdcdcd;
}
div#galeria_lcd img.f2{
position: absolute;
z-index: 0;
top: 10px;
right: 20px;
border: solid 2px #cdcdcd;
}
div#galeria_lcd img.f3{
position: absolute;
z-index: 0;
top: 250px;
left: 20px;
bottom: 10px;
border: solid 2px #cdcdcd;
}

div#galeria_lcd img.f4{
position: absolute;
z-index: 0;
top: 250px;
right: 20px;
bottom: 10px;
border: solid 2px #cdcdcd;
}

div#galeria_lcd img.f5{
position: absolute;
z-index: 1;
top: 130px;
right: 170px;
border: solid 2px #cdcdcd;
}