html { 
   width: 100%;
   height: 100%;
   background: url('../images/bg.jpg') no-repeat;
   background-attachment: fixed;
   background-position: center center;
   background-size: cover; 
   background-color: black;
   font-family:Times, 'Times New Roman', Sylfaen, Tahoma, Geneva, Verdana, serif;
   color: #666666; 
}

a:link, a:visited 
{
padding-left:2px;
padding-right:2px;
color: #666666; 
text-decoration: none; 
border: 1px solid silver; 
background: #e2e7d2; 
text-shadow: 1px 1px 0px white;
}

a:active
{
padding-left:2px;
padding-right:2px;
color: red; 
text-decoration: none; 
border: 1px solid silver; 
background: #e2e7d2; 
text-shadow: 1px 1px 0px white;
}

a:hover 
{
color: white;
border: 1px solid gray; 
background:silver;
text-shadow: 1px 1px 2px black;
}

.hp 
{
font-size:36px;
color: #666666; 
} 

.h1, .h2, .h3, .h4, h5                                                                 /* link-tytuł - wielkości */
{
display:table-cell;                                                                   /* div rozciąga się w pionie, tak jak sąsiedni */

text-align:left;                                                                       /* bo w #content jest już "justify" */
}


.h1 {font-size:32px;padding:8px 10px 8px 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.h2 {font-size:28px;padding:7px 8px 7px 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px;} 
.h3 {font-size:24px;padding:6px 6px 6px 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;} 
.h4 {font-size:20px;padding:4px 4px 5px 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
.h5 {font-size:16px;padding:2px 2px 2px 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;}
  p {font-size:16px;line-height:1.5;}


.item 
{
font-family: "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
display:table-cell; 
color:red;
padding: 0px 3px 0px 0px;
}


.grape
{
float:right;
width:290px;
}


.clock
{
position:relative;
top:3px; left: 0px;
}




.nun {font-family:'nunitoregular', Tahoma, Verdana, Arial, sans-serif;color:black;}
.tra {font-family:'n-trans-regular';color:black;}
.nav {font-family:'navibold';}             /* wygenerowane ikony są przesunięte w lewo  */

/* .cormo */


.gorda {font-family:'bpg_gorda_gplgnuregular';color:black;}

.sanmo {font-family:'bpg_sans_modern_gplgnuregular';color:black;}
.liter {font-family:'LiteraturuliWebRegular', Times, 'Times New Roman', Sylfaen, Tahoma, Geneva, Verdana, serif;color:#666666;}
.chw {font-family:'ChweulebriviWebRegular';color:black;}
.dedae {font-family:'DedaEnaWeb';color:black;}
.ven {font-family:'gl_venuriregular';color:black; font-size:18px;}

#content 
{
text-align:justify;
width: 576px;
margin:0 auto;                  /* ustawienie diva na środku */
margin-top:64px;       /* przestrzeń nad divem, aby menu go nie zasłaniało */
}

.point
{
background: #efefef;
margin:0 auto;
border: #A99061;
border-style: solid;
border-width: 1px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
padding: 0px 15px 0px 15px;
}




#menu 
{
background:#2C2C2C;
position:fixed;
top:10px;left:15px;
z-index:+1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding: 8px 8px 8px 8px;
}

#copy 
{
width:236px;
height:56px;
background:#2C2C2C;
position:fixed;
bottom:10px;right:15px;
z-index:+1;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding: 8px 8px 8px 8px;
}


#menu, #copy, #point, #winTrans, #winMorph, #winDescr
{
border: solid #4c4c4c 1px;

-webkit-box-shadow: -2px 6px 25px 7px rgba(0,0,0,0.8);
-moz-box-shadow: -2px 6px 25px 7px rgba(0,0,0,0.8);
box-shadow: -2px 6px 25px 7px rgba(0,0,0,0.8);  
}


.first {display:block;}

.third {display: none;}
 
.first:hover #third {display: inline;}


.tab {margin: 0 auto;}
.tab2 {margin: 0 auto; border: #666666;border-style: solid;border-width: 1px; border-collapse: collapse; width:70%;}


.r {text-align:right;}

.c {text-align:center; border: #666666;border-style: solid;border-width: 1px; width:20%;}

.y {text-align:center; border: #666666;border-style: solid;border-width: 1px; width:10%;}

.x {width:40px; text-align:center;}



p {text-indent: 30px;margin-top: 0px; margin-bottom: 0px; line-spacing:single}

/* margin-top: 0px; margin-bottom: 0px; line-spacing:single - to sprawia, że nie ma pustego wiersza między kolejnymi <p> */

.za {display: inline-block;padding: 3px 2px 1px 2px;}     /* home */
.zb {display: inline-block;padding: 3px 3px 1px 3px}     /* menu */
.zc {display: inline-block;padding: 3px 3px 1px 4px}     /* prawo */
.zd {display: inline-block;padding: 3px 4px 1px 3px}     /* lewo */
.ze {display: inline-block;padding: 3px 3px 1px 3px}     /* prawo|, lewo| */
.zh, .zi, .zj {display: inline-block;padding: 3px 4px 1px 4px}     /* dół, góra, dół|, góra| */


a.alt span 
{
display: none;
padding: 2px 3px;

}


a.alt:hover span 
{
border: 1px solid #ccc;
display: inline;
position:absolute;
background: black;
color: white;
text-align: center;
}






.fr
{
border: 1px solid silver;
padding:3px 0px 3px 0px;
}







/* style do trans, morph, descr : */





.fra
{
border: 1px solid silver;
padding:3px 3px 3px 3px;
color:gray;
background-color:white;
}

.whi
{
background-color:white;
}

.decl {color:red;}
.stem {color:silver;}
.root {color:white;}
.fusi {color:navajowhite;}
.conj {color:greenyellow;}
.ordn {color:aqua;}
.mult {color:violet;}


.other {color:black;}
.reve {background: #444444;}

.hid {visibility:hidden; font-size:0px;}

a.dlink:link, a.dlink:visited         /* .dlink to klasa linku w objaśnieniu kolorów morfemów */
{
padding-left:2px;
padding-right:2px;
color: gray; 
text-decoration: none; 
border: 1px solid #292929; 
background: #1b1b1b; 
text-shadow: 1px 1px 0px black;

}

a.dlink:hover 
{
color: white;
border: 1px solid gray; 
background:silver;
text-shadow: 1px 1px 2px black;
}




.p {cursor:pointer;}


.w {background:white;}
   
.black * {color:black; background:white;}    /* zakrywa kolory morfemów w tekście strony, a są one wyświetlane w bocznym okienku morfemów */

.right {
   float:right;
}






#winSearch
{
background: #2C2C2C;
z-index:+1;
}



.bg {

background:#2C2C2C;

margin: 2px 2px 2px 2px;
z-index:+1;

border: Black;
border-style: solid;
border-width: 1px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding: 8px 8px 8px 8px;
}





.nun2 {font-family:'nunitoregular', Tahoma, Verdana, Arial, sans-serif}
.tra2 {font-family:'n-trans-regular'}

.o {font-size:24px; font-family:'nunitoregular'; font-weight:bold; line-height:0.8}   /* kółka w legendzie */

/* ramki do opisów zmian na stronie */
.old {border: 1px solid #BB1206; padding: 8px 8px 8px 8px}
.new {border: 1px solid #04C518; padding: 8px 8px 8px 8px}