/* zerowanie: */
html, body { font-size:14px; line-height:18px }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, big, em, img, q, small, strong, tt, var,
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; 
font-family: Tahoma, Arial, Helvetica, sans-serif;
margin: 0;
outline: 0;
padding: 0;
vertical-align: top
}

body {
text-align:center;
margin-top:0px;
padding:0px 0px 0px 0px;
background:#000000 url(img/tlo.png) no-repeat top
}
#ngIcons { float:left; height:50px; background:#FFFFFF url(img/sp.gif) repeat-x; background-position:0px 0px }
#ngIcons li { display:block; float:left; width:62px; height:50px; text-align:center; 
background:#fff url(sp.gif) no-repeat; background-position:0px 0px; line-height:0px }
#ngIcons li a { font:10px Tahoma, Arial, helvetica, sans-serif; color:#294e92; 
display:block; margin-left:0px; width:62px; height:50px; padding-top:4px; 
background:#fff url(img/ikony.png) no-repeat top left }
#ngIcons li a:hover { text-decoration:none; opacity:1.0; color:#0b3054 }
#ngIcons li.galerie a { background-position:0px -50px }
#ngIcons li.galerie a:hover { background:#fff url(img/ico_galeria.png) no-repeat top left }
#ngIcons li.glowna a { background-position:0px 0px }
#ngIcons li.glowna a:hover { background:#fff url(img/ico_glowna.png) no-repeat top left }
#ngIcons li.kontakt a { background-position:0px -100px }
#ngIcons li.kontakt a:hover { background:#fff url(img/ico_kontakt.png) no-repeat top left }

div.ramka {padding:0px 2px 0px 2px;background:#A90F0F;}

#menu_tlo {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:720px;height:68px;background-image:url(img/menu.png);text-align:left;
}
#menu {
  width:692px;
  margin:0px auto;
  clear:both;
  border-right:0px;
  float:right;
}
#upN {
    height:61px;
}
#upN a {
  font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight:bold;
  display:block;
  float:left;
  border:none;
  margin-right:0px;
  padding:13px 6px 0px 6px;
  color:#222222;
/*  background:#F3F3F3 url(img/menu_up.png) repeat-x top left;*/
  height:48px;
  text-decoration:none;
}
#upN a.upn_ac {
  border:none;
  color:#000000;
  font-weight:bold;
  padding:13px 6px 0px 6px;
  height:48px;
}
#upN a:hover {
/*  background:#F3F3F3 url(img/menu_down.png) repeat-x top left;*/
  background-image:url(img/menu_down.png);
  background-repeat:repeat-x;
  background-position:top left;
}

img.m_sp {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:none;
width:2px;
height:61px;
float:left;
}
#main {
margin:0 auto;padding:0px;position:relative;width:724px;background:#030303;text-align:center;
}
#gora {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:724px;height:57px;background:#FFFFFF;
}
#nag {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:724px;height:242px;background:#1B251D;text-align:left;
}
#nag1 {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:724px;height:7px;background:#FFFFFF;
text-align:left;overflow:hidden;
}
#nag2 {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:500px;height:50px;background:#FFFFFF;
float:left;text-align:left;overflow:hidden;
}
#nag3 {
margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:224px;height:50px;background:#FFFFFF;
float:left;text-align:left;overflow:hidden;
}
#srodek {
margin:0px 0px 0px 0px;
padding:2px 10px 2px 10px;
width:700px;
background:#B1B1B1;
background-image:url(img/tlo_sr.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
min-height:220px;
}

div.newsd{
font-weight:normal;
font-size:10px;
color:#071E3B;
text-align: left;
float:left;
padding-right:10px;
}

div.newst{
font-weight:bold;
color:#222222;
font-size:13px;
text-align: left;
}
A.newst:link    {text-decoration:none; color:#222222;}
A.newst:visited {text-decoration:none; color:#222222;}
A.newst:hover   {text-decoration:underline; color:#A90F0F;}
A.newst:active  {text-decoration:none; color:#222222;}

div.news {
background-color:transparent;
font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif;
font-size:12px;
color:#111111;
text-decoration:none;
font-weight:normal;
font-style:normal; 
text-align: justify;
margin-left:1px;
margin-right:1px;
}
A.news:link    {text-decoration:none; color:#071E3B;}
A.news:visited {text-decoration:none; color:#071E3B;}
A.news:hover   {text-decoration:underline; color:#071E3B;}
A.news:active  {text-decoration:none; color:#071E3B;}

A.link:link    {text-decoration:none; color:#071E3B;}
A.link:visited {text-decoration:none; color:#071E3B;}
A.link:hover   {text-decoration:underline; color:#071E3B;}
A.link:active  {text-decoration:none; color:#071E3B;}

.news li {
list-style-image: url(img/punkt1.gif);
text-align: justify;
color: #111111;
text-indent: 0pt;
margin-left:20px;
list-style-position: inherit;
}

.news a:link    {text-decoration:none; color:#111111;}
.news a:visited {text-decoration:none; color:#111111;}
.news a:hover   {text-decoration:underline; color:#A90F0F;}
.news a:active  {text-decoration:none; color:#111111;}

.news img{
border: solid 1px #111111;
margin:4px 4px 4px 4px;
padding:0px 0px 0px 0px;
}

.news hr{
height: 1px;
border: 0px;
color: #888888;
background-color: #888888;
width: 100%;
margin:0px auto;
margin-top:10px;
margin-bottom:10px;
}

hr.news{
height: 1px;
border: 0px;
color: #888888;
background-color: #888888;
width: 100%;
margin:0px auto;
margin-top:10px;
margin-bottom:10px;
}

img.foto {
border: solid 1px #111111;
margin:4px 4px 4px 0px;
padding:0px 0px 0px 0px;
float:left;
}
.ramkaf {
margin: 0px 4px 4px 4px;
border:#111111;
border-width:1px 1px 1px 1px;
border-style:solid;
}

.wiecej {
color:#000000;
font-family:Arial, Tahoma, Helvetica, Verdana, sans-serif;
font-weight:normal;
font-style:normal;
font-size:12px;
text-align:justify;
text-indent:0px;
}
A.wiecej:link    {text-decoration:underline; color:#000000;}
A.wiecej:visited {text-decoration:underline; color:#000000;}
A.wiecej:hover   {text-decoration:underline; color:#A90F0F;}
A.wiecej:active  {text-decoration:underline; color:#000000;}

.foto {
border:solid 1px #FDF9F9;
margin:0px 6px 2px 2px;
}

.fd{
font-weight:normal;
font-size:10px;
color:#071E3B;
TEXT-ALIGN: right;
}

.ft{
font-weight:bold;
color:#222222;
font-size:13px;
TEXT-ALIGN: right;
}
A.ft:link    {text-decoration:none; color:#222222;}
A.ft:visited {text-decoration:none; color:#222222;}
A.ft:hover   {text-decoration:underline; color:#A90F0F;}
A.ft:active  {text-decoration:none; color:#222222;}

.ff{
font-weight:normal;
color:#222222;
font-size:12px;
TEXT-ALIGN: right;
}
A.ff:link    {text-decoration:none; color:#222222;}
A.ff:visited {text-decoration:none; color:#222222;}
A.ff:hover   {text-decoration:underline; color:#0E3876;}
A.ff:active  {text-decoration:none; color:#222222;}

.fi{
font-weight:normal;
font-size:10px;
color:#071E3B;
TEXT-ALIGN: right;
}

/* nastepny / poprzedni Foto */
.npf{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color:#606060;
vertical-align:top
}
.npf a:link{color:#606060; font-weight:normal; text-decoration:none;}
.npf a:visited{color:#606060; font-weight:normal; text-decoration:none;}
.npf a:hover{color:#C12C3F; font-weight:normal; text-decoration:underline;}
.npf a:active{color:#606060; font-weight:normal; text-decoration:none;}

/* lista galerii nazwa */
.lgn{
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:80px 4px 4px 4px;
color:#606060;
font-size: 12px;
font-weight:bold;
}
a.lgn:link{
color:#606060;
font-weight:bold;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.lgn:visited{
color:#606060;
font-weight:bold;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.lgn:hover{
font-weight:bold;
color:#C12C3F;
margin:0px 0px 0px 0px;
text-decoration:underline;
}
a.lgn:active{
font-weight:bold;
color:#606060;
margin:0px 0px 0px 0px;
text-decoration:none;
}

/* lista galerii fotograf */
.lgf{
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:4px 4px 4px 14px;
color:#606060;
font-size: 11px;
}
a.lgf:link{
font-weight: normal;
color:#606060;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.lgf:visited{
font-weight: normal;
color:#606060;
margin:0px 0px 0px 0px;
text-decoration:none;
}
a.lgf:hover{
font-weight: normal;
color:#606060;
margin:0px 0px 0px 0px;
text-decoration:underline;
}
a.lgf:active{
font-weight: normal;
color:#606060;
margin:0px 0px 0px 0px;
text-decoration:none;
}

.lgi{
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#606060;
font-size:11px;
}
a.lgi:link{
font-weight: normal;
color:#606060;
text-decoration:none;
}
a.lgi:visited{
font-weight: normal;
color:#606060;
text-decoration:none;
}
a.lgi:hover{
font-weight: normal;
color:#606060;
text-decoration:underline;
}
a.lgi:active{
font-weight: normal;
color:#606060;
text-decoration:none;
}

.lgic{
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#606060;
font-size:10px;
text-align:center;
}

/* ramki */
.r1
{
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background:#F8F8F8;
  font-size: 12px;
  font-weight: normal;
  color:#5D5D5D;
  border:1px solid #C9C9C9;
  margin:6px 2px 6px 2px;
  padding:2px 2px 2px 2px;
  overflow: hidden;
}

.rf
{
  background:#F8F8F8;
  font-size: 12px;
  font-weight: normal;
  color:#5D5D5D;
  border:1px solid #C9C9C9;
  margin:4px 4px 4px 4px;
  padding:2px 2px 2px 2px;
  float:left;
  position:relative;
  width:120px;
  text-align:center;
}

.fr img 
{
  border: solid 1px #111111;
  margin:4px 4px 4px 4px;
  padding:0px 0px 0px 0px;
  float:center;
}

.t1
{
  font-size: 12px;
  font-weight: normal;
  color:#5D5D5D;
  margin:4px 4px 4px 0px;
  border:1px solid #C9C9C9;
}

.logo{
background:#FFFFFF url(img/ariel_logo.png) no-repeat;
background-position:0px 0px;
}
.logo:hover{
background:#FFFFFF url(img/ariel_logo2.png) no-repeat;
background-position:0px 0px;
}

#stopka {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:724px;
height:10px;
background:#030303;
background-image:url(img/stopka.png);
}
#stopka2 {
margin:0px 0px 0px 0px;
padding:4px 0px 2px 0px;
width:724px;
height:44px;
background:#030303;
font-size: 10px;
font-weight: normal;
color:#6D6D6D;
text-align:right;
}
#stopka2 a:link    {text-decoration:none; color:#6D6D6D;}
#stopka2 a:visited {text-decoration:none; color:#6D6D6D;}
#stopka2 a:hover   {text-decoration:underline; color:#9D8D8D;}
#stopka2 a:active  {text-decoration:none; color:#6D6D6D;}

#spons {float:left; height:38px; background-color:#000000;padding:0px 4px 0px 4px;}
#spons li.sp1 a { background:#000000 url(img/sp1bw.png) no-repeat top left }
#spons li.sp1 a:hover { background:#000000 url(img/sp1.png) no-repeat top left }
#spons li.sp2 a { background:#000000 url(img/sp2bw.png) no-repeat top left }
#spons li.sp2 a:hover { background:#000000 url(img/sp2.png) no-repeat top left }
#spons li.sp3 a { background:#000000 url(img/sp3bw.png) no-repeat top left }
#spons li.sp3 a:hover { background:#000000 url(img/sp3.png) no-repeat top left }
#spons li.sp4 a { background:#000000 url(img/sp4bw.png) no-repeat top left }
#spons li.sp4 a:hover { background:#000000 url(img/sp4.png) no-repeat top left }