@font-face 
{
 src: url('/css/Classic.otf');
 font-family: Helvetica2;
 font-weight: normal;
}

body
{
  background-image: url('/grafika/serwis/tlo.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #121a21;
  margin: 0;
  font-family:  Tahoma, Calibri, Arial;
  font-size: 13px;
  letter-spacing: 0.1em;
}

img
{
  border: none;
}

#szablon_glowny
{

}

#szablon_baner
{
  background-image: url('/grafika/serwis/baner.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #121a21;
  height: 70px;
  line-height: 70px;
  text-align: center;
}

#szablon_baner img
{
  height: 66px;
}

#szablon_tresc
{
  width: 980px;
  margin: 0px auto;
  padding-top: 30px;
}

#szablon_tresc p a
{
  color: #CCCCCC;
}

#sekcja_left
{
  width: 250px;
  float: left;
}

#sekcja_right
{
  width: 730px;
  float: right;
}

#szablon_stopka
{
  width: 100%;
  padding: 2px 0px;
  position: fixed;
  bottom: 0;
  background-color: #222a31;
  line-height: 23px;
  height: 23px;
}

#szablon_stopka a
{
  padding: 0px 5px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 23px;
  height: 23px;
  float: right;
  font-size: 12px;
}

.clear
{
  clear: both;
}

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
}





/*  menu po lewej stronie  */
.szablon_menu
{
  width: 237px;
  background-image: url('/grafika/serwis/menu.png');
  background-repeat: no-repeat;
  background-color: #06475c;
  border-radius: 8px;
  border: 1px solid #75abbd;
  margin: 1px;
  font-family: Helvetica2;
}

.szablon_menu div
{
  padding: 5px;
}

.szablon_menu h3
{
  color: #c0ff53;
  border-bottom: 1px solid #FFFFFF;
  padding-bottom: 5px;
  margin-top: 5px;
}

.szablon_menu ul
{
  list-style: none;
  padding-left: 10px;
}

.szablon_menu ul ul
{
  position: absolute;
  margin-left: 180px;
  background: #06475c;
  margin-top: -20px;
  padding: 5px;
  border: 1px solid #75abbd;
  display: none;
}

.szablon_menu ul li
{
  height: 25px;
  margin: 4px 0px;
  font-size: 16px;
}

.szablon_menu a
{
  color: #FFFFFF;
  text-decoration: none;
  line-height: 25px;
  height: 25px;
  display: block;
}

.szablon_menu img
{
  float: left;
  margin-right: 5px;
}

.szablon_menu a:hover
{
  color: #c0ff53;
  text-decoration: underline;
  background: #03374c;
  border-radius: 10px;
}


/* sekcja top */


#sekcja_right .top
{
  width: 723px;
  height: 100px;
  background-image: url('/grafika/serwis/top.png');
  background-repeat: no-repeat;
  overflow: hidden;
}

#sekcja_right h1
{
  color: #FFFFFF;
  font-weight: normal;
  margin: 5px;
  padding: 10px;
  border-bottom: 1px solid #CCCCCC;
}

#sekcja_right .info
{
  color: #c0ff53;
  padding: 10px;
}

#sekcja_right .info a
{
  color: inherit;
}


.baner_gora
{
  width: 100%;
  text-align: center;
  padding: 5px 0px;
}

.artykul
{
  color: #FFFFFF;
  margin-bottom: 15px;
}

#sekcja_right .artykul h1, #sekcja_right .artykul h2, #sekcja_right .artykul h3
{
  color: #c0ff53;
  font-weight: bold;
}

.wiecej
{
  background-image: url('/grafika/serwis/wiecej.png');
  width: 84px;
  height: 25px;
  display: block;
  text-align: center;
  line-height: 25px;
  text-decoration: none;
  color: #FFFFFF;
  float: right;
}


/* tabela z wynikami */


table
{
  width: 100%;
  border: 1px solid #FFFFFF;
  border-collapse: collapse;
}

table th
{
  background-image: url('/grafika/serwis/poleracja.png');
  color: #06475c;
}

table tr:hover
{
  color: #FFFF00;
}

table a
{
  background-image: url('/grafika/serwis/poleracja.png');
  color: #06475c;  
  display: block;  
  text-align: center;
  padding: 2px 5px;
}

table a:hover
{
  color: #000000;
  background-color: #111111;
}

table td
{
  vertical-align: top;
}


/* galerie */

div.galerie
{
  border: 1px solid #75abbd;
  border-radius: 5px;
  width: 723px;
  margin: 15px 0px;
  float: left;
}

div.galerie div.galeria
{
  width: 150px;
  height: 120px;
  margin: 5px;
  border: 3px solid #FFFFFF;
  float: left;
  overflow: hidden;
}

div.galerie img
{
  width: 180px;
}