body { color: #701f1f; background:#f9943f url('../img/bg_main2.jpg') no-repeat top center; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;  }

body.main { color: #701f1f; background:#f9943f url('../img/bg_main1.jpg') no-repeat top center; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;  }

select, input {font-size:11px;}
p {margin:0; padding:0px;}


/* ----------------------------------div------------------------------ */	

#center { width:100%;  }
#slogan {position: relative; float: left; clear: both; z-index:1009; padding-left:25px; padding-right:25px; font-size:12px; width:930px; padding-top:5px; line-height:16px}
#kontakt {position:relative; float: right; clear: both; z-index:1006; padding-right:25px; font-size:12px; width:250px; padding-top:5px; line-height:16px; text-align:right; }

#tel { padding-left: 60px; background:url('../img/phone.gif') no-repeat  left center; }




.top_menu { width:140px; text-align:center; font-weight:bold;font-size:16px; color:#fff; border-bottom:2px solid #faa11f; cursor:pointer; }
.top_menu_act { width:140px; text-align:center; font-weight:bold; font-size:16px; color:#990000; border-bottom:2px solid #f88220;  }

.top_menu1 { width:140px; background:#fff url('../img/top_menu1.jpg') no-repeat center top; font-size:0px; border-bottom:2px solid #f88220; cursor:pointer; color:#eee; vertical-align:bottom  }
.top_menu2 { width:140px; background:#fff url('../img/top_menu2.jpg') no-repeat center top; font-size:0px; border-bottom:2px solid #f88220; cursor:pointer; color:#eee; vertical-align:bottom  }
.top_menu3 { width:140px; background:#fff url('../img/top_menu3.jpg') no-repeat center top; font-size:0px; border-bottom:2px solid #f88220; cursor:pointer; color:#eee; vertical-align:bottom  }
.top_menu4 { width:140px; background:#fff url('../img/top_menu4.jpg') no-repeat center top; font-size:0px; border-bottom:2px solid #f88220; cursor:pointer; color:#eee; vertical-align:bottom  }

.bottom_menu { text-align:center; padding-left:10px; padding-right:10px;  font-size:13px; color:#fff; font-weight:bold }


.box { background:#FC0 url('../img/bg_box.jpg') bottom repeat-x; border:2px solid #fff; -moz-border-radius:4px;
	-webkit-border-radius:4px;}
.box2 { background:#FC0 url('../img/bg_box.jpg') bottom repeat-x; border:2px solid #990000; -moz-border-radius:4px;
	-webkit-border-radius:4px;}
.box_on { background:#fff; border:2px solid #990000;-moz-border-radius:4px;
	-webkit-border-radius:4px;}

.bg_oferta1 { background:#fff url('../img/bg_oferta1.gif') bottom repeat-x;}
.bg_oferta2 { background:#fff url('../img/bg_oferta2.gif') bottom repeat-x; }
.bg_oferta3 { background:#fffadb url('../img/bg_oferta3.gif') bottom left repeat-y; }
.bg_oferta4 { background:#fffadb url('../img/bg_oferta4.gif') bottom right repeat-y; }
.bg_zwiedzanie { background:url('../img/zwiedzanie.png') center right no-repeat; }
.bg_wczasy { background:url('../img/wczasy.png') center right no-repeat; }
.bg_lastminute { background:url('../img/lastminute.png') center right no-repeat; }
.bg_dojazdwlasny { background:url('../img/dojazdwlasny.png') center right no-repeat; }


/* ----------------------------------A------------------------------ */	
a {  color: #fff; text-decoration:none; }
a:hover{  color: #990000; text-decoration:underline; }

a.red {  color: #cc0000; text-decoration:none; }
a.red:hover{  color: #990000; text-decoration:underline; }

a.brown {  color: #701f1f; text-decoration:none; }
a.brown:hover{  color: #990000; text-decoration:underline; }

	
/* ------------------------------background-color------------------------------------ */	

.bg1 {background-color:#ffffff;  }  
.bg2 {background-color:#eee;}  
.bg3 {background-color:#f7cf56;}
.bg4 {background-color:#fadf8e}
.bg5 {background-color:#fffadb}
.bg6 {background-color:#faac2e	}
.bg7 {background-color:#ffcc00;	}
.bg8 {background-color:#f6821f }
.bg9 {background-color:#fa0}
.bg10 {background-color:#f7eac8}



/* ---------------------------------padding------------------------------------ */	

.pr10 {padding-right: 10px;}
.pl10 {padding-left: 10px;}
.pb10 {padding-bottom: 10px;}
.pt10 {padding-top: 10px;}

.pt2 {padding-top: 2px;}
.pt {padding-top: 5px;}
.pb {padding-bottom: 5px;}
.pr {padding-right: 5px;}
.pl {padding-left: 5px;}

.pr15 {padding-right:15px;}
.pl15 {padding-left: 15px;}
.pb15 {padding-bottom:15px;}
.pt15 {padding-top: 15px;}

.pr20 {padding-right:20px;}
.pl20 {padding-left:20px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom:20px;}

.pl25 {padding-left: 25px;}
.pl50 {padding-left:50px;}
.pr50 {padding-right:50px;}
/* ------------------------------border-------------------------------------- */

.bb1 {  border-bottom: 1px solid #ffffff; }  
.bt1 {  border-top: 1px solid #ffffff; } 
.bl1 {  border-left: 1px solid #ffffff; } 
.br1 {  border-right: 1px solid #ffffff; } 
.bord1 {  border: 1px solid #ffffff; } 
.bord2 {  border: 2px solid #ffffff;-moz-border-radius:4px;
	-webkit-border-radius:4px; }  
.bord3 {  border: 2px solid #990000; -moz-border-radius:4px;
	-webkit-border-radius:4px; }  
.bord4 {  border: 2px solid #f6821f; -moz-border-radius:4px;
	-webkit-border-radius:4px; }  

.bb2{border-bottom:1px solid #f6821f}
.bt2{border-top:1px solid #f6821f}
/* --------------------------------font-------------------------------- */	



.big {text-transform: uppercase;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.f_left { float:left;}
.f_right {float:right;}

.white { color:#ffffff}
.yellow { color:#ffcc00}
.red {color:#CC0000}


.f9 {font-size: 9px;}
.f10 {font-size: 10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f24 { font-size:24px;}

.lh13 { line-height:13px;}
.hit { font-size:30px; line-height:30px}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 405px;
	height:270px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
} 	




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}



.scrollable img {
	float:left;
	margin:3px;
	padding:2px;
	background-color:#fff;
	border:2px solid #f90;
	width:190px;
	height:255px;
	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}



/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url('../img/nav.gif') no-repeat;
	display:block;
	width:10px;
	height:9px;
	float:left;
	margin:110px 5px 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -9px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-10px -9px; }
a.right:active 	{ background-position:-20px -9px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-10px 0; }
a.left:active  	{ background-position:-20px 0; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

#imgField {
	height: 150px;
	width: 120px;
}
#container {
	width: 600px;
}
#container td {
	text-align: center;
	min-width: 100px;
	padding: 3px;
}