@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic&subset=latin-ext);

BODY {
	margin: 0px; 
	padding: 0px; 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px; 
	font-weight: 300;
	color: #231f20; 
	background: #fff;
	}

.kontakt_head {font-weight: bold; letter-spacing: -0.5px; font-size: 24px; color: #232020;}
.kontakt_lewy {width: 410px; float: left;}
.kontakt_prawy {width: 410px; float: right; margin-left: 100px;}


#map {width:960px; height:450px; top:160px;}
#map_apartament {width:960px; height:450px; margin-top:5px;}
#map_hostel {width:960px; height:450px; margin-top:30px;}

.msa_bold {font-weight: 600; letter-spacing:-0.5px; color:#231f20;}
.msa_bold_blue {font-weight: 600; letter-spacing:-0.5px; color:#14a4de;}

.apartament {font-weight: 300; color:#231f20; margin-top:10px;}
.apartament:hover {font-weight: 600; letter-spacing:-0.5px; color:#14a4de;}

.lista {font-weight: 300; color:#231f20; margin-left:5px; float:left;}
.lista:hover {font-weight: 600; letter-spacing:-0.5px; color:#14a4de; margin-left:5px; float:left;}

.apartament_hiszpania {font-weight: 300; color:#231f20; margin-top:10px; float:left; margin-right:20px;}
.apartament_hiszpania:hover {font-weight: 600; letter-spacing:-0.5px; color:#14a4de;}

.hostelpokoj_title {font-weight: 700; font-size: 26px; letter-spacing:-1px; color:#231f20; margin-top:20px; margin-left:20px;}
.hostelpokoj_bold {font-weight: 600; font-size: 16px; letter-spacing:-0.5px; color:#231f20; margin-top:20px; margin-left:20px;}
.hostelpokoj_opis {font-weight: 300; font-size: 16px; color:#231f20;}

#hostelpokoj_modul {width:960px; margin-bottom: 5px; height:285px;}


#wpis {width:508px; height: 25px; margin-top:5px;border-bottom:1px solid #e4e4e4;}
#wpis_pokoj {width:320px; height: 25px; margin-top:5px; margin-left:40px; border-bottom:1px solid #ffffff;}
#wpis_pokoj_ostatni {width:320px; height: 25px; margin-top:5px; margin-left:40px;}
#wpis_ostatni {width:508px; height: 25px; margin-top:5px;}
.wpis_lewy {float:left; font-weight: 600; letter-spacing:-0.5px; margin-left:10px;}
.wpis_prawy {float:right; font-weight: 300;margin-right:10px;}
.wpis_plewy {float:left; font-weight: 600; letter-spacing:-0.5px; margin-left:10px; color:#ffffff;}
.wpis_pprawy {float:right; font-weight: 300;margin-right:10px;color:#ffffff;}
.opis_apartamentu {font-size:16px;}

#main_left { width: 500px; margin-right: 20px; float:left;}
.header_glowna {width:440px; font-weight: 700; font-size:36px; color:#231f20; line-height: 36px; letter-spacing:-1px;}
.tekst_glowna {width:500px; font-weight: 300; font-size:16px; color:#231f20; margin-top:40px; text-align: justify; text-justify: newspaper;}

#main_right { width:360px; min-height:400px; margin-bottom:30px;padding-left:20px; border-left:1px solid #c2c2c2; float:right;}

#msa_footer {width:100%; height:146px; background-color:#14a4de;}
#msa_footer_center {width:960px; margin: 0 auto; color:#fff;}

#msa_footer_lo {width:100%; height:86px; background-color:#fff;}
#msa_footer_lo_center {width:960px; margin: 0 auto; color:#232020; padding-top:20px;}




.tytul_page {font-family: 'Source Sans Pro', sans-serif; color:#fff; letter-spacing:-1.5px; font-size:28px; font-weight:700; padding:16px 35px; height: auto; display:inline-block; text-align:center; background-color:#14a4de; -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -khtml-border-radius: 48px;
    margin-top:380px;
    }


.tytul_page_page {font-family: 'Source Sans Pro', sans-serif; color:#fff; letter-spacing:-1.5px; font-size:28px; font-weight:700; padding:16px 60px; height: auto; display:inline-block; text-align:center; background-color:#14a4de; -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -khtml-border-radius: 48px;
    margin-top:150px;
    }
    
.tytul_page_pageh {font-family: 'Source Sans Pro', sans-serif; color:#fff; letter-spacing:-1.5px; font-size:28px; font-weight:700; padding:16px 60px; height: auto; display:inline-block; text-align:center; background-color:#3c3c3b; -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -khtml-border-radius: 48px;
    margin-top:150px;
    }


#header_nav {
    width:100%;
    height:100px;
    position:absolute;
    top:0;
    left:0;
	z-index: 99999;
}

#header_nav_page {
    width:100%;
    height:100px;
    position:absolute;
    top:0;
    left:0;
	z-index: 99999;

}

#logo_nav {
	width: 141px;
	height:124px;
	float: left;
	margin-top: 0px;
	transition-duration:2s;
}

#logo_nav:hover {
	filter:blur(5px);
}

.stormee {float: right; margin-top: 35px;}

#header_center {width: 960px; margin: 0 auto;}



a {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}


    font-weight: 300;
	font-size: 16px; 
	color: #000;
}



h1 {
	font-family: 'Dosis', sans-serif;
	font-size: 39px;
	letter-spacing: -1px;
	color: #464646;
	font-weight: 600;
	text-align:center;
	text-transform:uppercase;
}

h6{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	letter-spacing: -1px;
	color: #f26c4f;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: -22px;
}
h7{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	letter-spacing: -2px;
	color: #f26c4f;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: -22px;
}
h8{
	font-family: 'Kalam', cursive;
	font-size: 38px;
	letter-spacing: -1.5px;
	color: #00638a;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: -22px;
}
h9{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	letter-spacing: -1.5px;
	color: #7d7d7d;
	font-weight: 700;
	margin-top: -5px;
	margin-bottom: -22px;
}

#pages_style h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	letter-spacing: -2px;
	color: #f26c4f;
	font-weight: 700;
	text-align: right;
	float: right;
	margin-bottom: 5px;
	
}




#content {
	width: 100%:; 
	margin: 0 auto;
	overflow: hidden;
	min-height: 100px;
	background: #fff;
}

#contents {
	width: 960px; 
	margin: 0 auto;
	padding-bottom:0px;
	overflow: hidden;
}

#overback {
	/*background: url(../images/back2.jpg) center no-repeat;
	-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover; width: 100%; height: 100%;*/
background: #fff;
margin-top: -14px;
min-height: 300px;
overflow: hidden;
	}
	


.fbuton {padding-right: 8px;}

#social {margin-left: 886px; position: absolute;}

#jezyki {
    float: right;
    margin-top:30px;
    font-weight:600;
    letter-spacing:-0.5px;
    text-align: center;
    }
    
.top_rezerwacje {padding-top:10px; padding-bottom:6px;padding-right:30px; padding-left:30px; height: auto; display:inline-block; text-align:center; background-color:#14a4de; margin-left:5px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:1s;}   
		
.top_rezerwacje:hover { filter:blur(5px);}	

.msablur {transition-duration:1s;}
.msablur:hover { filter:blur(2px);}	

.msaalpha {transition-duration:1s;}
.msaalpha:hover { filter: opacity(0.4);}

.cena_k {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; display:inline-block; text-align:center; background-color:#14a4de; margin-left:5px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:1s;}
		
.cena_kh {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; display:inline-block; text-align:center; background-color:#3c3c3b; margin-left:5px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:1s;}
		   
.cena_k:hover { filter:blur(5px);}			
.cena_kh:hover { filter:blur(5px);}

.zdjeciaefekt { transition-duration:1s;}	
.zdjeciaefekt:hover { filter: opacity(0.4);}	

.cena_d {font-size:16px; font-weight:600; color:#fff; letter-spacing:-1px;}
.cena_dth {font-size:14px; font-weight:600; color:#464646; letter-spacing:-0.5px;}
.cena_m {font-size:14px; font-weight:600; color:#fff;}
.cena_h {font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.5px;}

.cena_dt {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; display:inline-block; text-align:center; background-color:#ebebeb; margin-left:10px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:2s;}   
		
.cena_dt:hover { filter:blur(5px);}	


.inne_dt {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; display:inline-block; text-align:center; background-color:#14a4de; margin-left:10px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:2s;}   
.inne_dth {font-size:14px; font-weight:600; color:#ffffff; letter-spacing:-0.5px;}
.inne_dt:hover { filter:blur(5px);}	
	
		
#navigation {width: 580px; height: 50px; font-family: 'Source Sans Pro', sans-serif; float: left; margin-left: 20px; margin-top: 10px;} 
#navigation ul { list-style: none; float: left; height: 50px;}
#navigation ul li { 
	float: left; 
	font-size:16px; 
	margin: 15px 25px 0 5px; 
	color: #464646; 
	font-weight: 400; 
	letter-spacing: -0.5px;
	}

/* #navigation ul li:first-child {background: url(../images/home.png) no-repeat left top; padding-left: 20px;} */
#navigation ul li a:link {color: #464646; text-decoration:none; padding: 13px 2px 3px 2px;}
#navigation ul li a:visited {color: #464646; text-decoration:none; padding: 13px 2px 3px 2px;}

#navigation ul li a:hover {color: #464646; text-decoration:none;  padding: 13px 2px 3px 2px; background: url(../images/msa_dot@2x.png) no-repeat top center; background-size:10px 10px; }

#navigation ul li a:hover span {height: 60px; padding-bottom: 10px;}

#navigation ul li.front a:hover {background: none; color: #636363;}

#navigation ul li.section a,
#navigation ul li.current a {color: #464646; text-decoration:none; padding: 13px 2px 3px 2px; background: url(../images/msa_dot@2x.png) no-repeat top center; background-size:10px 10px; font-weight: bold;}

#navigation ul li.section a span,
#navigation ul li.current a span {background: url(../images/navbot.png) no-repeat bottom right; height: 60px; padding-bottom: 19px;}

#navigation ul li ul {display:none;}
#navigation ul li:hover ul {display:block; background: url(../images/subback.png) top left; width: 176px; margin-left: -20px; height: 100%; overflow: visible;}
#navigation ul li:hover ul li {
	font-size: 16px; 
	margin: 10px 0 0 0;
	padding: 0 0 8px 0;
	color: #636363; 
	font-weight: normal; 
	letter-spacing: -0.5px; 
	list-style:none;
	float: left;
	display: block;
	width: 176px;
	border-bottom: 1px dotted #dadada;
	clear: both;}
#navigation ul li:hover ul li a:link {color: #636363; text-decoration:none; padding: 0px; background: none;}
#navigation ul li:hover ul li a:visited { color: #636363; background: none;}
#navigation ul li:hover ul li a:hover { color: #f26c4f; background: none;}
#navigation ul li:hover ul li.section a,
#navigation ul li:hover ul li.current a {background: none; color: #f26c4f;}


#navigation ul li:hover .shadow {background: url(../images/menushadow.png) no-repeat bottom center; padding-bottom: 25px; position: absolute; margin-top: 10px; z-index: 999999; width: 176px; margin-left: -40px; display: block; overflow: visible; margin-bottom: 15px;}

#navigation_dol {width: 300px; height: 20px; font-family: 'Oswald', sans-serif; float: left; margin-top: -20px; }
#navigation_dol ul { list-style: none;}
#navigation_dol ul li { 
	float: left; 
	font-size: 14px; 
	margin: 5px 5px 0 5px; 
	color: #fff; 
	font-weight: 300; 
	letter-spacing: -0.1px;
	text-transform:uppercase;
	}

#navigation_dol ul li a:link {color: #fff; text-decoration:none;}
#navigation_dol ul li a:visited {color: #fff; text-decoration:none; }

#navigation_dol ul li a:hover {color: #fff; text-decoration:none;}

#navigation_dol ul li.section a,
#navigation_dol ul li.current a {color: #fff; text-decoration:none; }


#navigation2 {width: 770px; height: 50px; font-family: 'Open Sans Condensed', sans-serif; float: left; margin-left: 220px; }
#navigation2 ul { list-style: none; float: left; height: 50px;}
#navigation2 ul li { 
	float: left; 
	font-size:14px; 
	margin: 15px 5px 0 5px; 
	color: #035354; 
	font-weight: 500; 
	letter-spacing: -0.25px;
	text-transform: uppercase;
	}


#navigation2 ul li a:link {color: #035354; text-decoration:none; padding: 13px 2px 3px 2px;}
#navigation2 ul li a:visited {color: #035354; text-decoration:none; padding: 13px 2px 3px 2px;}
#navigation2 ul li a:hover {color: #035354; text-decoration:none;  padding: 13px 2px 3px 2px; border-top: solid #035354 3px; }
#navigation2 ul li.section a,
#navigation2 ul li.current a {color: #00638a; text-decoration:none; padding: 13px 2px 3px 2px; border-top: solid #035354 3px;}



#subnav {width: 700px; font-family: 'Oswald', sans-serif; margin-left: 300px; position: absolute; margin-top: 40px;}
#subnav ul { list-style: none; float: left;}
#subnav ul li { 
	float: left; 
	font-size: 14px; 
	margin: 10px 5px 0 5px; 
	color: #fff; 
	font-weight: 300; 
	letter-spacing: -0.1px;
	text-transform:uppercase;
	}

#subnav ul li a:link {color: #fff; text-decoration:none; }
#subnav ul li a:visited {color: #fff; text-decoration:none; }

#subnav ul li a:hover {color: #fff; text-decoration: underline;}

#subnav ul li.section a,
#subnav ul li.current a {color: #fff; text-decoration: underline; }




/* pager */
#cycle-pager2 { 
	width: 20px; z-index: 999999; position: absolute; overflow: hidden; right: 40px; margin-top: 200px;

}
#cycle-pager2 span { 
    font-family: arial; font-size: 0px; width: 12px; height: 12px;  padding-right: 3px;
    display: inline-block; background: url(../images/boff.png) no-repeat; background-size:12px 12px; cursor: pointer; 
	line-height: -10px;
}

#cycle-pager2 span.cycle-pager-active { background: url(../images/bon.png) no-repeat; background-size:12px 12px;}
#cycle-pager2 > * { cursor: pointer;}

/* pager */
.cycle-pager { 
    width: 20px; z-index: 999999; position: absolute; top: 120px; overflow: hidden; right: 0px;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}

.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}

#sitePreloader {
	background: #fff;
	width: 100%;
	height: 1000px;
	overflow: hidden;
	position: fixed;
	z-index: 99999999999;
	opacity: 0.7;
}


.scrollToTop{
	width:85px; 
	height:85px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:50%;
	right:40px;
	display:none;
	background: url('../images/ikonka_strzalka.png') no-repeat 0px 20px;
	z-index: 99999999999;
}
.scrollToTop:hover{
	text-decoration:none;
}







form {
    
	width:410px;
}
	form fieldset {
		border:0; 
		padding:0px;
		
	}
		.message {
			color:red;
			background:#ddd;
			border:1px solid #ccc;
			padding:5px;
			margin:5px;
		}
		span.message {
			width: 410px;
		}
		form div {
			margin-top:10px;
			width:100%;
		}
		form label { font-family: 'Source Sans Pro', sans-serif;  font-size: 16px; letter-spacing:-0.5px; font-weight: 600; color:#232020;}
		
		}
			form label.left {
				float:left;
				width:12em;
			}
			form label.FormHeading {
				font-size:28px;
				color:#232020;
				font-weight:regular;
			}
		form input.text,
		form textarea,
		form select {
			width:410px;
			color:#232020;
			background:#fff;
			border:1px solid #e8e8e8;
			font-size: 15px;
			padding:3px;
			font-weight: 300;
		}
		
		form input {
		    margin-top:-10px;
		    margin-bottom:10px;
			width:410px;
			color:#fff;
			background:#000;
			border:1px solid #c2c2c2;
			font-size: 13px;
			padding-top: 7px;
			padding-bottom: 7px;
			font-weight: 200;
		}
		
		
		form input.numeric {
			width:20px;
			background:#f0f0f0;
			border:1px solid #aaa;
			padding:3px;
			color:#000;
			margin-right:4px;
		}
		form input.year {
			width:35px;
		}
		form p.Actions {
			text-align:right;
			padding:0 22px 15px 0;
		}
			form p.Actions input {
				padding:2px;
			}
			
    a.btn, button, input[type="submit"], .Actions .action {
        margin-right: 205px;
        width:100px;
        float:right;
        font-family: Source Sans Pro; 
        background: #14a4de;
        letter-spacing: -1px;
        color: #fff;
        border:0px;
        padding: 6px 15px;
        text-transform: none;
        font-size: 16px;
        font-weight: 600;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -khtml-border-radius: 48px;
    transition-duration:2s;
    
    }
    
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #fff;
        color: #14a4de;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    
    .Actions input.resetformaction  {                  /* Clear button */
        margin-left:0px;
        width:100px;
        float:left;
        border:0px;
        font-family: Source Sans Pro; 
        background: #ebebeb;
        letter-spacing: -1px;
        color: #7b7b7b;
        padding: 6px 15px;
        text-transform: none;
        font-size: 16px;
        font-weight: 600;
    -moz-border-radius: 48px;
    border-radius: 48px;
    -khtml-border-radius: 48px;
    transition-duration:2s;
        
    }
    
    .Actions input.resetformaction:hover {            /* Clear button */
     background: #7b7b7b;
        color: #ebebeb;
    }




#navigation3 {width: 370px; height: 20px; font-family: 'Source Sans Pro', sans-serif; float: left; margin-top: -30px;} 
#navigation3 ul { list-style: none; float: left; height: 50px;}
#navigation3 ul li { 
	float: left; 
	font-size:18px; 
	margin: 15px 5px 0 5px; 
	color: #000; 
	font-weight: 400; 
	letter-spacing: -0.5px;
	text-transform: lowercase;
	}

/* #navigation3 ul li:first-child {background: url(../images/home.png) no-repeat left top; padding-left: 20px;} */
#navigation3 ul li a:link {color: #000; text-decoration:none; padding: 13px 2px 3px 2px;}
#navigation3 ul li a:visited {color: #000; text-decoration:none; padding: 13px 2px 3px 2px;}

#navigation3 ul li a:hover {color: #000; text-decoration:none;  padding: 13px 2px 3px 2px; font-weight: bold;}


#navigation3 ul li a:hover span {height: 20px; padding-bottom: 10px;}

#navigation3 ul li.front a:hover {background: none; color: #636363;}

#navigation3 ul li.section a,
#navigation3 ul li.current a {color: #000; text-decoration:none; padding: 13px 2px 3px 2px; }

#navigation3 ul li:last-child {position: absolute; margin-left: 550px; font-weight: bold; font-size: 24px; letter-spacing: -0.8px;}




/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; display:inline-block; text-align:center; background-color:#ebebeb; margin-left:10px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:2s;
}
.accordion:hover { filter:blur(5px);}	

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;

}



.Dlugoterminowy_t {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; text-align:center; background-color:#53d76c; margin-left:5px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:1s;}
		
.Dlugoterminowy_n {padding-top:10px; padding-bottom:10px;padding-right:25px; padding-left:25px; height: auto; text-align:center; background-color:#be1522; margin-left:5px; margin-top:25px; float:left; -webkit-border-radius: 48px;
		-moz-border-radius: 48px; border-radius: 48px;
		-khtml-border-radius: 48px;transition-duration:1s;}		


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background: url(../images/wynajem_dt3.jpg) no-repeat top right;
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 520px; /* Could be more or less, depending on screen size */
  height:350px;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}