@font-face { font-family: 'GG230'; src: url(src/GeneralGG-230.ttf); }
@font-face { font-family: 'GG240'; src: url(src/GeneralGG-240.ttf); }
@font-face { font-family: 'GG250'; src: url(src/GeneralGG-250.ttf); }
@font-face { font-family: 'Eldiablo'; src: url(src/eldiablo.ttf); }
@font-face { font-family: 'LeagueGothic'; src: url(src/LeagueGothic.ttf); }
@font-face { font-family: 'Junction'; src: url(src/Junction02.ttf); }
@font-face { font-family: 'OldScript'; src: url(src/OldScript.ttf);  } 
header {
font-family: 'GG240';
font-weight: normal;
font-size: 24px;
letter-spacing: -.05em;
color: white;        
color: black;
text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px; 

                                                                  
/*position: absolute; */
left: 25px;
top: 25px;
margin: 0;
padding: 0;

                                                                                                                            }
body {
  padding-left: 1em;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: purple;
  background: -moz-linear-gradient(left, #00abeb, #fff);
  background: -webkit-gradient(linear, left center, right center, from(#00abeb), to(#fff));
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#00abeb), to(#fff)) !important;  
  filter: progid:DXImageTransform.Microsoft.gradient(
  enabled='true',
  startColorstr=#00abeb,
  endColorstr=#ffffff,
  GradientType=1); 
  font-family: G230;                                          
background: #00abeb;
background: -moz-linear-gradient(-90deg, #00abeb, #00abeb 20%, #FFFFFF 80%, 
    #002c2d 85%, #00f9ff);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FE878A),
        color-stop(50%, #00abeb), color-stop(80%, #FFFFFF), 
        color-stop(85%, #00abeb), to(#FFFFFF) );
 } 

ul.navbar {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 2em;
  left: 1em;
  width: 9em }

h1 {
  font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
   color: #fff;                   /* biela farba textu */
      text-shadow: #555 3px 3px 2px; /* šedý tieň posunutý 3 pixely doprava a dole, rozmazanie šírky 2 pixelov. */

         }

h2 {
  font-family: Helvetica, Geneva, Arial,
  SunSans-Regular, sans-serif;
  color: #f6ed00;
  text-shadow: #555 2px 2px 1px; /* šedý tieň posunutý 3 pixely doprava a dole, rozmazanie šírky 2 pixelov. */
  font-family: 'GG240';
  }
h3 {
  font-family: 'Eldiablo';
  model color: hsla(121,47%,56%,1.00);
  font-size: 22px;
  }
h4 {
  font-family: 'OldScript';
  border-radius: 29px;
  text-shadow: rgba(64, 64, 64, 0.5) 7px 0px 9px;
  font-size: 34px;
  }
ul.navbar li {
  background: white;
  margin: 0.5em 0;
  padding: 0.3em;
  border-right: 1em solid black }
ul.navbar a {
  text-decoration: none }

a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
  color: #000;
  padding: 0 1px;
   }
 a:hover, a:active {
 background-color: #9fe803;
 color: #fff;
 text-decoration: none;
 text-shadow: 1px 1px 1px #333;
 }

     a {
        color: inherit;
        display: inline-block;
        text-decoration: none;
        line-height: 110%;
      }


address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted }
img (
  border: 0;
    )
img.b (
    width: 29.25em;
    )

#border-bgcolor {
   margin: 20px;
   padding: 20px 20pz;
   border-left: 5px solid #fce27c;
   background-color: #ffffff; }

#box_rgba {
  background-color: #0A6400;
    background-color: rgba(10, 100, 0, 0.1);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#920A6400',endColorstr='#920A6400'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#920A6400',endColorstr='#920A6400');
    width: 450px;
    }
#box_rgbb {
  background-color: #AA6400;
    background-color: rgba(255, 10, 0, 0.1);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#920A6400',endColorstr='#920A6400'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#920A6400',endColorstr='#920A6400');
    width: 450px;
    }
.shadow{
box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
-webkit-border-radius: 15px;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);

box-shadow: -10px -10px 0px #000; border-radius: 5px; padding: 5px 5px 5px 15px;

-moz-box-shadow: 0 80px 30px hsla(0,0%,0%,.2);
-webkit-box-shadow: 0 80px 30px hsla(0,0%,0%,.2);
box-shadow: 0 80px 30px hsla(0,0%,0%,.2);

}

#nadpis{
background: #B73A28;
padding: 3px 5px;
color: white;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 9px 3px 9px 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
}
a:hover img{
opacity:.40;
filter:alpha(opacity=40);
filter: "alpha(opacity=40)";
}
cite{
color: white;
text-shadow: #555 3px 3px 2px; /* šedý tieň posunutý 3 pixely doprava a dole, rozmazanie šírky 2 pixelov. */
}
#threed-example:hover {
-webkit-transform: rotateZ(1deg);
text-overflow: ellipsis;
background: rgba(0, 0, 255, 0.05);
border-radius: 50px;
text-overflow: ellipsis;
text-shadow: rgba(0, 0, 0, 0.5) 0 9px 9px;
}
#animation-example {
-webkit-animation-name: pulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
section {
         font-family: 'GG250';
         font-size: 18x;
         color: #3f3f3f;
         text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;         
         margin-left: 30px;
         margin-right: 30px;
         margin-top: 20px;
         display: block;
         overflow: hidden;
       }
pre {
        text-align: left;
        font-size: 14px;
        font-family: Monaco, Courier;
        padding-bottom: 10px;
        
        padding: 10px 20px;
        background: rgba(255, 0, 0, 0.05);
        border-radius: 8px;
        border: 1px solid rgba(255, 0, 0, 0.2);
      }
.htm1,
.htm2,
.htm3 {
        font-family: 'GG250';
        color: black;
        display: inline-block;
        padding: 6px 10px 3px 10px;
        font-size: 20px;
        line-height: 25px;
        text-shadow: none;
        letter-spacing: 0;
        bottom: 10px;
        position: relative;
        border-radius: 10px;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px; 
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px; 
        -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 5px; 
      }
      :not(header) > .htm1,
      :not(header) > .htm2,
      :not(header) > .htm3 {
        margin: 0 5px;
        bottom: 4px;
      }
      
      .htm1 {
        background: -webkit-gradient(linear, left top, left bottom, from(#ff4), to(#ffa));        
      }
      .htm2 {
        background: -webkit-gradient(linear, left top, left bottom, from(#4f4), to(#afa));        
      }
      .htm3 {
        background: -webkit-gradient(linear, left top, left bottom, from(#e88), to(#fee));                
      }                                                                                                                                                                                       
                                                                                                    
      pre b {
        font-weight: normal;
        color: #c61800;
        text-shadow: #c61800 0 0 1px; 
        /*letter-spacing: -1px;*/
      }
      pre em {
        font-weight: normal;
        font-style: normal;
        color: #18a600;
        text-shadow: #18a600 0 0 1px; 
      }

      section.center {
        line-height: 180%;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 700px;
        width: 900px;
      }
      example {
        font-size: 14px;
        display: block;
        padding: 10px 20px;
        color: black;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 8px;
        margin-bottom: 10px;
        border: 1px solid rgba(0, 0, 0, 0.2);
      }
      slide {
        display: block;
        position: absolute;
        overflow: hidden;
        width: 300px;
        height: 200px;
        left: 450px;
        top: 10px;
        margin-top: -350px;
        background: -webkit-gradient(linear, left bottom, left top, from(#bbd), to(#fff));
        
        -webkit-transition: margin 0.25s ease-in-out; 
      }
div#boxa {
 width: 100px; height:100px;        /* rozmery*/
 background-color: #f00;            /* červená farba */
 text-align: center; font-size:6em; /* vlastnosti textu */
        }
 div#boxb {
 width: 100px; height:100px;           /* rozmery */
 background-color: #0f0;               /* zelená farba */
 text-align: center; font-size:6em;    /* vlastnosti textu */
 
 margin-top: -40px; margin-left: 40px; /* posukrývali */
                                                     
 opacity: 0.6;                         /* samotná priesvitnosť */
  
  }
 div#boxc {
       width: 100px; height:100px;         /* rozmery */
        background-color: rgba(255,255,0,0.6); /* červená farba nepriesvitná */
        text-align: center; font-size:6em;  /* vlastnosti textu */
              }
div#boxd {
width: 100px; height:100px;           /* rozmery */
background-color: rgba(0,0,255,0.6);  /* zelená s alfa kanálom = 0.6 = 60% */
text-align: center; font-size:6em;    /* vlastnosti textu */
margin-top: -40px; margin-left: 40px;
}

.navbar
{
}  

.mainDiv
{
  width:165px;
}

.topItem
{
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 165px;
  height: 25px;
  color: #215dc6;
  cursor:pointer;
  text-indent:10px;
}

.topItemOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 165px;
  color: #428eff;
  cursor:pointer;
}

.topItemClose
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 165px;
  color: #215dc6;
  cursor:pointer;
}


.topItemCloseOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 165px;
  color: #428eff;
  cursor:pointer;
}



.dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;	
  background-color: #d6dff7;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

.subMenu
{
   display:block;
}

.subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}

.subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #215dc6;
}

.subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

.subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}


.drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}
div#clanok {
        text-align: left;
        font-size: 14px;
        font-family: Monaco, Courier;
        padding-bottom: 10px;
        
        padding: 10px 20px;
        background: rgba(255, 0, 0, 0.05);
        border-radius: 8px;
        border: 1px solid rgba(255, 0, 0, 0.2);

        }
#post {
padding: 15px;
border:5px solid #900;
-moz-border-radius:15px;
-webkit-border-radius: 15px;
}