@charset "utf-8";
/* CSS Document */

#kontener {
	width:921px;
	height:auto;
	position:relative;
	margin:0 auto;
	}
	
#logo img {
	position:relative;
	float:left;
	border:none;
	padding:0px 0 0 10px;
	}
	
.flashtop {
	position:relative;
	float:left;
	width:773px;
	height:168px;
	}
	
	li {

		font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:1.5em;
	color:#195d91;}
	
#topmenu {
	position:relative;
	float:left;
	width:775px;
	height:43px;
	}
	
#flagi {
	position:relative;
	float:left;
	width:60px;
	margin: 8px 10px 0 110px;
	}
	
#flagisub {
	position:relative;
	float:left;
	width:60px;
	margin: 8px 110px 0 10px;
	}
	
#flagi img, #flagisub img {
	border:none;
	float:left;
	}
	


	
#slogany {
	position:relative;
	float:left;
	width:auto;
	padding-top:30px;
	height:225px;
	}

#slogany h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#fff;
	line-height:1em;
	padding:5px 0 0 355px;
	}
	
#main {
	position:relative;
	float:left;
	width:920px;
	height:auto;
	background: url(../images/kontener-bg.jpg) top left repeat-x;
	}
	
#main-sub {
	position:relative;
	float:left;
	width:920px;
	height:auto;
	margin:0;
	background: url(../images/kontener-bg.jpg) top left repeat-x;
	border-top:5px solid #fff;
	}
	
#main-sub a {
	text-decoration:none;
	color:#314466;
	}
	
#main-sub a:hover {
	text-decoration:none;
	color:#314466;
	border-bottom:1px dotted #314466;
	}
	
#mapagoogle small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#004b84;
	}
	
#mapagoogle a {
	text-decoration:none;
	color:#314466;
	}
	
#mapagoogle a:hover {
	text-decoration:none;
	color:#314466;
	border-bottom:1px dotted #314466;
	}

	
#lewa-startowa {
	width:525px;
	position:relative;
	float:left;
	margin:0 15px 0 15px;
	}
	
#lewa {
	width:525px;
	position:relative;
	float:left;
	margin:0 15px 0 15px;
	}
	
#lewa-galeria {
	width:875px;
	position:relative;
	float:left;
	margin:0 15px 0 0;
	}
	
#lewa-galeria h1 {
	color:#195d91;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	padding-left:15px;
	}
	
#lewa h1 {
	color:#195d91;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	}

#lewa-startowa p {
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:1.5em;
	color:#195d91;
	}
	
#lewa p , #lewa table{
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;
	line-height:1.5em;
	color:#195d91;
	}
	
/*Na stronie głównej strong kończy się linią*/
#lewa-startowa strong {
	position:relative;
	float:right;
	width:525px;
	padding-bottom:12px;
	margin-bottom:10px;
	color:#405d85;
	text-align:right;
	border-bottom:1px dashed #7089a6;
	}
	
#lewa-startowa strong.last {
	border-bottom:none;
	}
	
#prawa {
	position:relative;
	float:right;
	width:350px;
	margin:15px 15px 0 0;
	background:url(../images/r-imgs-bg.jpg) top left repeat-x;
	}
	
#prawa-sub {
	width:350px;
	position:relative;
	float:right;
	margin:15px 15px 0 0;
	background:url(../images/r-imgs-bg.jpg) top left repeat-x;
	}
	
#prawa-sub-galeria {
	width:15px;
	position:relative;
	float:right;
	margin:0  0 0;
	}
	
#prawa-sub img {
	position:relative;
	float:left;
	padding:0px 16px 15px 14px;
	}
	
#prawa-sub img.first {
	position:relative;
	float:left;
	padding:13px 16px 15px 14px;
	}
	
	
#stopka {
	position:relative;
	float:left;
	background:url(../images/footer.jpg) top center no-repeat;
	width:920px;
	height:189px;
	}
	
#bottommenu, #realizacja {
	position:relative;
	float:right;
	width:auto;
	}
	
#bottommenu {
	margin:10px 10px;
	height:30px;
	width:920px;
	}
	
#gotop {
	background:url(../images/gotop.gif) left no-repeat;
	padding-left:9px;
	}
	
#bottommenu p, #bottommenu a {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#004b84;
	text-decoration:none;
	text-transform:uppercase;
	}

#bottommenu a:hover {
	color:#58A3CF;
}

#realizacja {
	width:190px;
	height:50px;
	padding:35px 10px 0 0;
	text-align:right;
	}

#realizacja span, #realizacja a {
	text-align:right;
	text-decoration:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#a0b9d4;
	}
	
#realizacja a:hover {
	border-bottom:1px dotted #a0b9d4;
	}
	
	
/* formularz kontaktowy */

#kontakt fieldset {
    border: 0px solid #666;
    padding: 2em 0em 2em 1em;
	 }


#kontakt input { line-height: 14px; }

#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px; }

#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer;
	 }

   #kontakt  label span {
        float: left;
        width: 20%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111; }


#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
	
/*Galeria*/
.album table {
margin-left:40px;
margin-top:-35px;
}
.album {
	float: left;
	width: 120px;
	height: 83px;
	padding:5px;
	margin:25px 5px  15px 25px;
	}

	.album img {
border:1px solid;
padding:5px;
margin:5px;
}

.album a {
color:#487282;
}

/*kontakt*/
#kontakt {
float:right;
padding-right:0px;
width:270px;
}
#numertel {
font-family: Arial, Georgia, "Times New Roman", Times, serif;;
}

/* menu top */
#menu {
position:relative;
z-index:10;
width: 584px; /* set width of menu */
float:right;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}
#menu li {
float:left;
}

/* style, color and size links and headings to suit */
#menu a {
font: normal 11px/16px arial, helvetica, sans-serif;
display: block;
border-bottom: 1px dotted #9bb4c8;
margin: 0;
padding: 2px 3px;
}

#menu a.last, #menu h2.last {
	border-right:none;
	border-bottom:none;
	}

#menu h2 {
display:block;
margin: 0;
padding: 2px 3px;
font: bold 11px/16px arial, helvetica, sans-serif;
color:#004b84;
background:url(../default/images/tophover.gif) top repeat-x;
text-transform: uppercase;
text-align:center;
line-height:3.5em;
width:110px;
height:36px;
margin:2px 0 2px 0;
border-left:none;
border-bottom:none;
border-top:none;
border-right: 1px dashed #86B3D7;
}
#menu h2 a {
display:block;
font: bold 11px/16px arial, helvetica, sans-serif;
color:#004b84;
background:none;
text-transform: uppercase;
text-align:center;
line-height:3.5em;
width:110px;
height:36px;
border:none;
margin:-2px 0 0 -3px;
}

#menu h2 a:hover {
color:#bf1523;
background:url(../images/tophover.gif) top repeat-x;
height:39px;
margin:-4px 0 0 -3px;
}

#menu a {
color:#5285A3;
background: #e0eaf6;
text-decoration: none;
width:110px;
float:left;
}

#menu a:hover {
color: #a00;
background: #fff;
}





#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
z-index:500;
left: 100%; /* to position them to the right of their containing block */
}


div#menu ul ul {
float:left;
width:110px;
margin-top:-4px;
}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/*formularz - rezerwacja miejsc*/

#formularz {
float:left;
height:auto;
padding-left:50px;
padding-top:10px;
}

.main, input, #formularz strong, select, option, radio {
font-family:Arial, Tahoma, Helvetica;
color:#344F6B;
font-size:14px;
font-weight:normal;
}
#formularz textarea {
font-family:Arial, Tahoma, Helvetica;
color:#344F6B;
font-size:14px;
font-weight:normal;
}

textarea {
border:1px solid #477AB1;
}

.form2 {
width: auto;
}