/* standard1-zeleno-biele.css
   prerobeny na div-y :)
*/

html {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
body {
        position: relative;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #cccccc;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #e6e6e6;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
        padding: 50px 0px 0px 0px;
        margin: 0;
	font-family: ArialCE, Helvetica, Arial;
	font-size: 14px;
        color: #000000;
  /*background: #FFC900*/ 
  /*background: #d7e8ff url(pozadie_ufoni.png) repeat-y center;*/ 
  background-color: #d7e8ff;
  background-image: url(pozadie_ufoni.png);
  background-repeat: repeat-y;
  background-position: center top; 
  /*d4ff2a - zlta; ffffff - biela; defff4 - modra*/
 /* background-image: url(zelen-left.png), url(zelen-right.png);
  background-repeat: repeat-y;
  background-position: top left, top right;*/
}

.menu_lave{
  width: 140px;
  height: auto;
  overflow: auto;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: auto;
  padding: 20px 20px 0px 15px;    /*padding vpravo (ten druhy = 20px) je taky, aby sa "studijne materialy zalomili"; padding hore - ten prvy musi byt rovnaky ako prvy v .menu_prave inak vznikaju dole biele obdlzniky*/  
	text-align: left;
	BORDER-STYLE: none;
  background-image: url(zelen-left.png);
  background-repeat: repeat-y;
  /*border-color: #ffff00;
	border-color: #6F0FFF;
        border-color: #FBFE4A;
  

	border-width: 2px;*/
  
}

.menu_prave{
  width: 130px;
  position: fixed;
  display: block;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow: auto;
  left: auto;
  margin-top: 0px;
  padding: 20px 20px 0px 40px;    /*padding hore - ten prvy musi byt rovnaky ako prvy v .menu_lave inak vznikaju dole biele obdlzniky*/
  background-image: url(zelen-right.png);
  background-repeat: repeat-y;
}

.novinky{
	text-align: left;
	BORDER-STYLE: none;
  /*border-color: #ffff00;
	border-color: #6F0FFF;
        border-color: #FBFE4A;

	border-width: 2px;*/

}

.kalendar{
	text-align: left;
}

.obsah {
  margin: 0px 200px 0px 200px;      
  vertical-align: Top;
}


a {
	font-family: ArialCE, Helvetica, Arial;
	font-weight: bold;
	text-decoration: none;
	border-width: 0px;

}

a.small {
	font-size: 10px;
	font-family: ArialCE, Helvetica, Arial;
	border-width: 0px;

}

a.ufo_hra {
	color: #ffffff;
	text-decoration: none;
	font-family: ArialCE, Helvetica, Arial;
	border-width: 0px;

}


a:link {
    color: #339900;
	font-weight: bold;
	border-width: 0px;

}
  

a:selected {
	color: #00ff00;
       color: #9EB1F6;
       color: #D29DF7;
       color: #A66600;

	font-weight: bold;

	border-width: 0px;

}

a:visited {
    color: #339900;

	font-weight: lighter;

	border-width: 0px;

}

a:hover {
	COLOR: #ff3333;
	color: #C40FFF;
        color: #D18501;
	font-weight: bold;
	border-width: 0px;

}

a.nounder {
	text-decoration: none;
	border-width: 0px;
	font-weight: bold;
	border-width: 0px;

}

.text {
	font-family: ArialCE, Helvetica, Arial;
	font-size: 14px;

}


h1 {
	font-size: 24px;
	text-align: center;
	font-family: Helvetica;
	text-decoration: none;
    color: #333366;

}

.velky {

	font-size: 30px;
}

.maly {
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.oznam {

	font-size: 24px;
	font-family: ArialCE, Helvetica, Arial;
  text-align: left;
}

h2 {
	font-size: 20px;
	font-family: ArialCE, Helvetica, Arial;
     text-align: Left;
     color: #333366;

}

h3 {
	font-family: ArialCE, Helvetica, Arial;
        text-align: center;
	font-size: 16px;
     color: #333366;
}

.symbol {
	font-family: "Times New Roman";

}

.cervena {
    color: #FF6600;

}

.zelena {
    color: #000000;
}

.biela {
	color: #ffffff;
}

.zlta {
	color: #ffff00;
	color: #C1CEFF;

}

.pozor {
	font-size: 2em;
	color: #ff3333;

}

p {
	font-family: ArialCE, Helvetica, Arial;
        text-align: left;

}

li {
	font-family: ArialCE, Helvetica, Arial;
        text-align: left;

}

.odsek  {   
	font-family: ArialCE, Helvetica, Arial;
        text-align: left;
        text-indent: 0em;

}

.maly_odsek  {   
	font-family: ArialCE, Helvetica, Arial;
        text-align: left;
        padding-left: 20px;

}


.center {   
        text-align: center;

}

.vlavo {   
        text-align: left;

}

.vpravo {
        text-align: right;
}

.list {
        margin-left: -20px;

}

.zaznam {
	list-style-type: disc;
        margin-left: 20px;
}

table.hlavna {
	width: 100%;
        height: 100%;
	margin: 0px;
	text-align: center;
	border-width: 0px;

}

.menu{
        width: 140px;
	text-align: left;
	BORDER-STYLE: none;
        border-color: #ffff00;
	border-color: #6F0FFF;
        border-color: #FBFE4A;


	border-width: 2px;
}

table.hlavicka{
        width: 400px;
        background-color: #C0C0C0;
	border-width: 0px;

}

table.fx{
        padding: 10px;
	border-style: double;
  border-color: #C1CEFF;
	font-family: ArialCE, Helvetica, Arial;
}

td,tr,th {
	font-size: 14px;
	border-style: none;
	border-color: #000000;
	border-width: 1px;
	margin: 5px;
}

th {
	text-align: center;
	font-size: 14px;
    color: #333399;

}

/*td.menu {
        width: 120px;
        height: 100%;
        vertical-align: Top;
}*/

td.kms_meno {
        text-align: left;
        width: 300px;
}

td.nonehand {
        cursor: default;
}

td.hore {
        vertical-align: Top;
}


.archiv {
        text-align: center;
	font-family: ArialCE, Helvetica, Arial;
	padding: 10px;        
 	border-style: double;
  border-color: #C1CEFF;


	border-width: 3px;
}

.naboj {
        text-align: left;
	font-family: ArialCE, Helvetica, Arial;
	padding: 10px;        
 	border-style: double;
        border-color: #000000;
	border-width: 3px;
}

.tab_naboj {
        text-align: left;
	font-family: ArialCE, Helvetica, Arial;
	padding: 10px;        
 	border-style: double;
        border-color: #000000;
	border-width: 0px;
}

.linka {
        width: 200px;
	font-weight: bold;
        text-align: left;
	font-family: ArialCE, Helvetica, Arial;

}

.udalost {
	font-weight: bold;
        text-align: left;
	font-family: ArialCE, Helvetica, Arial;

}

.cierna {
	color: #000000; 
}


.cencule {
        position: Absolute;
        top: 0px;
        left: 0px;
}
@media screen and (max-height: 27em) {
  body div.menu_lave, div.menu_prave  {position: absolute;}
}