/* CSS Document */
* { margin:0; padding:0; border:0; }
h1 { font-size: 23px; font-weight: bold; margin-bottom:30px;}
h2 { font-size: 20px; font-weight: bold; margin-bottom:30px;}
h3 { font-size: 17px; font-weight: bold; margin-bottom:15px;}

table              { font-size: 10px; border: 1px solid #000; }
table tbody tr td  { color: #000; border: 1px solid #000;  }
table thead tr td  { color: #000; font-weight: bold; font-size: 11px; border: 1px solid #000; }
ol                 { margin-left: 20px;font-size: 10px; }

a:hover { text-decoration: underline; }
a { text-decoration: none; }
body { color:white; background-color:#0A80C6; background-image:url('../img/tlo.jpg'); background-repeat:no-repeat; background-position:top; font-family:Arial, Verdana, Helvetica, sans-serif; }
#wrapper{ width:980px; margin:0 auto;}
#header_top { width:980px; margin-top:20px auto 0 auto;  }

#topm       { float:right; margin: 0 20px 0 0; display:inline; }
#topm li    { margin-left: 15px; display:inline; }
#topm li a:link, #topm li a:visited { color:white; text-decoration:none; font-size:13px; }

#langs    { margin: 3px 0 0 10px; float: left; display: inline; }
#langs li { margin-left: 15px; display: inline; }

#tlo2 { float: left; width:980px; height: 307px; }
#flash_bg    { margin: 0 auto; width: 950px; height: 307px; background-image: url('../img/olecki2_baner.png'); }
#flash_movie { position:relative; left: 10px; top: 15px; width: 933px; height: 271px; background-color: transparent; }
#contents    { float:left; width:980px; }
#main img { margin: 5px; border: 2px solid #444; }

#left_menu {float:left;width:238px;}
#left_menu ul {float:left; margin-top:30px; width:218px;display:block;}
#left_menu ul li {list-style:none;margin-left:15px;margin-top:2px;}
#left_menu ul li a {display:block;width:203px;height:45px; }

#left_menu ul li a#pokoje             {background:url('../img/menu/menu_pl.png') no-repeat left 0;}
#left_menu ul li a#pokoje:hover       {background:url('../img/menu/menu_pl.png') no-repeat right 0;}
#left_menu ul li a#restauracja        {background:url('../img/menu/menu_pl.png') no-repeat left -36px;}
#left_menu ul li a#restauracja:hover  {background:url('../img/menu/menu_pl.png') no-repeat right -36px;}
#left_menu ul li a#wypoczynek         {background:url('../img/menu/menu_pl.png') no-repeat left -72px;}
#left_menu ul li a#wypoczynek:hover   {background:url('../img/menu/menu_pl.png') no-repeat right -72px;}
#left_menu ul li a#galeria            {background:url('../img/menu/menu_pl.png') no-repeat left -108px;}
#left_menu ul li a#galeria:hover      {background:url('../img/menu/menu_pl.png') no-repeat right -108px;}
#left_menu ul li a#cennik             {background:url('../img/menu/menu_pl.png') no-repeat left -144px;}
#left_menu ul li a#cennik:hover       {background:url('../img/menu/menu_pl.png') no-repeat right -144px;}
#left_menu ul li a#lokalizacja        {background:url('../img/menu/menu_pl.png') no-repeat left -180px;}
#left_menu ul li a#lokalizacja:hover  {background:url('../img/menu/menu_pl.png') no-repeat right -180px;}
#left_menu ul li a#kontakt            {background:url('../img/menu/menu_pl.png') no-repeat left -216px;}
#left_menu ul li a#kontakt:hover      {background:url('../img/menu/menu_pl.png') no-repeat right -216px;}

#left_menu ul li a#zimmer             {background:url('../img/menu/menu_de.png') no-repeat left 0;}
#left_menu ul li a#zimmer:hover       {background:url('../img/menu/menu_de.png') no-repeat right 0;}
#left_menu ul li a#restaurant         {background:url('../img/menu/menu_de.png') no-repeat left -36px;}
#left_menu ul li a#restaurant:hover   {background:url('../img/menu/menu_de.png') no-repeat right -36px;}
#left_menu ul li a#erholung           {background:url('../img/menu/menu_de.png') no-repeat left -72px;}
#left_menu ul li a#erholung:hover     {background:url('../img/menu/menu_de.png') no-repeat right -72px;}
#left_menu ul li a#bildergalerie      {background:url('../img/menu/menu_de.png') no-repeat left -108px;}
#left_menu ul li a#bildergalerie:hover{background:url('../img/menu/menu_de.png') no-repeat right -108px;}
#left_menu ul li a#preisliste         {background:url('../img/menu/menu_de.png') no-repeat left -144px;}
#left_menu ul li a#preisliste:hover   {background:url('../img/menu/menu_de.png') no-repeat right -144px;}
#left_menu ul li a#lokalisation       {background:url('../img/menu/menu_de.png') no-repeat left -180px;}
#left_menu ul li a#lokalisation:hover {background:url('../img/menu/menu_de.png') no-repeat right -180px;}
#left_menu ul li a#kontaktde          {background:url('../img/menu/menu_de.png') no-repeat left -216px;}
#left_menu ul li a#kontaktde:hover    {background:url('../img/menu/menu_de.png') no-repeat right -216px;}

#left_menu ul li a#rooms              {background:url('../img/menu/menu_en.png') no-repeat left 0;}
#left_menu ul li a#rooms:hover        {background:url('../img/menu/menu_en.png') no-repeat right 0;}
#left_menu ul li a#restauranten         {background:url('../img/menu/menu_en.png') no-repeat left -36px;}
#left_menu ul li a#restauranten:hover   {background:url('../img/menu/menu_en.png') no-repeat right -36px;}
#left_menu ul li a#rest                 {background:url('../img/menu/menu_en.png') no-repeat left -72px;}
#left_menu ul li a#rest:hover         {background:url('../img/menu/menu_en.png') no-repeat right -72px;}
#left_menu ul li a#gallery            {background:url('../img/menu/menu_en.png') no-repeat left -108px;}
#left_menu ul li a#gallery:hover      {background:url('../img/menu/menu_en.png') no-repeat right -108px;}
#left_menu ul li a#pricelist          {background:url('../img/menu/menu_en.png') no-repeat left -144px;}
#left_menu ul li a#pricelist:hover    {background:url('../img/menu/menu_en.png') no-repeat right -144px;}
#left_menu ul li a#localisation       {background:url('../img/menu/menu_en.png') no-repeat left -180px;}
#left_menu ul li a#localisation:hover {background:url('../img/menu/menu_en.png') no-repeat right -180px;}
#left_menu ul li a#contact            {background:url('../img/menu/menu_en.png') no-repeat left -216px;}
#left_menu ul li a#contact:hover      {background:url('../img/menu/menu_en.png') no-repeat right -216px;}

#left_menu ul li a:link, #left_menu ul li a:visited{ text-decoration:none;color:white;}
#left_menu ul li a:hover{color:orange;}

#right_menu a { display:block; width:210px; height:146px; margin-top: 5px; }
#wiosna       { background:url('../img/wiosna2.png') no-repeat 0 0;}
#wiosna:hover { background:url('../img/wiosna2.png') no-repeat -210px 0;}
#lato         { background:url('../img/lato2.png') no-repeat 0 0;}
#lato:hover   { background:url('../img/lato2.png') no-repeat -210px 0;}
#jesien       { background:url('../img/jesien2.png') no-repeat 0 0;}
#jesien:hover { background:url('../img/jesien2.png') no-repeat -210px 0;}
#mapa         { background:url('../img/mapa2.png') no-repeat 0 0;}
#mapa:hover   { background:url('../img/mapa2.png') no-repeat -210px 0;}
#rezerwacje {  background:url('../img/rezerwacje.png') no-repeat left -146px; }
#rezerwacje:hover {  background:url('../img/rezerwacje.png') no-repeat left 0; }


#fruhjahr       { background:url('../img/fruhyahr2.png') no-repeat 0 0;}
#fruhjahr:hover { background:url('../img/fruhyahr2.png') no-repeat -210px 0;}
#sommer         { background:url('../img/sommer2.png') no-repeat 0 0;}
#sommer:hover   { background:url('../img/sommer2.png') no-repeat -210px 0;}
#herbst         { background:url('../img/herbst2.png') no-repeat 0 0;}
#herbst:hover   { background:url('../img/herbst2.png') no-repeat -210px 0;}
#lokalisation         { background:url('../img/karte2.png') no-repeat 0 0;}
#lokalisation:hover   { background:url('../img/karte2.png') no-repeat -210px 0;}
#reservierung {  background:url('../img/reservierung.png') no-repeat left -146px; }
#reservierung:hover {  background:url('../img/reservierung.png') no-repeat left 0; }

#spring       { background:url('../img/spring2.png') no-repeat 0 0;}
#spring:hover { background:url('../img/spring2.png') no-repeat -210px 0;}
#summer         { background:url('../img/summer2.png') no-repeat 0 0;}
#summer:hover   { background:url('../img/summer2.png') no-repeat -210px 0;}
#autumn       { background:url('../img/autumn2.png') no-repeat 0 0;}
#autumn:hover { background:url('../img/autumn2.png') no-repeat -210px 0;}
#map         { background:url('../img/map2.png') no-repeat 0 0;}
#map:hover   { background:url('../img/map2.png') no-repeat -210px 0;}
#reservation {  background:url('../img/reservation2.png') no-repeat 0 0; }
#reservation:hover {  background:url('../img/reservation2.png') no-repeat -210px 0; }

#main{ float:left;width:480px;top:20px;left:10px;position:relative;}
#main p{  font-size:13px;}
#main ul { margin-left: 30px; }
#right_menu{ float:right;text-align:center;width:240px;top:30px;position:relative; }

#cennik  { font-size: 9px; }
#regform { width: 450px; height: auto; border: 1px solid #222;  color: #222; background-color: #449ACA;  }
#regform table { margin: 30px 0 0 15px; border: 0; }
#regform table tr td { text-align: left; border: 0; }
#regform input{ width: 320px; border: 1px solid #888; }
#regform select { width:45px; border: 1px solid #888; }
#regform textarea{ width: 320px; border: 1px solid #888; }

#sublinks ul { list-style-type: none;  }
#sublinks ul li a { color: white; }
#sublinks ul li a:hover { color: white; }

#alert_error {clear: left; float: left; background-color: white; color: #ce2b0b; font-weight: bold; font-size: 12px; border: #ce2b0b 1px dotted; padding: 5px; top: 10px; }
#alert_ok {clear: left; float: left; background-color: white; color: #397f01; font-weight: bold; font-size: 12px; border: #408602 1px dotted; padding: 5px; top: 10px;}
#footer { width:980px; margin:0 auto; }