@charset "utf-8";

/* These are just the general site styles. 
   It has nothing to do with ImageFlow
========================================== */
@media screen, projection, print {
	* { 
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:100.01%;
	}
	html {
		height:100%;
		width:100%;
	}
	body {
		color:#fff;
		background: #fbf3c4 url("../img/van_tlo.jpg") repeat;
		/*background: #fbf3c4 url("../img/vanilla_yellow.jpg") repeat; */
		/*background: #000000;*/
		font-size:0.8em;
		line-height:1.4em;
		padding:1em 0;
		margin:0;
	}
	a {
		color:#fff;
	}
	h1 {
		font-size:2.2em;
		text-align:center;
		margin:0.4em 0 1.3em 0;
	}

	
	.mainlogo_area {
	display:block;
	width:100%;
	height:70px;
	}
	.mainlogo_area .logo {
	width:30%;
	padding-left:5%;
	float:left;
	
	}
	.mainlogo_area .slogan {
	width:60%;
	float:left;
	text-align:right;
	padding-right:5%;
	}
	.stopek {
	width:910px;
	margin:0 auto;
	text-align:center;
	}
	.stopek ul {
	color:#eed907;
	}
	.stopek li {
	display:inline;
	}
	.stopek li.break {
	color:#607f00;
	text-align:center;
	margin: 0px 5px;
	}
	.stopek li a {
	color:#44220e;
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	text-shadow:1px 1px 0px yellow; 
	}
	.stopek li a:hover {
	color:#000000;
	text-decoration:underline;
	text-transform: uppercase;
	text-shadow:1px 1px 0px yellow; 
	}
	.stopek .copy {
	font-size:9px;
	color:#2f2f2f;
	letter-spacing: 5px;
	}
	.stopek .owner {
	font-size:10px;
	color:#eed907;
	letter-spacing:3px;
	line-height:22px;
	}
	.stopek .owner a {
	text-decoration:none;
	}
	.stopek .owner a:hover {
	text-decoration:underline;
	}
	.more { 
	float:left; 
	font-family:Tahoma; 
	font-size:17px; 
	color:#ffd900; 
	text-transform:uppercase; 
	text-shadow:1px 2px 0px #000; 
	background:url('../images/more-bg.gif') repeat-y 0 0; 
	width:94%;
	padding-left:6%;
	padding-top:5px;
	padding-bottom:5px;
	border: 1px solid #afafaf;
	}
	.tresc_menu {
		color:#bfbfb;
		
	}
	.tresc_menu ul {
	padding: 10px 45px;
	list-style-image:url('../images/strz.gif');
	}
	.tresc_menu ul li:hover {
	list-style-image:url('../images/strz_h.gif');
	}
	.tresc_menu ul li {
	
	}
	.tresc_menu ul li a {
		text-decoration:none;
		color:#bfbfbf;
		font-size:14px;
		text-shadow:1px 2px 0px #2f2f2f; 
		text-transform:uppercase;
	}
	.tresc_menu ul li a:hover {
		text-decoration:none;
		color:#eed907;
		font-size:14px;
		text-shadow:1px 2px 0px 2f2f2f; 
		text-transform:uppercase;
	}
	.tresc_menu p {
		padding: 5px 25px;
		font-size:14px;
		text-shadow:1px 2px 0px #000; 
		
	}
	.tresc {
		color:#bfbfbf;
		font-size:14px;
		
	}
	.contact_form {
	    background: #ffffff;
	    border: 1px solid #5f5f5f;
	    color: #000000;
	    font-size: 12px;
	    height: 14px;
	    margin: 7px 0 0;
	    padding-bottom: 8px;
	    padding-left: 5px;
	   
	    width: 212px;
	    position:relative;
		z-index:1;	    
	}
	.contact_form_message {
	    background: #ffffff;
	    border: 1px solid #5f5f5f;
	    color: #000000;
	    font-size: 12px;
	    height: 55px;
	    margin-top: 7px;
	    max-height:125px;
	    max-width: 295px;
	    min-height: 125px;
	    min-width: 245px;
	    padding-left: 15px;
	    padding-top: 5px;
	    
	    width: 245px;
	}
	
	.contact_submit {
	    background: #44220e;
	    border: 1px solid #000000;
	    color: #ffffff;
	    display: block;
	    height: 37px;
	    line-height: 17px;
	    margin-left: 3px;
	    padding-top:4px;
	    padding-bottom: 5px;
	    text-align: center;
	  
	    width: 100px;
	    text-transform:uppercase;
	    letter-spacing:1px;
	}
	.contact_submit_back {
	    background: #afafaf;
	    border: 1px solid #000000;
	    color: #000000;
	    display: block;
	    height: 37px;
	    line-height: 17px;
	    margin-left: 3px;
	    padding-top:4px;
	    padding-bottom: 5px;
	    text-align: center;
	    width: 230px;
	    text-transform:uppercase;
	    letter-spacing:1px;
	}
	.contact_submit_back:hover {
	    background: red;
	    border: 1px solid #252F35;
	    color: #EEF2F5;
	    display: block;
	    height: 37px;
	    line-height: 17px;
	    outline: medium none;
	    padding-bottom: 5px;
	    text-align: center;
	    width: 230px;
	}
	#contact_text {
	    color: #000000;
	    
	}
	.contact_submit:hover {
	    background: red;
	    border: 1px solid #252F35;
	    color: #EEF2F5;
	    display: block;
	    height: 37px;
	    line-height: 17px;
	    outline: medium none;
	    padding-bottom: 5px;
	    text-align: center;
	    
	    width: 100px;
	}
	.p_kontakt {
	color:#ffd900;
	text-shadow: 1px 1px 1px #000000;
	text-transform:uppercase;
	letter-spacing:4px;
	font-family:Verdana;
	font-size:14px;
	}
	
	.error {
    color:red;
}
	#errorContainer_step1 {
    display: none;
    overflow: auto;
    font-size:12px;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    padding-top: 0;
    margin-bottom:10px;
}
	#errorContainer_step2 {
    display: none;
    overflow: auto;
    font-size:12px;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-left:10px;
    padding-right:10px;
    padding-top: 0;
    margin-bottom:10px;
}
	#errorContainer_kontakt {
    display: none;
    overflow: auto;
    font-size:12px;
    background-color: #FFDDDD;
    border: 1px solid #FF2323;
    padding-left:10px;
    padding-right:10px;
    padding-top: 0;
    margin-bottom:10px;
}
 
#errorContainer label {
    float: none;
    width: auto;
}
	.wymagany {color:red;}
	#success {
	display:none;
    width:280px;
    color:black;
    z-index:999;
    text-align:center;
    padding-top:20px;
    font-size:12px;
	}
	#success span, #error span {
	    display:block;
	    position:absolute;
	    top:0;
	    width:100%
	}
	#success span p, #error span p {
	    margin-top:6em
	}
	#success span p {
	    color:#9bd32d
	}
	#error span p {
	    color:#c0392b
	}
	#success_kontakt {
	display:none;
    width:280px;
    color:black;
    z-index:999;
    text-align:center;
    padding-top:20px;
    font-size:12px;
	}
	#success_kontakt span, #error span {
	    display:block;
	    position:absolute;
	    top:0;
	    width:100%
	}
	#success_kontakt span p, #error span p {
	    margin-top:6em
	}
	#success_kontakt span p {
	    color:#9bd32d
	}
	#error_kontakt span p {
	    color:#c0392b
	}
	.naglowek_ogloszenia {
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:normal;
	color:#eed907;
	margin-bottom:10px;
	text-shadow: 1px 1px 1px #575757;
	font-family:Tahoma;
	font-size:16px;
	}
	.tresc_ogloszenia {
	text-align:left;
	margin-bottom:5px;
	}
	.tresc_ogloszenia .grupy {
	width:100px;
	height:100px;
	float:left;
	border:1px solid #646464;
	margin-right:10px;
	margin-bottom:10px;
	background:black;
	display:block;
	color:white;
	padding:3px;
	}
.tresc_ogloszenia. grupy:hover {
	border:1px solid #ffffff;
	color:white;
	}
.tresc_ogloszenia .grupy .obrazek {
	height:105px;
	overflow:hidden;
	}			
	.paginacja {
	width:550px;
	}
	.paginacja .lewa {
	float:left;
	width:150px;
	}
	.paginacja .srodek {
	float:left;
	width:250px;
	}
	.paginacja .prawa {
	float:left;
	width:150px;
	}
	.paginacja .butonik {
	display:block;
	text-decoration:none;
	border:1px solid #dfdfdf;
	line-height:25px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	letter-spacing:2px;
	}
	.paginacja .butonik:hover {
	display:block;
	background: #0f0f0f;
	border: 1px solid #252F35;
	color: #EEF2F5;
	line-height:25px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	}
	.paginacja .strony {
	display:inline-block;
	width:20px;
	border: 1px solid #252F35;
	color: #EEF2F5;
	line-height:25px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:2px;
	margin-right:2px;
	}
	.paginacja .strony:hover {
	display:inline-block;
	background: #0f0f0f;
	border: 1px solid #252F35;
	color: #EEF2F5;
	line-height:25px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	}
	.paginacja .strony_akt {
	display:inline-block;
	width:20px;
	background: #0f0f0f;
	border: 1px solid #252F35;
	color: #eed907;
	line-height:25px;
	font-size:12px;
	font-family:Tahoma;
	text-transform:uppercase;
	margin-left:0px;
	margin-right:4px;
	}
	.partnerzy {
	border:1px solid #646464;
	margin-right:10px;
	margin-bottom:10px;
	background:black;
	display:inline-block;
	color:white;
	padding:3px;
	}
	.social {
	position:fixed;
	top:470px;
	right:0px;
	border:none;
	}
	.social a img {
	border:0;
	}
	.kontener_tresci {
	width:910px;
	color:black;
	min-height:340px;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	}
	.kontener_tresci .lewa_strona {
	width:200px;
	float:left;
	}
	.kontener_tresci .spacer_do_lewo {
	width:40px;
	float:left;
	}
	.kontener_tresci .prawa_strona {
	width:670px;
	float:left;
	}
	.kontener_tresci .lewa_strona .menu_box {
	margin-bottom:20px;
	}
	.kontener_tresci .lewa_strona .menu_box .b_head {
	line-height:45px;
	width:200px;
	/* font-family: 'Roboto', sans-serif;*/
	/* font-family: 'Oswald', sans-serif;*/
	font-family: 'Kaushan Script', cursive;
	margin-bottom:5px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	color:#44220e;
	background: url("../img/tresc_box_head_bg.png") no-repeat;
	}
	.kontener_tresci .lewa_strona .menu_box .b_tresc {
	text-align:left;
	padding:0px 5px;
	width:180px;
	}
	.kontener_tresci .lewa_strona .menu_box .b_tresc .nazwa {
	font-size:45px;
	display:block;
	font-weight:bold;
	margin-top:20px;
	font-family: 'Kaushan Script', cursive;
	}
	.kontener_tresci .lewa_strona .menu_box .b_tresc .nazwa_2 {
	font-size:22px;
	display:block;
	
	}
	.kontener_tresci .lewa_strona .menu_box .b_tresc .nazwa_3 {
	font-size:18px;
	display:block;
	}
	.kontener_tresci .lewa_strona .menu_box .b_tresc .tel {
	font-size:26px;
	display:block;
	padding-left:30px;
	line-height:25px;
	background: url("../img/75-phone-grey.png") no-repeat;
	font-family: 'Kaushan Script', cursive;
	}
	.kontener_tresci .prawa_strona .tresc_box {
	margin-bottom:20px;
	}
	.kontener_tresci .prawa_strona .tresc_box .t_head {
	line-height:45px;
	width:670px;
	/* font-family: 'Roboto', sans-serif;*/
	/* font-family: 'Oswald', sans-serif;*/
	font-family: 'Kaushan Script', cursive;
	margin-bottom:5px;
	font-size:20px;
	font-weight:bold;
	letter-spacing:4px;
	color:black;
	text-transform:uppercase;
	background: url("../img/tresc_box_head_bg.png") no-repeat;
	}
	.kontener_tresci .prawa_strona .tresc_box .t_tresc {
	margin-top:20px;
	font-size:18px;
	font-family: 'PT Sans Narrow', sans-serif;
	}
	.kontener_tresci .prawa_strona .tresc_box .t_tresc img {
	border: 1px solid brown;
	padding:2px 2px;
	background:#346204;
	float:left;
	margin-right:5px;
	}
	.wybierz_swoje_menu h2 {
	font-family: 'Kaushan Script', cursive;
	font-size:22px;
	}
	
	.do_lewej {
	text-align:left;
	padding-left:30px;
	}
	.do_lewej_w_prawo {
	padding-left:20px;
	}
	.wybierz_swoje_menu_step2 {
	text-align:left;
	}
	.wybierz_swoje_menu_step2 h5{
	font-size:16px;
	margin:0;padding:0;
	}
	.wybierz_swoje_menu_step2 .nazwa_grupy {
	font-size:20px;
	line-height:25px;
	font-weight:bold;
	font-family: 'Kaushan Script', cursive;
	}
	.wybierz_swoje_menu_step2 .danie {
	padding-left:20px;
	font-size:12px;
	}
	.wybierz_swoje_menu_step2 .danie:hover {
	text-decoration:underline;
	}
	.van_onas {
	font-size:95px;
	display:block;
	font-weight:bold;
	margin-top:20px;
	font-family: 'Kaushan Script', cursive;
	}
	.slogan_onas {
	font-size:20px;
	}
	.opis_ilosci_dan {
	font-size:12px;
	font-weight:normal;
	padding-left:30px;
	margin-left:20px;
	background: url("../img/info-icon.png") no-repeat;
	}
	.oferta_nazwa {
	font-size:16px;
	line-height:24px;
	padding-bottom:20px;
	font-weight:bold;
	padding-left:30px;
	background: url("../img/handok.gif") no-repeat;
	}
	.download {
	font-weight:bold;
	text-decoration: none;
	color:black;
	}
	.download:hover {
	color:red;
	}
	/* wigilia */
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 0px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 1029px;
  height: 566px;
  padding: 10px;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  border-radius: 7px;
font: bold 90% sans-serif;
padding: 0 6px 2px;
background-color: #2b91af;
color: #fff;
cursor: pointer;
text-align: center;
text-decoration: none;
position: absolute;
right: 5px;
top: -2px;
}

#popupfoot:hover {
background-color: #1e1e1e;
}

#popupfoot a {
text-decoration:none;
color:white;
}
}
.ui-datepicker-trigger
{
        padding:0px;
        padding-left:5px;
        vertical-align:baseline;
        position:relative;
        top:4px;
        height:28px;
        background-color: #f1c91c;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    
}