*{
margin: 0;
padding: 0;
}

body{
background: #fff;
color: #6b6b6b;
font-family: Tahoma, sans-serif;
font-size: 12px;
}
			
/* Linki */
a:link, a:visited{
color: #ff6600;
text-decoration: none;
}
a:hover, a:active{
color:#FF6600;
text-decoration: underline
}
/* koniec linkow */

.headerLayer{
background: url('../images/bg_top.png') repeat-x;
height: 170px;
}
			
.header{
color: #6b6b6b;
font-size: 10pt;
margin: 0 auto;
width: 867px;
}

.top{float:left;padding: 0;width:820px}
.top-left, .top-left div, .top-right a{float:left}

.top-left{line-height:25px;}
.top-right{float:right; line-height:17px;margin-top:30px}

.top-right a:link, .top-right a:visited{color: #6b6b6b;font-weight:normal}
.top-right a:hover, .top-right a:active{color:#F60}

.top-right span{margin-right: 5px;}

#phone-top {
    background: url("../images/phone.png") no-repeat scroll 0 0 transparent;
    color: #FF6600;
    height: 28px;
	margin-top: 30px;
    padding-left: 16px;
}

#like-it, #newsletter{float:right;height: 17px;width: 17px;}
#like-it{background: url("../images/icons.png") no-repeat scroll 0 0 transparent;margin-right:60px}
.fb-like{float:left}
#newsletter{background: url("../images/icons.png") no-repeat scroll -17px 0 transparent;}

.menuLayer{
	background: url("../images/menu.png") transparent no-repeat scroll 0 0;
	float: left;
	height: 36px;	
	width: 867px
}

.menu{
	color: #fff;
	height: 32px;
	margin: 11px 0 0 30px;
	font-weight: bold;
	text-transform: uppercase;
}

.menu a:link, .menu a:visited{color:#fff;font-size: 14px;}
.menu a:hover, .menu a:active{color:#fff;text-decoration: underline}

.menu li{
	border-right: 2px solid #fff;
	float: left;
	height: 13px;
	line-height: 11px;
	list-style: none;
	margin-left: 16px;
	padding-right: 16px;
	}
.menu li:last-child{border:none}
.menu li.current{text-decoration: underline}
	
.start{
	background: url("../images/icon_home.png") no-repeat scroll 0 0 transparent;
	margin-left:10px;
	text-indent: -9999px;
}
.start a{display:block;height:16px;width:18px}
	
.contentLayer {
    background: url("../images/bg_bottom.png") repeat-x scroll 0 bottom transparent;
    margin-top: -35px;
	min-height:620px;
}

.contentWrapper{
	margin: 0 auto;
	position: relative;
	width: 968px;
}

.content{
	margin: 0 auto;
	width: 867px;
}

.content2{
	min-height:200px;
}

.bottom{
	background: url("../images/bg_bottom.png") repeat-x scroll 0 0 transparent;
	height: 179px;
}

.icons{
	left: 895px;
	position: absolute;
    top: 0
}
	
.icons li{
	background: url("../images/fotoframe_icon_resort.png") no-repeat scroll 0 0 transparent;
	color: #6b6b6b;
	font-size: 11px;
	list-style: none;
	margin-bottom: 10px;
}

.icons a:link, .icons a:visited{
	color: #6b6b6b;
	display:block;
	font-weight:normal;
}
.icons  a:hover, .icons  a:active{color:#FF6600}

.offer{height:180px;margin:12px 0 0 4px;overflow:hidden}

.offer li{
	background: url("../images/fotoframe_offer.png") no-repeat scroll 0 0 transparent;
	color: #6b6b6b;
	float:left;
	font-size: 14px;
	font-weight:bold;
	list-style:none;
	height:164px;
	/*margin: 8px;*/
	padding: 8px;
	width:124px
}

.offer li.special{color:#6b6b6b}

.offer a{display:block;padding-top:114px;}
.offer a:link,.offer a:visited{color:#6b6b6b;font-size:14px}
.offer a:hover,.offer a:active{color:#FF6600;text-decoration:underline}
.offer .special a:link,.offer .special a:visited{color:#ff6600}

.offer a.jgallery{padding:0}

.cols{margin-top:7px;overflow:hidden}

.cols>li{
	float:left;
	height: 92px;
	list-style:none;
	margin-right:12px;
	padding: 10px 20px 20px 20px;
}

.cols_2, .cols_3{height:160px;}

.cols_2 h2, .cols_3 h2{margin:-5px 0 0 0}
.cols h2 a:link, .cols h2 a:visited{color:#6b6b6b;}
.cols h2 a:hover, .cols a:hover{color: #ff6600;}

.cols p{font-size:10.5px;}

.cols_1{padding:15px 45px 20px 15px;width:805px !important}
.cols_1 ul{margin:5px 0 15px 15px}
.cols_1 p,.cols_1 li{font-size:12px;line-height:1.5em;}

.cols_1 h2{margin: 15px 0 7px 0}
.cols_1 h3{text-transform:uppercase}
.cols_1 h4{margin:5px 0 2px 0}

.cols_2 li{
	background: url("../images/textframe_cols_2.png");
	width: 367px;
}

.cols_3 li{
	background: url("../images/textframe_cols_3.png");
	width: 228px;
}

.offer_icon{float:left;margin-right:15px}

.fancy_wrapper{margin:10px}

.fancy_shadow{
	background: url("../images/shadow.png") repeat-x;
	height:4px;
	width:824px;
}

.fancy_photoframe{
	height:354px;
	margin:10px;
	width:804px;
}

.gallery li{line-height:0}
.gallery a{margin:5px}
.gallery img{height:93px;width:97px;}

.bx-prev, .bx-next{
	display:block;
	height:13px;
	position:absolute;
	text-indent:-9999px;
	top:68px;
	width:8px
}
.bx-prev{
	background: url("../images/icons_arrows.png") no-repeat scroll -16px 0 transparent;
	left: -15px;
}
.bx-next{
	background: url("../images/icons_arrows.png") no-repeat scroll -24px 0 transparent;
	right: -15px;
}
.bx-prev:hover, .bx-prev:active{
	background: url("../images/icons_arrows.png") no-repeat scroll 0 0 transparent;
}
.bx-next:hover, .bx-next:active{
	background: url("../images/icons_arrows.png") no-repeat scroll -8px 0 transparent;
}

.footerLayerTop{background:#fff;padding:15px 0}

.footerLayerBottom{background:#373737;padding:20px 0}

.footer{
	clear:both;
	font-size: 10px;
	height:40px;
	width:828px
}

.menu_footer{float:left;}

.menu_footer a{
	color: #6b6b6b;
	font-weight:normal;
	text-transform:uppercase;
	}
.menu_footer a:hover{color:#FF6600}

.menu_footer li{
	border-right: 1px solid #6b6b6b;
	float:left;
	list-style:none;
	margin-right:15px;
	padding-right:15px;
}
.menu_footer li:last-child{border:none}

.footerBottom{float:right;text-align:right}

.footerBottom a{
	color: #0056c1;
	font-weight:normal;
	}
.footerBottom a:hover{text-decoration:underline}

.footerBottom li{
	border-right: 1px solid #6b6b6b;
	float:left;
	list-style:none;
	margin-left:15px;
	padding-right:15px;
}
.footerBottom li:last-child{border:none;padding:0}

.blue{color: #0056c1}

.address{float:right;text-align:right;}

img{
border: 0;
}

h1{
font-size: 1.4em;
font-weight:bold;
color:#3D3D3D;
}

h2{
color:#3d3d3d;
font-size:15px;
margin-bottom:7px;
}

h3{
color:#3d3d3d;
font-size:16px;
margin-bottom:7px;
}

h4{
color:#3d3d3d;
font-size:14px;
margin-bottom:7px;
text-transform:uppercase;
}

h5{
color:#6b6b6b;
font-size:12px;
font-weight:bold;
margin: 10px 0 5px 0;
}

p{
line-height: 1.5em;
padding-bottom: 1.5em;
text-align: justify;
}
.center{
margin-left: auto;
margin-right: auto;
text-align: center;
}
.right{
margin-left: auto;
margin-right: auto;
text-align: right;
}



.message{
	font-weight: bold;
	margin: 0 -20px;
	padding: 15px 0;
	text-align: center;
}

.success{
	background: #CCFF99;
	border-bottom: 1px solid #66CC33;
	border-top: 1px solid #66CC33;
	color: #668833;
	padding: 5px;
}

.error{color: #cc0000;}

div.error{
	background: #E6C0C0;
	border-bottom: 1px solid #DE7A7B;
	border-top: 1px solid #DE7A7B;
	padding:5px;
	width:94%;
}

label.error{
	background: none;
	border: none;
	font-size: 0.85em;
}

input.error, textarea.error{
	background: #E6C0C0;
	border: 1px solid #DE7A7B;
}

.info{
background: #dff6f9 no-repeat 0 0;
border-bottom: 1px solid #3665b1;
border-top: 1px solid #3665b1;
color: #3665b1;
padding: 15px;
}

.cennik p{line-height:1.3em}

#content_kontakt{height:340px}
#content_kontakt span{display:block;margin-top:2px}

#contact_data .col_1{float:left;width:245px}
#contact_data .col_1 p {text-align:left}
#contact_data {font-size:0.95em}

#contact_form{background:url("../images/textframe_formularz.png") no-repeat;height:270px}

#contact_form h2{margin:0 0 5px 7px}
#contact_form label {
	color:#333;
    font-size:11px;
	font-weight: normal;
	margin: 0 0 2px 1px;
    width: 140px;
}

#contact_form label.error{color: #cc0000;}

.contact_form{margin-left:7px;}

#contact_form_wrapper input, #contact_form textarea{color:#666;font-size:12px;padding:2px;}

#contact_form_wrapper div{float:left;margin-bottom:7px;width:170px}

#contact_form_wrapper input{width:160px}

#contact_form .name, #contact_form .email{margin-right:15px;}

#contact_form #message_wrapper{float:left;width:345px;}

#contact_form #message_wrapper textarea{height:80px;width:345px;}

.submit{float:right;margin-right:15px;padding: 3px;}

#contact_map{background: url("../images/frame_mapa.png");margin-top:-120px}

#contact_map a{display:block;height:98px}

.fancy_goto{float:right;margin:-30px 5px 0 0}

#big_map_link{background: url("../images/frame_mapa_big.png");width:790px}
#big_map_link a{display:block;height:98px;}

/* rotator in-page placement */
    div.rotator {
	clear: both;
	height: 374px;
	position:relative;
	width:828px
}
/* rotator css */
	div.rotator ul li {
	background: none;
	float:left;
	list-style: none;
	padding: 0 !important;
	position:absolute;
}
/* rotator image style */	
	div.rotator ul li img {
	padding: 0;
}
    div.rotator ul li.show {
	z-index:500
}
.rotator1 li{list-style:none}

noscript {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 3px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10000;
}

.columns{
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

.columns p{padding:0}
.columns p.right{padding-top:1.5em;}

.columns ul{line-height:1.5em}
.columns>li{float:none;font-size:11px;height:auto;list-style-type:square;margin:0;padding:0;width:auto}

.bg_fix{background-repeat:no-repeat;background-position:12px 8px}

ul.submenu{
	background: transparent url(../images/submenu.png) repeat-x bottom;
	display: inline;
	float: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	height: 37px;
	margin: 15px 0;
	text-shadow: 0 1px 0 #fff;
	width: 805px;
}
ul#klient-indywidualny{padding:0 3px;}
ul#klient-grupowy{padding: 0 5px;}

.submenu li {
	background: none;
	clear: none;
	display: block;
	float: left;
	height: 37px;
	list-style: none;
	margin: 0 -14px 0 0;
	padding: 0;
	position: relative;
}

.submenu li span a:link, .submenu li span a:visited {
	background: transparent url(../images/submenu.png) 100% -111px;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	text-decoration: none;
}
#klient-indywidualny li span a:link, #klient-indywidualny li span a:visited{padding: 9px 15px 8px 0;}
#klient-grupowy li span a:link, #klient-grupowy li span a:visited{padding: 9px 15px 8px 0;}

.submenu li:hover{ z-index: 20;}
.submenu span{
	background: transparent url(../images/submenu.png) 0 0;
	display: block;
	height: 37px;
}
#klient-indywidualny span{padding: 0 0 0 11px;}
#klient-grupowy span{padding: 0 0 0 15px;}

.submenu li:hover span, .submenu li.current span
{ background-position: 0 -37px; }

.submenu li:hover span a:link, .submenu li:hover span a:visited, .submenu li.current a:link, .submenu li.current a:visited{ 
	background-position: 100% -148px;
	text-decoration: none; 
}
.submenu li ul{ display: none; }
.submenu li:hover ul{ 	
	background: #fff;
	/*border: 1px solid #7e9e9a;*/
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-radius: 0 0 3px 3px;
	display: block; 
	left: 5px; 
	padding: 5px 0;
	position: absolute; 
	top: 36px; 
	z-index: 10;
}
.submenu li:hover li{ clear: both; display: block; float: left; height: 30px; margin: 0; padding: 0 10px; white-space: nowrap; z-index: 10;}
.submenu li:hover li a:link{ background: none; padding: 3px 10px;}

.small{font-size:10px}
.pleft{padding-left:10px}

.table td{margin-bottom:5px;padding-right:20px}
table.cennik td{width:310px}
table.cennik td.pleft{width:300px}

.nopad{margin:0;padding:0}

.intro{float:left;min-height:130px;width:660px;}
.intro2{float:left;min-height:45px;width:660px;}

.clear{clear:both;height:1px;width:100%}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  width: 89%;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.goto_separator:last-of-type{display:none;}

#panel {
position: fixed;
top: 100px;
right: -222px;
z-index: 99999;
transition: right 0.5s ease-out 0s; -webkit-transition: right 0.5s ease-out 0s; -ms-transition: right 0.5s ease-out 0s; -moz-transition: right 0.5s ease-out 0s; -o-transition: right 0.5s ease-out 0s;
text-align:center;
}

#panel:hover {
right: 0;
}

#panel #content {
width: 200px;
height: 181px;
padding: 50px 10px 10px 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #001699;
z-index: 20;
background: #FFFFFF;
position: relative;
border-radius: 10px 0 0 0px; 
-webkit-border-radius: 10px 0 0 0px; 
-ms-border-radius: 10px 0 0 0px; 
-moz-border-radius: 10px 0 0 0px; 
-o-border-radius: 10px 0 0 0px;
}

#panel #title {
width: 100px;
border: 2px solid #001699;
background: #001699;
color: #FFFFFF;
font-weight: bold;
font-size:16px;
border-radius: 10px 10px 0px 0px; 
-webkit-border-radius: 10px 10px 0px 0px; 
-ms-border-radius: 10px 10px 0px 0px; 
-moz-border-radius: 10px 10px 0px 0px; 
-o-border-radius: 10px 10px 0px 0px; 
padding: 6px 8px 0px 8px;
text-align: center;
position: relative;
top: 200px;
left: -74px;
transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);
z-index: 1;
}

#panel #freshmail_email{margin: 0px auto;}

#freshmail_email {
border: 1px solid #C9C9C9;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
display: block;
border-radius: 4px;
padding:5px 10px;
}

a#flag{float:right;margin-top: -30px;}
a#flag img {border:1px solid #000; padding:0px;}