@width:900px;

@blue_jasny:#d6e1f0;
@blue_ciemny:#3168b2;
/* #d6e1f0 - jasny niebieski*/
/*	#3168b2 - ciemno niebieski */
/*	#7b7777 - szary */

.clear {
clear:both;
}
body {
background:#4a95fc url(img/pasek_tla.jpg) left top repeat-x;
font-family:Trebuchet MS;
font-weight:normal;
font-size:12px;
}
a {
color:@blue_ciemny;
}
a:hover {color:#000000;}

#container {
margin:0 auto;
width:@width;
xxborder-color:#0c2a51;
border-left:2px solid #0c2a51;
border-right:2px solid #0c2a51;
border-bottom:2px solid #0c2a51;
}
#okno_glowne {
color:#7b7777;
padding:10px;
text-align:left;
}
#okno_glowne2 {
width: 620px;
	color: #7b7777;
	padding-top: 10px;
	padding-left: 20px;
	text-align: left;
}

#header {
position:relative;
background-color:#ffffff;
width:@width;
	.menu {
	position:relative;
	background:#ffffff url(img/gradient.png) left bottom repeat-x;
	width:100%;
	height:57px;
	padding-top:9px;
		a {
		float:left;
		height:57px;
		text-decoration:none;
		line-height:57px;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica;
		padding:0 19px;
		text-transform:uppercase;
		}
		a.off {
		color:#ffffff;
		}
		a.on {
		color:#f2f22e;
		}
		a.off:hover, a.on:hover {
		color:#f2f22e;
		}
		.menu_kr {
		float:left;
		background: url(img/kr.png) left top no-repeat;
		height:57px;
		width:3px;
		}
	}
	a.home {
	float:left;
	padding:36px;
	background:url(img/head_logo_bg.gif) 100% top no-repeat;
		img {
		border:none;
		}
	}
	.foto {
	float:right;
	background:#ffffff url(img/head_dol_pr.gif) left bottom repeat-x;
	height:170px;
	padding-top:5px;
	width: 725px;
	text-align:left;
	}
	.tyt {
	background-color: #efefef;
	width:100%;
	height:35px;
		.tyt1, .tyt2 {
		float:left;
		line-height:35px;
		font-size: 14px;
		font-weight: bold;
		}
		.tyt1 {
		width: 230px;
		background-color: @blue_ciemny;
		text-align: center;
		color:@blue_jasny;
		text-transform:uppercase;
		}
		.tyt2 {
		width: 650px;
		text-align: left;
		padding-left: 20px;
		}
	}
}

#srodek {
position:relative;
width:900px;
}

#bannerImg {
	text-align:left;
	display:block;
	overflow:hidden;
	height:149px;
	width:721px;
}

.pogoda {
	.head {
	width:230px;
	height:35px;
	background-color:@blue_jasny;
	color:@blue_ciemny;
	font-family:Tahoma;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	}
	.content {
	text-align:center;
		a {
		display:block;
		margin:15px 0;
		}
	}
}
.czas {
background-color:@blue_jasny;
color:@blue_ciemny;
text-align:center;
line-height:20px;
padding:5px 0;
}
.fb {
padding:20px 0 0 0;
text-align:center;
}

#footer {
clear:both;
position:relative;
background:url(img/foot_bg.png) left top repeat-y;
width:100%;
height:32px;
border-bottom:25px solid @blue_ciemny;
	a {
	float:right;
	background:url(img/foot_strzalka.png) left 50% no-repeat;
	padding:0 10px 0 15px;
	margin:12px 0 0 0;
	font-family:Tahoma, sans-serif;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
	}
	a:link {color: #ffffff;}
	a:visited {color: #ffffff;}
	a:hover {color: yellow;}
}

.gal_sezon {
	background-color: #0000ff;
	color: #FF0;
	width: 650px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.gal_tyt {
	color: @blue_ciemny;
	text-align: left;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.gal_poz, .gal_poz a {
color: @blue_ciemny;
text-align: left;
text-decoration: none;
height: 60px;
line-height: 60px;
padding-left: 2px;
padding-bottom: 2px;
}
.gal_fot {
text-align: left;
}
.gal_txt {
color: #000000;
text-align: left;
font-size: 12px;
padding-top: 10px;
padding-bottom: 0px;
}

.menu2 {
padding:10px 0 10px 10px;
	a {
	background:url(img/arrow.png) left 50% no-repeat;
	padding:0 0 0 20px;
	color: @blue_ciemny;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 20px;
	}
}

#ksiega_gosci {
	.item {
	margin:0 0 20px 0;
		.head {
		background-color:@blue_jasny;
		padding:0 5px;
			.nick {
			float:left;
			color: #000000;
				span {
				font-weight: bold;
				text-align: left;
				color: @blue_ciemny;
				text-decoration: none;
				}
			}
			.data {
			float:right;
			color: #000000;
			}
		}
		.kontakt {
		background-color: #ccd2ee;
		text-align: left;
		color: #000000;
		padding:0 5px;
			a {
			font-weight: bold;
			color:#000;
			text-decoration: none;
			padding-left: 5px;
			padding-right: 5px;
			}
		}
		.tresc {
		background-color: #efefef;
		text-align: left;
		color: #000000;
		line-height: 20px;
		padding-left: 5px;
		padding-right: 5px;
		}
	}
	.inne {
	margin:30px 0 0 0;
	}
}
#ksiega_gosci_form {
	.item {
	margin:0 0 10px 0;
		label {
		color:@blue_ciemny;
		font-weight:bold;
		}
		input {
		width:400px;
		border:1px solid @blue_ciemny;
		text-align:left;
		color: @blue_ciemny;
		line-height: 20px;
		}
	}
	.opis {
	text-align: left;
	font-weight: bold;
	color: @blue_ciemny;
	line-height: 20px;
	}
	.kg_input {
	width:400px;
	border: 1px solid @blue_ciemny;
	text-align: left;
	font-weight: bold;
	color: @blue_ciemny;
	line-height: 20px;
	}
	.kg_submit {
	border:none;
	background-color:@blue_ciemny;
	text-align:left;
	font-weight:bold;
	color:#fff;
	line-height:14px;
	}
}

#linki {
	.item {
	margin:0 0 20px 0;
		.polecil {
		background-color:@blue_jasny;
		padding:0 10px;
		}
		.autor {
		background-color:@blue_jasny;
		padding:0 10px;
			.email {
			float:left;
			}
			.data {
			float:right;
			}
		}
		.link {
		background-color: #ccd2ee;
			padding:10px;
			.image {
			float:right;
			}
			.url {
			float:left;
			line-height:30px;
			font-weight:bold;
			font-size:20px;
			overflow:hidden;
			width:480px;
			height:30px;
			}
		}
		.tresc {
		background-color: #efefef;
		padding:0 10px;
		text-align: left;
		color: #000000;
		line-height: 20px;
		padding-left: 5px;
		padding-right: 5px;
		}
	}
	.inne {
	margin:30px 0 0 0;
	}
}

.kg_uwaga {
text-align: left;
font-weight: bold;
color: red;
line-height: 20px;
}

.form_pole {
float:left;
width:210px;
padding-bottom:10px;
}
.form_pole2 {
float:left;
width:410px;
padding-bottom:10px;
}
.form_pole_dataur {
float:left;
width:420px;
padding-bottom:10px;
}
.form_pole_kurs {
float:left;
width:620px;
padding-bottom:10px;
}
.form_pole_token {
float:left;
width:620px;
padding-bottom:10px;
}
.form_pole_token img {
vertical-align:middle;
}
.form_pole_kurs select {
width:600px;
height:21px;
color:@blue_ciemny;
}
.form_pole_kurs select option {
padding:10px 0 10px 10px;
color:@blue_ciemny;
}
.form_pole3 {
float:left;
width:470px;
padding-bottom:10px;
}
.form_pole label,
.form_pole2 label,
.form_pole4 label,
.form_pole_kurs label,
.form_pole_dataur {
text-align:left;
color:@blue_ciemny;
line-height:20px;
}
.form_pole_token label {
text-align:left;
color:@blue_ciemny;
line-height:30px;
}
.form_pole3 label {
text-align:left;
font-size:10px;
color:@blue_ciemny;
}
#formularz span.gwiazdka {
text-align:left;
font-weight:bold;
color:@blue_ciemny;
line-height:20px;
padding-left:5px;
}
#formularz textarea {
border:1px solid @blue_ciemny;
text-align:left;
font-weight:bold;
color:@blue_ciemny;
line-height:20px;
width:600px;
}
.form_pole input {
border:1px solid @blue_ciemny;
text-align:left;
color:@blue_ciemny;
line-height:20px;
width:180px;
}
.form_pole_rr, .form_pole_mm, .form_pole_dd {
float:left;
padding-right:10px;
}
.form_pole_rr select,
.form_pole_mm select,
.form_pole_dd select {
border:1px solid @blue_ciemny;
text-align:left;
color:@blue_ciemny;
line-height:20px;
width:60px;
}
.form_pole_rr select {width:60px;}
.form_pole_mm select {width:120px;}
.form_pole_dd select {width:50px;}

#formularz .submit {
background-color:@blue_ciemny;
color:#fff;
}

#aktualnosci_ekstra {
	a {
	width:320px;
	height:650px;
	}
	a.img1 {
	float:left;
	background:#4a95fc url(img/projektwww_odlewnik_dl_1.jpg) left top no-repeat;
	}
	a.img2 {
	float:right;
	background:#4a95fc url(img/projektwww_odlewnik_dl_2.jpg) left top no-repeat;
	}
}


#aktualnosci {
	.item {
		.head {
		position:relative;
		background-color:@blue_jasny;
		padding:0 5px;
			.tytul {
			float:left;
			text-align:left;
			font-weight:bold;
			color:@blue_ciemny;
			}
			.data {
			float:right;
			font-weight:normal;
			text-align:right;
			color:#000000;
			}
		}
		.tresc {
		position:relative;
		clear:both;
		background-color:#efefef;
		text-align:left;
		color:#000000;
		padding:0 5px;
		margin-bottom:10px;
		}
	}
}

/* formularz */
#form_wpisz {
background-color: #efefef;
border: 0;
}
#form_przycisk {
background-color: @blue_ciemny;
color: @blue_jasny;
border: 0;
font-weight: bold;
margin-left: 0px;
margin-right: 10px;
}

#hipolit {
	.flagi {
	text-align:center;
	margin:0 0 20px 0;
	}
	p.tytul {
	font-weight:bold;
	color:#7b7777;
	text-align:left;
	font-size:16px;
	line-height:normal;
	margin:0 0 10px 0;
	}
	ul.lista {
	color:#7b7777;
	text-align:left;
	margin:0 0 15px 0;
	}
	.tresc {
	color:#7b7777;
	text-align:left;
	}
}

.terminy {
color:#7b7777;
text-align:center;
padding:3px;
}
.czerwony {background-color:#ff0000;}
.zolty {background-color:#ffcc00;}
.zielony {background-color:#008000;}
.form_input {
width: 300px;
}
.form_opis {
text-align: right;
}

#form_hipolit, #form_link_add {
	.item {
	float:left;
	clear:both;
	margin:0 0 5px 0;
		.uwaga {
		font-weight: bold;
		color: red;
		margin:0 0 0 210px;
		}
		label {
		float:left;
		width:200px;
		text-align:right;
		}
		input, select, textarea {
		width:300px;
		margin:0 0 0 10px;
		}
		input.submit {
		width:auto;
		margin:0 0 0 210px;
		}
	}
	.item.token_img {
	margin-left:210px;
	}
}
p.okej {
font-weight:bold;
font-size:16px;
color:#008800;
}
p.blad {
font-weight:bold;
font-size:16px;
color:#ff0000;
}

#do_pobrania {
	.item {
	float:left;
	clear:both;
	margin:0 0 10px 0;
		.pdf {
		float:left;
		margin:0 10px 0 0;
		width:32px;
		height:32px;
		}
		.opis {
		float:left;
		height:32px;
			p {
			margin:0;
			line-height:32px;
			}
		}
	}
}

#zarzad {
padding-top:20px;
	.item {
	float:left;
	width:150px;
	text-align:center;
	margin:0 30px 20px 30px;
		.osoba {
		font-weight:bold;
		}
	}
}

#hipolit_terminy_czarterow {
	.r, .g, .y, .sz, .tr {
	text-align:center;
	border:1px solid #fff;
	padding:4px 20px;
	color:#000;
	}
	.r {
	background-color:#ff0000;
	}
	.g {
	background-color:#31b024;
	}
	.y {
	background-color:#fed834;
	}
	.sz {
	background-color:#ccc;
	}
	.tr {
	background-color:#666;
	font-weight:bold;
	color:#fff;
	}
}
#o_szkole {
	img {
	display:inline-block;
	margin:2px;
	}
}



.tabelka {
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.tabelka td {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:5px 10px;
}

tr.szkol_nazwiska td {
background-color:#fff;
font-size: 10px;
font-weight: normal;
font-family: Tahoma;
color: #7b7777;
vertical-align:top;
}
tr.szkol_fiolet td {
background-color:#eee;
font-size: 10px;
font-weight: normal;
font-family: Tahoma;
color: #7b7777;
}
tr.szkol_bialy td {
background-color:#fff;
font-size: 10px;
font-weight: normal;
font-family: Tahoma;
color: #7b7777;
}


/* START - stopka PROJEKTwww */
.projekt {
position:relative;
height:44px;
line-height:44px;
text-align:center;
}
.projekt, .projekt a {color:#fff; font-size: 12px; font-family: Trebuchet MS; text-decoration: none;}
.projekt a span {color:#fff; font:bold 13px/17px arial,tahoma,verdana,sans-serif;}
span.fPr {font-family:arial !important; letter-spacing:-1px;}
span.fDot, a span.fDot {margin:0px -3px 0px -3px; z-index:10; font-size: 30px; font-weight: bold;}
span.fWw {letter-spacing:-1px;}
.projekt a:hover span.fPr, .projekt a:hover span.fDot{color:#ff4c00;	text-decoration: none;}
.projekt a:hover span.fPl{color:#3f6267; text-decoration: none;}
.projekt a:hover span.fWw{color:#c4d4d6; text-decoration: none;}
/* END - stopka PROJEKTwww */


#reklama_x {
position:absolute;
top:50px;
display:none;
text-align:center;
padding-left:377px;
margin:0 auto;
width:100%;
}
#reklama {
position:absolute;
top:100px;
display:none;
text-align:center;
margin:0 auto;
width:100%;
}
#head_logo a#head_admin {
position:absolute;
top:46px;
left:79px;
width:7px;
height:7px;
padding:0;
}
#admin_login {
text-align:center;
margin-bottom:10px;
}
#admin_login, #admin_login a {
font-family:Tahoma;
color:#fff;
}
.admin_edit a {
color:#f00;
}
#admin_news_add {
margin-bottom:10px;
}


#plan_roczny {
position:relative;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
	.pozycja {
	position:relative;
	clear:both;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
		.czas {
		float:left;
		width:150px;
		padding:5px;
		font-weight:bold;
		}
		.opis {
		float:left;
		width:350px;
		padding:5px;
		}
	}
}

#email_send {
border:1px solid #666666;
padding:5px;
line-height:24px;
}
#zapisz_sie_na_kurs {
padding:20px 0;
font-weight:bold;
font-size:18px;
}