/* BACKGROUND */

body { background-color:#000000;} /*General background color*/
.main, .throw, .admin {	background-image: url('theme/drock030.jpg');} /*Main background color*/
.row1, input, select, textarea, .table1, .home, .home2, .home3, .home4 { background-color:#000000;} /* Tables & forms */
.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments  */
.errors { background-color:red;} /* Errors display */
.titreMenu, .titrePage, .imgMenu a:hover { background-image: url('theme/tableh1_bgb.gif');} /* Titles background image  */
.bouton, .imgMenu a, #imgBarMenu { background-image: url('theme/button_bg.gif');} /* Buttons background image */

/* FONT COLORS */

body { color:#ffffff;} /* General font color */
input, select, textarea { color:#FFFFCC;} /* Forms font color */
.titreMenu, .titreMenu a, .info, .admin{ color:#ffffff;} /* Menu & sections titles */
.titrePage, .titreMenu a:hover { color:#ffffff;} /* Page title */
.comment{ color:#C6B78E;} /* Comments */
.commentDate { color:#999999;} /* Comments date */
.throw { color:#FFFFCC;} /* First line of tables */
.bouton, .errors { color:#FFFFFF;} /* Buttons & errors */

/* Update results (admin side only) */
.update_summary_new, .best_gen_time
{ color:#9cb4ce;}

/* Update results (admin side only) */
.update_summary_del, .worst_gen_time
{ color:#ffe1e1;}

/* ANCHORS */

a { text-decoration:none; color:#ffffff;}
a:hover { text-decoration:none; color:#FFF48E;}
a.none:hover { text-decoration:none;}
a.image:hover { text-decoration:none;}
a.thumbLink:hover { text-decoration:none;}

/* FONT STYLES */

body /* Main font style */
{
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:12px;
  margin:5px;
}

h1 /* H1 tag style (admin side only) */
{
    font-family: Helvetica, Verdana, sans-serif;
    font-weight:600;
    font-size:15px;
    text-decoration:none;
    margin: 0px;
}

h2 /* H2 tag style (admin side only) */
{
	text-decoration:none;
	font-size:20px;
	font-weight: bold;
	margin: 0px;
}

h3 /* H3 tag style (admin side only) */
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:18px;
	font-weight: bold;
	margin: 0px;
}

h4 /* H4 tag style (admin side only) */
{
    font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:15px;
	font-weight: bold;
    margin: 0px;
}

h5 /* H5 tag style (admin side only) */
{
    font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	font-weight: bold;
    margin: 0px;
    padding-top: 10px;
}

.titreMenu /* Menu titles */
{
  font-size:12px;
  font-weight:600;
}

.titrePage /* Page titles */
{
  font-family: Helvetica, Verdana, sans-serif;
  font-weight:600;
  font-size:16px;
}

.commentTitle /* Comments title */
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

.menu, .menu_prawe, .thumbnail { font-size:11px;}
.small{ font-size:10px;}
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category  { font-weight:normal;}
.commentDate, .bouton  { font-weight:lighter;}
.commentImage { font-style:italic; font-size:16px;}
.nameImage { font-size:20px;}
.info { font-size:16px;}
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
.copyright2 { font-size:10px; text-align:center; color:#ffffff; font-family: Tahoma;}
div.information {  font-size:14px; font-weight:bold;}

/*----------------------------------------------*/
/* Under this point, do not modify the values   */
/* unless you are aware of what you are doing!  */
/*----------------------------------------------*/

/* GENERAL LAYOUT STYLES */

.czyszczenie
{
   clear:both;
}

.back
{
   font-weight:bold;
}

.miniaturki
{
    margin-bottom:5px;
    float:left;
    margin-left:19px;
}

.miniaturki2
{
    width:186px;
    height:140px;
    border:1px solid #202020;
    background-color:#070707;
}

.poprzednie_nastepne
{
    width:80px;
    height:60px;
    border:1px solid #202020;
    background-color:#070707;
    margin:3px;
}

.odslony
{
   font-size:9px;
   margin-bottom:2px;
   color:#999999;
}

.logo_glowne
{
    border:0px none;
}

.komentarz_form
{
   padding:0;
   margin:0;
}

.komentarz_div
{
   padding-left:40px;
   margin-left:8px;
   margin-top:6px;
   font-size:11px;
}

.komentarz_input1
{
   font-size:11px;
   width:150px;
   padding:0px;
   background-color: #666666;
}

.komentarz_textarea
{
   margin-top:6px;
   margin-bottom:6px;
   margin-left:48px;
   float:left;
   width:400px;
   overflow-y:auto;
   font-family:Time New Roman,arial;
   font-size:11px;
   background-color: #666666;
}

.komentarz_input2
{
   float:left;
   padding:1px;margin: 18px;
   font-size: 11px;
}

.komentarze_div1
{
   border-left:1px solid #666666;
   border-right:1px solid #666666;
   border-bottom:1px solid #666666; 
   width:550px;
   margin-top:10px;
}

.komentarze_div2
{
  text-align:center;
  color:#ffffff;
  font-weight:bold;
}

.komentarze_delete
{
   border:0;
   vertical-align:middle;
   margin-left:5px;
}

.komentarze_ip
{
   margin-left:20px;
}

.zdjecie
{
    font-family: 'arial', Verdana, sans-serif;
    text-align:left;
    color:#ffffff;
    font-weight:bold;
    padding:3px 11px 3px 11px;
    font-size:12px;
    background-color:#404040;
    border-bottom: 1px solid #666666;
}

.zdjecie_lewy
{
    float:left;
    font-family: 'arial', Verdana, sans-serif;
    text-align:left;
    color:#ffffff;
    font-weight:bold;
    padding:3px 11px 3px 11px;
    font-size:12px;
    background-color:#404040;
    border-bottom: 1px solid #666666;
}

.zdjecie_prawy
{
    text-align:right;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 11px 3px 11px;
    font-size:12px;
    background-color:#404040;
    border-bottom: 1px solid #666666;
}

.infoline_lewy
{
    float:left;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 11px 3px 11px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
}

.infoline_prawy
{
    text-align:right;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 11px 3px 11px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
}

.infoline_pierwsza
{
    width:92px;
    float:left;
    display:block;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 6px 3px 6px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}

.infoline_poprzednia
{
    width:103px;
    float:left;
    display:block;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 6px 3px 6px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}

.infoline_ostatnia
{
    width:92px;
    float:right;
    border-left:1px solid #666666;
    display:block;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 6px 3px 6px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
}

.infoline_nastepna
{
    width:103px;
    float:right;
    border-left:1px solid #666666;
    display:block;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 6px 3px 6px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
}


.infoline_div1
{
   *padding: 4px 0px 3px 0px;
   float:left;
   position: relative; top: 4px;
   *position: relative; *top: 0px;
   width:196px;
}
   
.infoline_div2
{
   padding:4px 0px 4px 0px;
   display:inline;
   border-right:1px solid #666666;
}   
   
.infoline2
{
    display:inline;
    font-family: 'arial', Verdana, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding:3px 6px 3px 6px;
    font-size:12px;
    background-color:#404040;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}

.opis_w_galerii
{
   color:#999999;
   border-bottom: 1px solid #666666;
   font-size:11px;
   padding:5px;
   text-align:left;
}


.main 
{
	border: 1px solid #E0E0E0; 
	width:990px;
	text-align:center;
	display:block;
}

.home
{
  border: 1px solid #666666;
  display:block;
  text-align:center;
  width: 640px;
}

.navigationBar 
{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
}

.info 
{
  margin:5px 0px 5px 0px;
  /* white-space:nowrap; */
  text-align:center;
}

.errors 
{
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid #666666;
}

div.information {
  text-align:left;
  margin:10px;
  padding:5px;
}

span.dateSelected, span.pageNumberSelected {
  text-decoration:underline;
}
/* MENU LAYOUT STYLES */

.titreMenu, .titrePage
{
  padding-right: 5px;
  padding-left: 5px;
  height: 25px;
  line-height: 25px;
  text-align:center;
}

.titrePage
{
  padding-right: 10px;
  padding-left: 10px;
  text-align:left;
}



.info_line
{
  margin: 0px;
  margin-bottom: 3px;
  text-align:left;
  font-size:11px;
}

.frame 
{
  border: 0px;
  width:155px;
  height:90px;
  *height:96px;
}

.menu 
{
  margin:0px 0px 0px 0px;
  white-space:nowrap;
  text-align:left;
}

ul.menu 
{
  text-align:left;
  list-style-type: none ;
  padding-left:0;
  border-bottom:1px solid #202020;
}

ul.menu a:hover
{
    background:#404040;
}

.menu ul li a
{
    display:block;
    width: 138px;
    padding: 2px 0px 2px 15px;
    border-left:1px solid #202020; border-right:1px solid #202020; border-top:1px solid #202020;
    border-bottom: 0px none;
    text-decoration: none;
    background: #000000;
}



.totalImages {
  text-align:center;
  margin-top:2px;
  margin-bottom:2px;
  font-size:10px;
  font-family:arial,verdana;
}



 /* IMAGE LAYOUT STYLES */
 
.image 
{
	border : 0px solid #FFFFFF;
	margin : 0;
	display:block;
}

#imgBarMenu
{
  width:100%;
  display:block;
  height:25px;
  border-bottom: 1px solid #666666;
}
  
.imgMenu
{
  width:48px;
  border:none;
  float:left;
}

.imgMenu img
{
 border:none;
 text-align:center;
 margin-top:4px;
}
  
.imgMenu a
{
  display:block;
  height: 25px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #838383;
  border-right: 1px solid #000000;
}

.imgMenu a:hover
{
  border-bottom: 1px solid #3F3F3F;
  border-left: 1px solid #3F3F3F;
  border-right: 1px solid #3F3F3F;
}

.commentImage {
  text-align:justify;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* TABLE LAYOUT STYLES */

.table1
{
  border: 1px solid #666666;
  display:block;
  width: 155px;
}
  
.table2 {
	border-top: 1px solid #666666; 
	margin:	0px 0px 0px 0px;
	padding:0px;
}

.tablecompact{
  width:100%;
  border-collapse:collapse;
}

.row1, .row2 {
  text-align:left;
  padding:7px 3px 7px 3px;
} 

.throw {
  text-align:center;
  border-top: 1px solid #666666; 
  border-bottom: 1px solid #666666; 
  height:22px;
}

.table{
  width:100%
}

.td1{
  padding:0px 0px 0px 4px;
  width:1%;
  vertical-align: top
}

.td2{
  padding:0px 0px 0px 9px;
  width:99%;
  vertical-align: top
}

.td3{
  padding:0px 4px 0px 9px;
  width:99%;
  vertical-align: top
}

.td4{
  padding:0px 4px 0px 8px;
  width:99%;
  vertical-align: top
}

.reklama_linki1{
  height:76px;
}

.reklama_linki2{
  display:block;
  position: relative; bottom: 17px
}

.informacje{
  font-size: 7pt;
  margin: 5px;
  font-family: Arial;
  color: #999999;
}

.szukaj_tekst{
  font-size: 7pt;
  margin-top: 3px;
  font-family: Arial;
  color:#999999;
}

.szukaj_form{
  margin:3px;
  margin-bottom:0;
  padding:0
}

.szukaj_input1{
  font-size:11px;
  width: 140px;
  background-color: #666666;
}

.szukaj_input2{
  margin-top: 3px;
  font-size: 11px
}

.szukaj_input3{
   width:0;
   border:0;
   height:0;
}

.srodek_tytul{
  border-top: 1px solid #666666; 
  border-bottom: 1px solid #666666; 
  float:left;
  height:14px;
  padding: 3px 0px 3px 8px;
  font-size: 12px;
  background-color:#404040;
  font-weight:bold;
  color:#ffffff;
  margin-right:0;
}

.srodek_data{
  text-align:right;
  border-top: 1px solid #666666; 
  border-bottom: 1px solid #666666;
  background:#404040;
  padding:4px 3px 4px 0px;
  font-size: 9px;
  z-index: 1;
  color:#999999;
  font-weight:lighter;
}

.srodek_komentarz{
  color:#888888;
  font-size:11px;
  padding:5px;
  text-align:left;
}

.srodek_miniaturka{
  border:1px solid #202020;
  height:100px;
  position:relative;
  z-index: 2;
  float:left;
  margin: 0px 5px 5px 0px;
}


.srodek_kategorie{
  text-align:right;
  font-size:10px;
  position: relative; top: 86px;
  z-index:1;
}

.srodek_opis{
  position: relative; bottom: 10px;
  z-index: 1;
}


.nowe_kom{
  padding:5px;
  color:#888888;
  padding-bottom:3px;
  font-size:9px;
  font-family:arial;
  text-align:left;
  border-bottom:1px solid #202020;"> 
}

.zdjecie_kom{
  border:0px solid #404040;
  display:block;
  height:35px;
  float:left;
  margin: 0px 4px 1px 0px
}

.losowe_kom{
  padding:5px;
  color:#888888;
  padding-bottom:3px;
  font-size:9px;
  font-family:arial;
  text-align:left;
  border-bottom:1px solid #202020;
  width:309px;
  float:left;
}


/* THUMBNAILS LAYOUT STYLES */

.thumbnail {
	vertical-align: baseline;
	white-space: nowrap;
}

.thumbnail2 {
	text-align:center;
	vertical-align: baseline;
}

table.thumbnail {
  border-collapse:separate;
  display:inline-table;
}

.thumbLink {
	border:0px solid #404040;
      display:block;
}

.thumbLink2 {
	border:0px solid #404040;
      display:block;
      height:60px;
}

/* COMMENTS LAYOUT STYLES */

.commentTitle {  padding: 15px 5px 10px 5px; }
.commentDate {
  text-align:right;
  border-top: 1px solid #666666; 
  border-bottom: 1px solid #666666;
}

/* FORM LAYOUT STYLES */

form
{
  text-align:left;
  padding:10px;
}

.bouton
{
  border: 1px solid #404750;
  padding-left: 3px;
  padding-right: 3px;
  background-position : bottom;
  margin-top:10px;
}

input, select, textarea 
{
 text-indent:2px;
 border: 1px solid #666666;
 padding: 0;
}

.radio{  border:0px none;}

/* ADMIN LAYOUT STYLES */

.adminMenu 
{
  text-align:center;
  font-size:12px;
}

div.adminMenu{ margin:10px 50px 10px 50px; }

.admin 
{
margin:0px 0px 12px 0px;
text-align: center;
padding:0px;
}

div.remoteOutput, div.remoteLocal {
  border:1px solid #666666;
  margin:10px;
  text-align:left;
  padding:5px;
}

div.remoteLocal {
  text-align:center;
}

/* for debugging purpose */
pre { text-align:left; }





BODY { behavior:url("/template/csshover.htc"); } 
 
 
#menu ul li
{
	position: relative;
	z-index: 5;
}

	
#menu li ul
{
	position: absolute;
	z-index: 5;
	top: 0;
	display: none;
	padding:0;
	margin:0;
	left:155px;    /* odleglosc od krawedzi pierwszego bloku */
      list-style-type: none;
}
	
#menu li ul ul
{
	position: absolute;
	z-index: 5;
	top: 0;
	display: none;
      left:192px;
}
   
#menu li ul li a
{
    padding: 2px 0px 2px 5px;
}

#menu li ul a
{    
    width: 185px;
} 

#menu li ul ul a
{    
    width: 420px;
} 



#menu li:hover ul
{ 
    display: block;
}

#menu li:hover ul ul
{
    display:none;
} 

#menu li li:hover ul
{     
    display:block;
}