/* CSS Document */

/*general*/
body{ background-color: black;  background-image:url(../images/background.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center; }
body, p, table, tr, td, form, p { font: 9pt Arial, sans-serif; text-align: justify; }
table.data-display { width:520px; border: none; }
tr{ background-color:#eeeeee; }
tr.hover{ background-color: #ffffff; }
tr.head{ background-color: #ffffff; }
a { text-decoration: none; color: #C22958; }
a:hover{ text-decoration: underline; }
img{ border: 0px; }
h1{ margin-top: 10px; width: 100%; color: gray; /*border-top: 1px solid silver;*/ border-bottom: 1px solid silver; text-align: left; font: normal 18px Verdana, Arial, Helvetica, sans-serif; line-height: 36px; color: gray;}
p{ font: 9pt Arial, sans-serif; }
form { font-family:arial,sans-serif; margin: 0; padding: 0px 0px 0px 0px; min-width: 250px; max-width: 650px; }
fieldset { font-family:arial,sans-serif; border-color: silver; border-width: 1px; border-style: solid; padding: 10px; margin: 0; min-width: 100px; }
legend { font:bold 1.2em arial,sans-serif; color: #333333; }	
label { display: block; float: left; width: 100px; padding: 0; margin: 5px 0 0; text-align: right; }
input, textarea, select { width:auto; margin:5px 0 0 10px; }
form input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ }
textarea { overflow: auto; }
form br { clear:left; }

/*layout*/
#wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 800px; background:white; }
#header { background: white; padding: 29px 29px 0px 29px; }
#topnavcontainer{ margin: 0px 29px 0px 29px; padding: 0px 0px 0px 0px; height:47px; }
#main-content { margin: 25px 29px 25px 29px; padding: 0px 0px 0px 0px; border: 1px solid silver; background-image:url(../images/content_background.jpg); background-repeat:no-repeat; min-height: 300px; }
#display-left{ width:100px; padding: 0px 0px 0px 10px; float:left; }
#display-right{ min-height: 270px; border-left: 1px solid silver; margin: 0px 0px 0px 125px; padding: 10px 20px 20px 20px; }
#display-right img{ border-style: solid; border-width: 1px; border-color: gray; }
#display-right ul li{ margin-top: 8px; }
#display-single { margin: 0px; padding: 10px 20px 0px 20px; }
#bottomnavcontainer{ margin: 0px 29px 0px 29px; padding: 0px; height:47px; text-align: center; }
#glowna_wstep{ background-color: #ededed; background-image: url('../images/main_drops.gif'); background-position: left bottom; background-repeat: no-repeat; padding-left:15px; }
#glowna_wstep img{ border-style: solid; border-width: 1px; border-color: gray; }
#footer { clear: both; color: white; font: 9pt Arial, sans-serif; background-color: black;  text-align: center; }
#topnavcontainer ul{ padding-left: 0; margin-left: 0; float: left; width: 100%; }
#topnavcontainer ul li { display: inline; }
#topnavcontainer ul li a{ text-decoration: none; float: left; }
#pst_nav a{ margin-left: 20px; }
#bottomnavcontainer { padding: 20px 0px 0px 0px; width: 100%; }
#bottomnavcontainer ul{ padding-left: 0; margin-left: 0; width: 100%; }
#bottomnavcontainer ul li {  display: inline;  font: 9pt Arial, sans-serif; margin: 2px; }
#bottomnavcontainer ul li a{ color:white; font: bold 9pt "arial", "sans-serif"; text-decoration: none; }
#bottomnavcontainer ul li a:hover{ color: silver; font: bold 9pt "arial", "sans-serif"; text-decoration: none; }
#left-menu { list-style: none; padding-left: 0px; margin:0px; }
#left-menu ul{ list-style: none; margin: 0px; }
#left-menu li{ padding-top: 10px; }

.link-planzajec a{ color: gray; float: right; }
.opis-zajec { padding: 0px 100px 0px 0px; text-align: justify; }
.data-display th { border-bottom: 1px solid gray; }	
.acc-inside-menu ul{ list-style: none; }
.acc-inside-menu li{ padding-top: 10px; margin: 0px 0px 0px -30px; }

#admin-left{ width:100px; padding: 0px 0px 0px 20px; float:left;}
#admin-right{ border-left: 1px solid silver; margin: 0px 0px 0px 125px; padding: 10px 20px 20px 20px; }
#admin-single { margin: 0px; padding: 0px 20px 0px 20px; }
.admin-data-display{ border:1px solid gray;  }
.admin-data-display-header{ background-color:black;  color:white; }
#admin-left-menu { list-style: none; padding-top: 2px; height: 150px; padding-left: 10px; }
#admin-left-menu ul{ list-style: none; margin: 0px; padding: 0px; }
#admin-left-menu a:link{ color: #b8b8b8; display:block; text-decoration: none; padding: 4px 0px 4px 0px; font-weight:normal; }
#admin-left-menu a:visited{ color: #b8b8b8; display:block; text-decoration: none; padding: 4px 0 4px 0px; font-weight:normal; }
#admin-left-menu a:hover{ color: #595959; }
#admin-left-menu li.active a{ color: white; display:block; text-decoration: none; padding: 4px 0 4px 2px; font-weight:bold; background-color:silver; }                    
                    
/*==== aktualnosci ====*/
.ha1{ background-image: url(../images/dance_thumb.gif); background-position: right; background-repeat: no-repeat;	 margin-top: 10px; width: 700px; color: gray; border-bottom: 1px solid silver; text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: gray; }
.ha1-1{ background-image: url(../images/dance_thumb.gif); background-position: right; background-repeat: no-repeat;	 margin-top: 10px; width: 700px; color: gray; border-top: 1px solid silver; border-bottom: 1px solid silver; text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: gray; }
.ha1-3{ background-image: url(../images/kolor_thumb.gif); background-position: right; background-repeat: no-repeat; margin-top: 10px; width: 700px; color: gray; border-bottom: 1px solid silver; border-top: 1px solid silver; text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: gray; }
.ha1-4{ background-image: url(../images/freak_thumb.gif); background-position: right; background-repeat: no-repeat;	 margin-top: 10px; width: 700px; color: gray; border-bottom: 1px solid silver; border-top: 1px solid silver; text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: gray; }
.ha1-5{ background-image: url(../images/hhgroove_thumb.jpg); background-position: right; background-repeat: no-repeat;	 margin-top: 10px; width: 700px; color: gray; border-bottom: 1px solid silver; border-top: 1px solid silver; text-align: left; font: bold 12px Verdana, Arial, Helvetica, sans-serif; line-height: 18px; color: gray; }
.aktualnosci-naglowek{ width: 420px; font: bold 16px/18px Arial, Helvetica, sans-serif; text-align:left; float: left; }
.aktualnosci-data { padding-top: 0px;padding-right: 40px; width:160px; height: 19px; float: left; }
.aktualnosci-tresc{ padding-bottom: 20px;  }
.aktualnosci-tresc img{ border-style: solid; border-width: 1px; border-color: gray; }

/*==== komentarze ====*/
.komentarze{ height : 16px; margin-bottom: 35px; }
.comm_left{ float: left; text-align:left; }
.comm_right{ text-align:right; float: right; }
.comm_white{border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: silver; padding-bottom: 10px; padding-top: 10px; }
.comm_gray{ background-color: #eaeaea; padding-bottom: 10px; padding-top: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: silver; }
.comm_text{ margin-top: 10px; }

/*==== formularz ====*/
form form textarea, form submit{ border: 1px solid; background-color: #f9f9f9; }
form input.error{ border-color: #e46c6e; }
form textarea{ border: 1px solid; background-color: #f9f9f9;	 width: 350px; height: 250px; }
form textarea.error{ border-color: #e46c6e; }
#zgl_form p span{ margin-left: 10px; color: #b1b1b1; font-size: 11px;	 }
#zgl_form p span.error{ color: #e46c6e; }
#email{ border: 1px solid; background-color: #f9f9f9; width: 350px; }
#email.error{ border-color: #e46c6e; }
#submit_div{ width: 350px; text-align: center; }

/*==== formy_zajec ====*/
.link-planzajec { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: gray; float: right; margin-top: 10px; }
.links { text-decoration: underline; cursor:link; }
.clear{ clear: both; }

/* left menu */
#left-menu{ color: #4f4f4f; font-size: 18px;  }
#left-menu ul{ color: #4f4f4f; font-size: 15px; padding-left: 4px; text-transform: none; }
#left-menu .active{ color: #C22958; }
#left-menu a{ color: #4f4f4f; text-decoration: none; }
#left-menu a:hover{ color: #C22958; text-decoration: none; }

/* galeria */
#galeria{ text-align: center; }
#galeria tr{ background: none; }
#galeria td{ text-align: center; background: none; }#galeria img{ text-align: center; border: none; }

/* =Filters
-----------------------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/