/* Pitala*/
/* WebDesigner */
/* CSS Design Name: Zatoka-Sopot */
/* Description:  */
/* Created V-VI.2010 */
/* Lastupdate 11.VI. 2010 */

/* W3C: (X)HTML 1.0 Strict and CSS */

/* Used for pluck: http://www.pluck-cms.org */
   
html{font-size:100%;margin:0;padding:0;height:100%;min-height:100%;overflow:auto}
body{
	background:#C7B5B3;
	color:#000;
	font:small/1.2em Verdana,sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	height:100%;
	max-height:100%;
	overflow:auto;
	background-image: url(../zatoka/tlo_6001.jpg);
	background-attachment: fixed;	
}
div#container{width:800px;height:auto;min-height:100%;border:1px solid #FFFFCC;text-align:left;margin:auto;padding:0;overflow:hidden}
div#tlo{
	background-image: url(../zatoka/tlo_m.jpg);
	background-repeat: repeat-x;
}
div#logo{
	width: 230px;
	height: 80px;
	background-image: url(../zatoka/logo80.gif);
	background-repeat: no-repeat;
}
div#top{height:250px;
	background:#660000;
	margin:0;
	padding:0;
}
div#mainblok{
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	background-image: url(../zatoka/t_1.jpg);
	background-repeat: repeat-x;
}
div#blok1{
	height:auto;
	margin:0;
	width:30%;
	float:left;
	overflow:hidden;
}
div#blok2{
	height:auto;
	margin:0;
	width:67%;
	float:right;
	overflow:hidden;
}
div#footer{
	clear:both;
	height:8%;
	background:#BFBAC0;
	width:100%;
	font-size:10px;
	text-align:right;
	color: #58564F;
	margin-top: 0px;
}

ul.menu1{margin:5px;padding:5px;list-style:none}
ul.menu1 li{
	margin:0;
	padding-left:20px;
}
ul.menu1 a{display:block;color:#FFFFCC;width:14em;padding:2px 2px 2px 2px;text-decoration:none}
ul.menu1 a:visited{color:#FFFFCC;text-decoration:none}
ul.menu1 a:hover{
	background:#e2bab2;
	color:#CC6666;
	text-decoration: none;
	border-right-color: #FF9999;
	border-right-style: solid;
	border-right-width: 4px;
}
li.menu1 {
	background:;
	background-image: url(../zatoka/bg_li.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.color1{float:left;background:#ECECDE;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color2{float:left;background:#CED665;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color3{float:left;background:#58564F;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color4{float:left;background:#A0AC01;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}
.color5{float:left;background:#3C3827;width:50px;height:30px;display:block;border:5px outset #fff;font-size:60%;margin:5px;padding:5px}

h1, h2, h3{
	font-family:Verdana,Sans-serif;
	font-weight:bold;
	padding-left: 10px;
}
h1{
	font-size:120%;
	color:#E1C4CE;
	text-align:left;
	background-color: #ae3752;
	padding-top: 7px;
	padding-bottom: 7px;
	background-image: url(../zatoka/falka_h1.gif);
	background-repeat: no-repeat;
	background-position: right;
	border-left-color: #FF9999;
	border-left-style: solid;
	border-left-width: 15px;
}
h2{font-size:115%;color:#990000;text-transform:uppercase;text-align:right}
h3{
	font-size:110%;
	color:#990000;
	font-style:italic;
	text-align:center;
	background-color: #e2bab2;
	padding-bottom: 5px;
}

li{background:url(bullet.gif) left center no-repeat;list-style-type:none;list-style-position:outside;padding-left:20px;line-height:20px}

.description{margin:5px;padding:5px;font-family:Verdana,Sans-serif;font-size:80%;line-height:20px;font-weight:bold;color:#58564F}
.binnen{margin:5px;padding:5px}
.bordertop{clear:both;margin:5px;padding:5px;border-top:2px dotted #3C3827}
.headtext{color:#E8B1B0;font-style:italic;text-align:left;text-transform:lowercase;margin-right:5px;font-size:20pt;}
.center{margin:5px;padding:5px;text-align:center}

fieldset{border:0}
form{margin:15px;padding:15px;border:1px solid #58564F;background:#ECECDE}
p.formlabel{display:block;font-weight:bold;margin:15px 0}
input{padding:5px;border:1px solid #3C3827;color:#A0AC01}
textarea{width:200px;padding:5px;border:1px solid #58564F;height:100px;display:block;color:#A0AC01}
input.button{margin:5px;border:1px solid #3C3827;color:#A0AC01}

a:link { color: #990000; text-decoration: none}
a:visited { color: #990000; text-decoration: none}
a:active { color: #FF6666; text-decoration: none}
a:hover { color: #CC9999; text-decoration: underline }

.album{
	background:#e4d9d8;
	border:1px solid #990000;
	border-left:5px solid #990000;
	padding:7px;
}
.legal{
	font-size: x-small;
	color: #006666;
	padding-top: 6px;
	text-align: center;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
}
.marginright{
	margin-right: 6px;
	float: left;
}
.floright{
	margin-left: 6px;
	float: right;
}
.wyr{
	font-size: large;
	color: #993366;
}
td{
	border-left-color: #FFCCCC;
	border-left-style: dashed;
	border-left-width: 1px;
	text-align: center;
	vertical-align: middle;
}
th{
	border-bottom-color: #FFCCCC;
	border-bottom-style: dashed;
	border-bottom-width: 2px;
	text-align: center;
}
#tabpokoje{
	width: 445px;
	height: 120px;
}
#tabmodern{
	width: 440px;
	height: 180px;
}
#tabmodern2{
	width: 440px;
	height: 180px;
}
#tabledz{
	width: 440px;
	height: 180px;
}
#tabkonf{
	width: 441px;
}
#tabpokoje td, #tabmodern td, #tabmodern2 td, #tabjedz td, #tabkonf td, #konf_cen td{
	background-color: #FFFFCC;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.grube{
	font-weight: bold;
	background-image: url(../zatoka/grad_y.gif);
	background-repeat: repeat-y;
}
.inicjal{
	font-size: 160%;
	color: #990000;
}
#rezerwacja{
	width: 150px;
	height: 34px;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 80px;
}
#rezerwacja a{
	display:block;
	color:#990000;
	width:150px;
	padding:9px 3px 9px 9px;
	text-decoration:none;
	background-repeat: no-repeat;
	padding-left: 20px;	
}
#rezerwacja a:link {
	color: #990000;
	text-decoration: none;
	background-image: url(../zatoka/rezerwacja1s.gif);
}
#rezerwacja a:visited { 
	color: #990000; 
	text-decoration: none;
	background-image: url(../zatoka/rezerwacja1s.gif);
}
#rezerwacja a:active { 
	color: #990000; 
	text-decoration: none;
	background-image: url(../zatoka/rezerwacja1s.gif);
}
#rezerwacja a:hover { 
	color: #990000; 
	text-decoration: none;
	background-image: url(../zatoka/rezerwacja2s.gif);
}

hr{
	color: #ae3752;
	background-color: #ae3752;
	height: 8px;
}