/***********************/
/* globalne ustawienia */
/***********************/

body {
  font-family: verdana, helvetica, sans-serif;
  font-size: 15px;
}

/*******************************/
/* tlo strony (pasek na gorze) */
/*******************************/

#background {
  margin: 0;
  background: url('../mimg/background.png') repeat-x scroll transparent;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

/******************/
/* glowne regiony */
/******************/

/* jedna wysrodkowana kolumna */
#wrapper {
  margin: 0 auto;
  width: 1000px;
}

/* szyjki butelek na samej gorze */
#top {
  margin: 0;
  position: relative;
  background-image: url('../mimg/top.png');
  height: 50px;
  width: 1000px;
}

/* naglowek: kolumny menu i logo */
#header {
  margin: 0;
  position: relative;
  height: 350px;
  width: 1000px;
}


#header .IberiaBanner {
	position: absolute;
	top: 245px;
	left: 58px;
	width: 189px;
	height: 200px;
	background: url('../mimg/banner_iberia.jpg') no-repeat center;
	z-index: 100;
}
#header .IberiaBanner a { width: 100%; height: 100%; display: block; margin: 0; padding: 0; z-index: 100; }

/* kontener z kolumnami z trescia strony i aktualnosciami */
#contents {
  position: relative;
  margin: 0;
  width: 1000px;
  height: auto;
  overflow: hidden;
}
#contents .ActualHeader {
	margin: 105px 0 0;
	height: 35px;
	background: url('../mimg/aktualnosci.png') no-repeat center;
}

/* spod tresci strony (zanikanie brzegow) */
#bottom {
  margin: 0 auto;
  position: relative;
  background-image: url('../mimg/bottom.png');
  height: 50px;
  width: 1000px;
}

/* stopka */
#footer {
  margin: 0;
  position: relative;
  background: url('../mimg/footer.png') repeat-x scroll transparent;
  height: 100px;
  width: 100%;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
  color: white;
  text-decoration: none;
}

#footer a:hover {
  color: #bbbbbb;
  text-decoration: underline;
}

/**************/
/* podregiony */
/**************/

/* kolumna menu */
#header div.menu {
  margin: 0;
  position: relative;
  height: 270px;
  width: 280px;
  padding: 40px 10px;
  background-image: url('../mimg/menu.png');
  float: left;
}

/* kolumna logo */
#header div.logo {
  margin: 0;
  position: relative;
  height: 350px;
  width: 700px;
  background-image: url('../mimg/logo.png');
  float:right;
}

/* ponizsze kolumny sa roznej wysokosci, wiec oszukujemy przegladarke, ze sa o wiele wyzsze (milion pikseli chyba starczy :P). Kontener #contents ma pole overflow:hidden, wiec obetnie nadmiar tla. */

#contents table tr td.actual {
  margin: 0;
  width: 260px;
  background: url('../mimg/actual.png') repeat-y scroll transparent;
  padding: 0 20px;
}

#contents table tr td.content {
  margin: 0;
  width: 660px;
  background: url('../mimg/content.png') repeat-y scroll transparent;
  padding: 0 20px;
}

/* tekst stopki */
#footer div.footertext {
  margin: 0 auto;
  width: 1000px;
}

/****************/
/* Style tekstu */
/****************/

/* odnoniki na górze strony */
#top p.toplinks {
  text-align: right;
  margin: 0;
  padding-top: 32px;
}

#top p.toplinks a {
  color: black;
  font-size: 12px;
}

/* lista menu */
#header div.menu ul {
  font-size: 14px;
  font-weight: bold;
  color: white;
  padding: 0;
  margin: 0;
  text-align: right;
}

#header div.menu ul li {
  list-style-type:none;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 2px;
  background: url('../mimg/bullet.png') no-repeat right center;
}

#header div.menu ul li a {
  color: white;
}



#contents table tr td.actual td {
  color: black;
  font-size: 11px;
  font-weight: bold;
}

#contents table tr td.actual a {
  color: black;
  font-size: 11px;
  font-weight: normal;  
}

#contents table tr td.content a,
#contents table tr td.content a:link,
#contents table tr td.content a:active,
#contents table tr td.content a:visited {
  color: #666666;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
  font-weight: bold; 
}

#contents table tr td.content a:hover {
  color: #333333;  
}

#footer div.footertext p {
  font-size: 10px;
  color: white;
  margin: 0;
  padding: 18px 20px;
  text-align: center; 
}

#contents table tr td.content p {
  color: black;
  font-family: verdana, helvetica, sans-serif;
  font-size: 15px;  
}

#contents table tr td.content h1,
#contents table tr td.content h2,
#contents table tr td.content h3,
#contents table tr td.content h4,
#contents table tr td.content h5,
#contents table tr td.content h6,
td.p2 {
  font-weight: bold;
  color: black;
  margin-top: 1em;
  margin-bottom: 1em;
}

#contents table tr td.content h1, td.p2 { font-size: 24px; }
#contents table tr td.content h2 { font-size: 22px; }
#contents table tr td.content h3 { font-size: 20px; }
#contents table tr td.content h4 { font-size: 18px; }
#contents table tr td.content h5 { font-size: 16px; }
#contents table tr td.content h6 { font-size: 15px; }

/* obrazki: bez obramowania, z wyjatkiem klasy framed */
img {
  border-width: 0;
}

img.framed {
  border-width: 1px;
  border-color: #666666;
}

/* przewijajaca sie reklama franczyzy - nowsze przegladarki */
marquee.franczyzam {
  height: 40px;
  background-image: url('../mimg/marquee.png');  
}

a.franczyzaa {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

img.floatright {
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
}

img.floatleft {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}