/* 07_liquid_M_Levin
   3-kolumnowy, płynny układ, stała szer. kol,  
   na podstawie: Matthew Levine: In Search of the Holy Grail  
   www.alistapart.com/articles/holygrail */

#rama{
	position        : relative;
   height          : 100%;
   min-height      : 100%;
   width           : 1024px;
   margin          : auto;       /* wyśrodkuj stronę */ 
   text-align      : left;

}

#header{
   width           : 1024px;
   height          : 200px;
   background      :  url(../images/header_img.gif);
   
}

#content_main {
  background      :  url(../images/maincont_img.gif) 50% 50% no-repeat fixed;
  background-color: #c3dbf8;
}
#content_main_bcg {
   padding-top     : 10px;       /* miejsce na nagłówek */
   padding-left     : 10px;       /* miejsce na nagłówek */
   padding-bottom  : 10px;
   padding-right     : 10px;
}
#nav_bar {
  background      :  url(../images/leftmenu_img.gif) 0px 10px no-repeat ;
  background-color: #72abee;
  
}
#nav_bar_bcg {
	padding-top     : 10px;       /* miejsce na nagłówek */
	padding-left     : 10px;
	padding-right     : 10px;
    padding-bottom  : 10px;
}
#misc_bar {
   padding-bottom  : 10px;
   background-color: #72abee;
}
#misc_bar_bcg {
	padding-top     : 10px;       /* miejsce na nagłówek */
	padding-left     : 10px;
	padding-right     : 10px;
}
#footer {
   background      :  url(../images/footer_img.gif);
   text-align      : center;
   width           : 1024px;
   height          : 81px;
}

/*------------FORMATOWANIE TEKSTOW-----------------------*/
body {
   
   margin       : 0; /* zeruje marginesy wszystkim elementom */
   padding      : 0; /* zeruje odstępy wszystkim elementom */
   font         : normal 76.1% Arial, Verdana, Helvetica, sans-serif;
   line-height  : 1.2; /* ustala wysokość linii */ 
}
a:link, a:visited
{color:#5d5d5d;
text-decoration: none;
}
a:hover{color:#5d5d5d;
text-decoration: underline;}

a.title,
a.title:visited{color:#626}

p {
   margin: .84em 0; /* ustala między akapitami margines dolny i górny */
}
.small {
  color            : #999;  /* ustala kolor tekstu */
  font-size        : .95em;    /* ustala rozmiar czcionki */
}
.createdate, .modifydate {
  font-size        : .95em;
  color            : #999;
  font-size        : .95em;
  text-transform   : capitalize; 
  height           : 1.25em; 
  padding          : 1em 0;   /* ustala odstęp od elementów powyżej i poniżej */
  
}
.content_rating, .content_vote {
  color            : #999;
  font-size        : .95em;
}
ul {
   margin                  : 1;
   padding                 : 1 1  1 0; /* ustala odstęp 1em od lewej */ 
   
}
ol {
   margin                  : 0;
   padding                 : 0 0 1em 1em;
   list-style-type         : decimal; /* 1,2,3... znakiem wypunktowania  */ 
}
ul li {
   margin                  : 1 0em 0 0em;
   padding-left            : 0em;
   padding-top             : 0;  
   
}
ul ul li{                  /* zmiana obrazka wypunktowania */
   
}
ol li {
   padding-top             : 0;    
      }
dl {                         /* formatuje tytuł listy */
   font-size        : 1.2em;
   font-weight      : 500;
}
 
dt {                         /* formatuje definiowany termin */
   font-style        : italic;
   font-weight       : 500;
}
dd {                         /* formatuje definicję */
   pading-left       : 0;
   margin-left       :1em;
}
/*table {
   padding        : .25em     /* ustala odstęp tekstu od brzegów komórek */   
/*   border-spacing : .25em;    /* ustala odstęp między komórkami - wokół obwódek */
 /*  border-collapse: collapse; /* składa obwódki przyległych komórek */
  /* border-width   : .08em;    /* ustala szerokość obwódek */
/*}*/
caption {
   font              : bold .85em "Times New Roman", Times, serif;
   background-color  : #56A806;
   color             : #fff;
   padding-top       : .25em;
   padding-bottom    : .25em;
   text-align        : center;
   caption-side      : bottom; /* umieszcza podpis pod tabela */
}
 
.contenttoc { /* dot. całej tabeli */
   float:right;
   margin            : 0 0 .84em 1.5em;
   width             : 25%;   /* konieczne w przypadku elementów pływających */
   border            : 1px solid #C7E7C7;
}
.contenttoc th {
   text-align        : center;
   font-size         : 1em;
   background-color  : #F5FcF5;
   margin            : 0 0;
   height            : 1.6em;    
   border-bottom     : 1px solid #C7E7C7;  
}
.contenttoc td {
   white-space       : nowrap;
   padding-right     : .5em;
}
.contenttoc td:hover { 
   color             : #ff0000;
}
    a.toclink:link, {} /*ustawia styl odnośnikom nieodwiedzonym.*/
    a.toclink:visited{} /* ustawia styl odnośnikom odwiedzonym.*/
    a.toclink:hover{} /*formatuje styl odnośnika, gdy wskaźnik myszki znajduje się nad nim*/
    a.toclink:active{} /* ustawia styl aktywego styl onośnika.*/
	
.pagenavcounter {
   font-size      : .85em;    /* ustala rozmiar czcionki */
   color          : #03060D;  /* ustala kolor czcionki */
   padding-bottom : 0 0 .84em ;  /* ustala odstępy od elementu poniżej */ 
   background     : url(../images/back_button.gif) no-repeat 0 .25em;
}
form {
   margin: 0;
   padding: 0;
}
.inputbox {
   padding: 2px;
   border:solid 1px #AAA;
   background-color: #e3e4fe;
}
.text_area {
   padding: 2px;
   border:solid 1px #CCC;
   background-color: #e3e4fe;
}
.text_area:focus {
   border:solid 1px #BDBDBD;
   background-color: #e3e4fe;
}
.button {
  color: #2c3848;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: #7c95ba;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
  cursor        : pointer;
}
.back_button a {
   margin-top:1em;
   float         : left;
   padding       : 0 0 0 1.5em;
   display       : block;
   background    : #9fbdea;;
   cursor        : pointer;
   display       : inline; 
   font-weight: bold;
}
label {
   font: bold .95em Arial, Helvetica, zans-serif
}


h1, h2,h3,h4,h5,h6, .componentheading, .contentheading, .contentpagetitle {
   font-family   : Arial,Helvetica,sans-serif;
 }
h1 {                     / *formatuje nazwę - tytuł witryny */
   font-size     : 1.4em;
}
h2, .componentheading {
   color: #01017c;
   font-size     : 1.3em;
}
/* tekst w menu*/
h3, .moduletable th, .module h3  {
   color: #01017c;
   background:url(../images/menutextbackgr.jpg) no-repeat; 
   margin        : 1em 0;
   font-size     : 1.2em;
   height: 1.5em;
   padding-left:1.6em;
}
h4, h5, h6{
   margin        : .9em 0;
   font-size     : 1em;
}
h4 {
   color: #01017c; / * kolor jak w h1,h2,h3, mniejszy rozmiar */ 
 
}
h5 {
   color: #01017c; /* rozmiar j.w., inny odcień koloru */
}
h6 {
   color: #01017c; /* rozmiar j.w., inny odcień koloru */
}
#misc_bar h3 {
  padding               : .7em 0 0 .4em;
  margin                : 0;
  text-transform        : uppercase;  
  height                : 1.4em;
}
/* najpierw style dla znacznika a*/
a.contentpagetitle:link, a.contentpagetitle:visited {
   text-decoration        : none;
   color                  : #D01100;
      }
a.contentpagetitle:hover {
   text-decoration        : underline;
   color                  : #204951;
      }
/* następnie kolor,  rodzina i rozmiar czcionek*/
 
h1,h2,h3,h4,h5,h6,.componentheading,.contentheading,.contentpagetitle {
   color                  : #014eb7; /*jeśli wszystkie tytuły ten sam kolor */
}
 
h2, contentpagetitle, .componentheading, .contentheading {
   font                   : 600 1.4em/1.4em  Arial, Helvetica, sans-serif;
   }
tr.sectiontableentry1 td a, tr.sectiontableentry2 td a{text-decoration: none;}    
tr.sectiontableentry1 td a:hover, 
tr.sectiontableentry2 td a:hover{text-decoration: underline;}


#pathway{color: #254b79;font-weight:200!important;font-size:0.8em;border-bottom: thin solid #abc0d9; }
#pathway a {
   color: #254b79;
   text-decoration: none;
}
#pathway a:hover {
   color: #254b79;
   text-decoration: none;
}


hr{                                       /* kolor5 */
   background-color       : #77A1CC;      /* Netscape 6/7, Mozilla */ 
   color                  : #77A1CC;      /* IE */
   border                 : #77A1CC;      /* Opera */
   margin                 : .5em 0;   
   } 
}
hr.separator {                            /* kolor4 */
   background-color       : #6188B7;      /* Netscape 6/7, Mozilla */ 
   color                  : #6188B7;      /* IE */
   border                 : #6188B7;      /* Opera */
   width                  : 50%; /ustala długość linii * /
}


/*------------Menu-----------------*/


a.mainlevel:link, a.mainlevel:visited
{
	color:#254b79;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
	padding-right:5px;
	padding-left:12px;
	background:url(../images/left_mainlevel.jpg) no-repeat;
	background-position:0px 2px;
}
a.mainlevel:hover
{
	text-decoration:underline;
	color:#162e4b;
}