@charset "utf-8";
body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	color: red;
}
#glowny {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#srodek {
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	width: 960px;
	text-align: left;
}
#baner {
	background-image: url(../images/banner_bg2.png);
	height: 126px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#linia {
	height: 8px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#lewy {
	float: left;
	width: 180px;
}
#prawy {
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 14px;
	float: left;
	width: 600px;
	padding-left: 5px;
}
#ppr {
	float: right;
	width: 155px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
}
#stopka {
	height: 30px;
	width: 955px;
	font-family: Verdana;
	font-size: 10px;
	color: #000066;
	padding-top: 4px;
	padding-left: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.kopia {
	height: 20px;
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 3px;
	margin: 2px;
	display: block;
	color: #082567;
	background-color: #E3E7E6;
	background-image: url(../images/icon/icon_text.gif);
	background-repeat: no-repeat;
	background-position: left;
	border: 1px solid #AAAAAA;
	letter-spacing: 1px;
}
.kopia:hover {
	color: #000033;
	background-color: #DBE3DE;
}
.menu {
    background-image: url(../images/icon/icon_text.gif);
    background-repeat: no-repeat;
	background-position: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 3px;
	margin: 2px;
	border: 1px solid;
	border-color: #034861 #036082 #036082 #034861;
	color: #000066;
    display: block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
	line-height: 18px;
    background-color: #E4ECF0;
    font-weight:bold;
}
.menu:hover {
    color: #FFFFFF;
    background-color: #034861;
    border-color: #034861 #036082 #036082 #034861;
    text-decoration:none;
    font-size: 11px;
}
.menut {
    background-image: url(../images/icon/icon_text.gif);
    background-repeat: no-repeat;
	background-position: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 3px;
	margin: 2px;
	color: #003333;
    display: block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
    border: 1px solid;
    background-color: #E4F1E4;
    border-color: #0A5F0E #109617 #109617 #0A5F0E;
    font-weight:bold;
}
.menut:hover {
    color: #CCFF33;
    background-color: #0A5F0E;
    border-color: #0A5F0E #109617 #109617 #0A5F0E;
    text-decoration:none;
    font-size: 11px;
}
.menuy {
    background-image: url(../images/icon/icon_text.gif);
    background-repeat: no-repeat;
	background-position: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
	padding-right: 3px;
	margin: 2px;
	color: #660066;
    display: block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
    border: 1px solid;
    background-color: #EEE4F1;
    border-color: #5E0B6D #A30F8D #A30F8D #5E0B6D;
    font-weight:bold;
}
.menuy:hover {
    color: #BBBBBB;
    background-color: #5E0B6D;
    border-color: #5E0B6D #A30F8D #A30F8D #5E0B6D;
    text-decoration:none;
    font-size: 11px;
}
.menus {
	background-position: 3px 5px;
}
.ahref {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: black;
}
.ahref:hover {
	color: blue;
	text-decoration: underline;
}
.black10 {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	color: black;
	text-align: center;
}
.black12 {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: black;
}
.czerwony {
	font-family: Verdana;
    font-size: 14px;
    color: red;
}
.zielony {
	color: green;
}
.niebieski {
	color: blue;
}
.just {
	text-align: justify;
}
.gr {
	font-weight: bold;
}
.dni {
	font-family: Tahoma;
	font-size: 12px;
	color: blue;
	font-weight: bold;
	background-color: white;
	text-align: center;
}
.niedziela {
	font-family: Tahoma;
	font-size: 12px;
	color: red;
	font-weight: bold;
	background-color: white;
	text-align: center;
}
.imieniny {
	font-family: Verdana;
	font-size: 10px;
}
.prw {
	background-image: url(../images/tlo_czer.jpg);
	background-repeat: inherit;
	height: 21px;
	border: 1px solid;
	border-color: #034861 #036082 #036082 #034861;
	color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    line-height: 20px;
    padding-left: 10px;
}
.prw1 {
	background-image: url(../images/tlo_nieb.jpg);
	background-repeat: inherit;
	height: 21px;
	border: 1px solid;
	border-color: #034861 #036082 #036082 #034861;
	color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    line-height: 20px;
    padding-left: 10px;
}
.prw2 {
	background-image: url(../images/tlo_zolty.jpg);
	background-repeat: inherit;
	height: 21px;
	border: 1px solid;
	border-color: #D2B400 #D2B400 #FFD900 #FFD900;
	color: #FF0000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    line-height: 20px;
    padding-left: 10px;
}
.prw3 {
	background-image: url(../images/tlo_ziel.jpg);
	background-repeat: inherit;
	height: 21px;
	border: 1px solid;
	border-color: #D2B400 #D2B400 #FFD900 #FFD900;
	color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight:bold;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.ramka {
	background-image: url(../images/ramka1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
	height: 70px;
	padding-top: 10px;
	padding-left: 7px;
}
.topmargin {
	margin-top: 10px;
}
.bottomargin {
	margin-bottom: 10px;
}
.imagestr {
  outline: none;
}
.imagestr img {
 border: 1px solid #91F5FF;
}
.imagestr:hover img {
 border-style: solid;
 border-width: 1px;
 border-color: red;
}
.image { border: 1px solid #aaaaaa;}
a:link .image { border-color: #aaaaaa;}
a:visited .image { border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.cala_ramka{background: #CC0000}
.gora, .dol{background: white}
.gora div, .dol div{height: 1px; background: #CC0000; overflow: hidden}
.z1{margin: 0 6px}
.z2{margin: 0 3px}
.z3{margin: 0 2px}
div.z4{margin: 0 1px;height:3px}

.cala_ramka1{background: #FFB700}
.gora1, .dol1{background: white}
.gora1 div, .dol1 div{height: 1px; background: #CC9304; overflow: hidden}
.z11{margin: 0 6px}
.z21{margin: 0 3px}
.z31{margin: 0 2px}
div.z41{margin: 0 1px;height:3px}


.indeks_gorny {vertical-align: super}
.indeks_dolny {vertical-align: sub}

.logo {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 20px;
}
#kol1 {
	background-image: url(../images/kolonie/czer.png);
	background-repeat: no-repeat;
	width: 196px;
	height: 219px;
}
#kol2 {
	background-image: url(../images/kolonie/pom.png);
	background-repeat: no-repeat;
	width: 196px;
	height: 219px;
}
#kol3 {
	background-image: url(../images/kolonie/ziel.png);
	background-repeat: no-repeat;
	width: 196px;
	height: 219px;
}
.str {
	display: block;
	height: 26px;
    background-color: #F2F2F2;
    border: 1px solid;
    margin-bottom: 5px;
    padding-top: 2px;
    padding-left: 4px;
    width: 192px;
 /*   margin-left: auto;
    margin-right: auto; */

}
.str:hover {
	background-color: #F5F5FF;
	color: navy;
}
.str2 {
	display: block;
	height: 20px;
    background-color: #FFFFCC;
    border: 1px solid #CC9933;
    margin-bottom: 2px;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;

}
.str2:hover {
	background-color: #FFCC00;
	color: #FF0000;
}
.obozyzima1 {
	color: #008000;
	font-weight: bold;
}
.obozyzima2 {
	color: #FF00FF;
	font-weight: bold;
}
.obozyzima3 {
	color: #800080;
	font-weight: bold;
}
.obozyzima4 {
	color: #000000;
	font-family: Arial, Tahoma;
	font-size: 12px;
}
.obozyzima5 {
	color: #000033;
	font-family: Arial, Tahoma;
	font-size: 15px;
	font-weight: bold;
}

.tdrow {
       font-family: Verdana;
       font-size: 12px;
       color: black;
}
.bold {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 20px;
}
.ramkared {
    border-left: 2px red solid;
    border-right: 2px red solid;
	border-bottom: 2px red solid;
	border-top: 2px red solid;
    font-weight: bold;
	display: block;
	font: 1.2em "Trebuchet MS", sans-serif;
	padding : 0 1em;
	margin: 1em 0;
	text-align: justify;
}
.pobierz {
	font-family: Arial;
	font-size: 16px;
	color: #336633;
	font-weight: bold;
	display: block;
	width: auto;
	height: auto;
	border: 1px solid #336666;
	background-color: #99CCCC;
	margin-left: 6px;
	margin-right: 6px;
	padding-left: 50px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-image: url(../images/icon/pobierz.png);
	background-position: left;
	background-repeat: no-repeat;
}
.pobierz:hover {
	font-family: Arial;
	font-size: 16px;
	color: #FFFF99;
	display: block;
	width: auto;
	border: 1px solid #336666;
	background-color: #669999;
}
.wycieczki {
	display: block;
	font-family: Arial;
	font-size: 12px;
	letter-spacing: 1px;
	height: 20px;
	padding-left: 8px;
	padding-top: 3px;
	font-weight: bold;
	background-color: #E1EBD3;
}
.wycieczki:hover {
	color: yellow;
	background-color: #336666;
}
.borderbottom {
	border-bottom: 1px solid silver;
}