html, body {
background:url(bg1.gif);
color: #ccc;
font-family: Arial;
font-size: 12px;
margin: 0;            /* zerowy margines oraz */
padding: 0;           /* zerowy padding jest konieczny aby strony wygladaly identycznie w IE oraz Firefox */
}

td,tr,p,div,form {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	line-height: 140%;
	font-size: 13px;
	color: #fff;
	text-align: left;
}

#top {
width: 950px;
margin-left: auto ;         /* jest to wycentrowanie */
margin-right: auto ;        /* .. wycentrowanie diva na środku strony */
overflow:hidden;
background:url(bg2_950.jpg);
padding-left: 10px;
padding-right: 10px;
}

#NAGLOWEK {
padding-top: 20px;
height:210px;
padding-left: 110px;
padding-right: 110px;
}

.odstep {
height:20px;
}

h1 a:link, h1 a:visited {
background:url(images/title6.jpg)repeat-x;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
height:45px;
margin-left: -10px;
margin-right: -10px;
border:1px solid #000000;
}

h1 a:link, h1 a:visited {
color: #dcc75a;
border:1px solid #000000;
}

h1 a:hover {
color: #af9137;
border:1px solid #af9137;
}

.flagi {
height:30px;
wight: 600px;
margin-top: 20px;
margin-left: 175px;
padding-top: 5px;
padding-left: 5px;
border:0px solid green;
background:url(bg_flagi2.jpg) no-repeat;
text-indent:0,1cm;
}

.flagi a:link, .flagi a:visited {
border:2px solid #8a1936;
display: inline-block;
padding: 0px;
height: 15px;
wight: 16px;
}

.flagi a:hover {
border:2px solid #af9137;
display: inline-block;
padding: 0px;
height: 16px;
wight: 16px;
}


#MENU {
width: 40px;
clear: both;
float: left;
overflow: hidden;          /* zapobiega rozpychaniu diva przez zawartość */
text-align:center;
margin-bottom:-4000px;     /* dzięi temu divy będą równej wysokości */
padding-bottom:4000px;     /* ... nawet jeśli nie są identycznie wypełnione treścią */

min-height:500px;             /* te 3 ostatnie linijki */
height:auto !important;       /* to jest ważne rozwiązanie minimalnej */
/* wysokości diva tutaj 500px */
}
#dodatkowe_menu {
width: 750px;
float: left;
overflow: hidden;
margin-bottom:-4000px;
padding-bottom:4000px;
}

#foto_linia a{
display: inline-block;
padding: 0px;
height: 67px;
wight: 90px;
}

#foto_linia a:link, #foto_linia a:visited {
border:5px solid #ffffff;
}

#foto_linia a:hover {
border:5px solid #777474;
}

.frontowyopis {
text-align:justify;
color:red;
margin:10px;
background:#111;
color:#666;
text-transform:uppercase;
font-family:Arial;
font-size:10px;
padding:5px;}
.frontowyopis p strong {color:#478be5;}
.frontowyopis strong {color:#478be5;}
.frontowyopis a:link, .frontowyopis a:visited, .frontowyopis a:hover {color: #666666; border-bottom: 1px dotted #666666;}
.akapit {text-indent:1cm;padding:0px;margin:0px;}

.lewe_menu {
width: 200px;
border-right:0px solid #fff;
border-left:0px solid #fff;
float: left;
overflow: hidden;
background: #5e0000;
margin-bottom:-4000px;
padding-bottom:4000px;
font-weight:bold;text-align:center;font-family:Arial;font-size:10px;letter-spacing:1px;}
.lewe_menu:active:active, .lewe_menu:hover {background:#111111;}
.lewe_menu a:link, .lewe_menu a:visited {padding:0px;margin:0px;font-weight:bold;font-size:10px;text-transform: uppercase;text-decoration: none;color:white;}
.lewe_menu a:hover, .lewe_menu a.active:link, .lewe_menu a.active:visited, .lewe_menu a.active:active, .lewe_menu a.active:hover {font-size:10px;font-weight:bold;text-decoration: none;color:#478be5;text-transform: uppercase;padding:0px;margin:0px;}
.lewe_menu li {float:left;list-style-type:none;padding:0px;margin:0px;}

.menuwillowe {
width: 200px;
float: left;
border-right:0px solid #fff;
border-left:0px solid #fff;
overflow: hidden;
margin-bottom:-4000px;
padding-bottom:4000px;
}

.booking{
margin-left: 15px;
}

.booking a{
display: block;
width: 164px;
height: 164px;
}

.booking a:link, .booking a:visited{
border:1px solid #3f0211;
}

.booking a:hover {
border:1px solid #af9137;
}

.reklama_lewa{
margin-left: 35px;
}

.reklama_lewa a{
display: block;
width: 130px;
height: 300px;
}

.reklama_lewa a:link, .reklama_lewa a:visited{
border:1px solid #000000;
}

.reklama_lewa a:hover {
border:1px solid #af9137;
}

.frontowyopis2 
{margin: 0px auto;width:725px;background:url(bg2.gif);color:#fff;font-family:Arial;text-align:justify;text-transform:uppercase;font-size:12px;border:0px solid #333;padding:5px;}
.frontowyopis2 strong {color:#478be5;}
#menudolne {height:80px;text-align:center;}
#menudolne a:link, #menudolne a:visited {font-weight:normal;font-size:25px;font-family:Arial,Verdana;text-decoration: none;color: #fff;}
#menudolne a:hover, #menudolne a.active:link, #menudolne a.active:visited, #menudolne a.active:active, #menudolne a.active:hover {font-size:25px;font-family:Arial,Verdana;text-decoration: none;color:#478be5;text-transform: uppercase;font-weight:bolder;}

.stopek {
width: 950px;
margin-left: auto ;         /* jest to wycentrowanie */
margin-right: auto ;        /* .. wycentrowanie diva na środku strony */
overflow:hidden;
background: #660000;
padding-left: 10px;
padding-right: 10px;
}
.stopek a:link, .stopek a:visited {padding:0px;margin:0px;font-weight:normal;font-size:10px;text-transform: uppercase;text-decoration: none;color:#ff6262;}
.stopek a:hover, .stopek a.active:link, .stopek a.active:visited, .stopek a.active:active, .stopek a.active:hover {font-size:10px;font-weight:bold;text-decoration:none;color:white;text-transform: uppercase;padding:0px;margin:0px;}
