body{
  font-family: arial;
  font-size: 0.75em;  
  margin-top: 0px;
  padding-top: 0;
  background: url("../images/bg.png") #ffffff repeat-x left top;  
  line-height: 1.5em;
}

h1 {
   font-family: Trebuchet MS, Geneva CE, Lucida;
   font-size: 1.4em;
   margin: 25px 10px 10px 10px;
   font-weight: normal;
}

h2{
   font-family: Trebuchet MS, Geneva CE, Lucida;
   font-size: 1.3em; 
}

h3{  
   font-family: Trebuchet MS, Geneva CE, Lucida;
   /*font-weight: normal;*/
   font-size: 1.1em;   
}

p {
  
}

a {  
  color: #000;
  text-decoration: underline;
}

a:hover {  
  text-decoration: none;
}

a:visited {  
  color: #444444;
}

a img{  
  border: 0px solid #000;
}

/*ul{      
  list-style-type: none;
  margin: 0;
  padding: 0;  
}*/

ul.vyhody{      
  list-style-image: url("../images/ul.png");
  /*list-style-type:decimal;*/
  /*list-style-type: disc;*/
  padding: 0px 2px 0px 20px; 
  color: #FF8040;
  font-weight: bold;
}
ul.vyhody span{      
  color: #000000; 
}



/*ul.vyhody li{
  padding: 0px 0px 0px 0px;
}*/



hr {
   border: 1px solid #dddddd;
}

.list1 {
   background-color:#FFC082; 
   padding: 0 3px 0 3px;
   margin-right: 2px;
   font-weight: bold;
   /*border: 1px dotted #cccccc;*/
}

.akcia{
   /*color: #0065CA;*/
   font-weight: bold;
}

p.vlavo {
   width: 370px;
   float: left;
   padding-right: 10px;
}

p.vpravo {
   float: left;
   width: 140px;
}

p.vpravo2 {
   float: left;
   width: 120px;
   /*text-align:right;*/
}

p.vlavo-panel {
   width: 40px;
   float: left;
   padding-right: 10px;
}

p.vpravo-panel {
   float: left;
   width: 165px;
}

.info{
   color: blue;
   font-weight: bold;
}

.error{
   color: red;
   font-weight: bold;
}

/*-------------------------------- TABULKY -----------------------------------*/

table {
   border: 1px solid #FFCC97; 
   
}

td {
   border: 1px solid #dddddd;
   padding-left: 5px;  
}

th {  
   padding-left: 5px;  
}

th.vlavo{
   text-align: left;
}

td.stred{
   text-align: center;
}

/*----------------------------------------------------------------------------*/

.zel-vel{
   font-size: 1.4em;
   color: #008c00;
   font-weight: bold;
}

#main, #main2, #main3, #main4, #main5, #main6, #main7 {
  width: 980px;    
  margin: auto; /* zarovnanie na stred */ 
  position:relative; /* aby absolutne pozicie boli pozicovane od stredu */
}

#main {height: 965px;}
#main2 {height: 1250px;}
#main3 {height: 870px;}
#main4 {height: 810px;}
#main5 {height: 820px;}
#main6 {height: 810px;}
#main7 {height: 810px;}

#lokraj {
  width: 10px;
  height: 100%;
  float:left;  
  background: url("../images/lava-ciarka.png") repeat-y left top;    
}

#pokraj {
  width: 10px;
  height: 100%;
  float:right;  
  background: url("../images/prava-ciarka.png") repeat-y left top;    
}

#stred{
   width: 960px;
   float: left;   
}
/*------------------------------- HLAVICKA -----------------------------------*/
#hlavicka{
   width: 100%;
   height: 250px;
   background: url("../images/hlavicka.jpg") no-repeat left top;      
   padding:0;
   
   
}

#hlavicka .logo{   
   position: absolute;
   left: 15px;
   top: 15px;   
}

#hlavicka .hv-spod{
   width: 58px;
   height: 90px;   
   position: absolute;
   left: -47px;
   top: 147px;   
   background: url("../images/hviezda-spod.png") no-repeat left top;
}
#hlavicka .cesta{
   width: 382px;
   height: 173px;   
   position: absolute;
   top: 250px;
   right: 10px;      
   z-index:0;
   /*background: url("../images/cesta.png") no-repeat left top;*/
   background: url("../images/cesta.jpg") no-repeat left top;
}

#hlavicka .slogan{   
   position: absolute;
   left: 30px;
   top: 185px;   
}

/*--------------------------------- MENU -------------------------------------*/
#menu {
   width: 100%;
   height: 33px;   
   background: url("../images/menu-bg.png") #ffffff repeat-x left top;
   padding:0;
   margin:0;
}

.list-menu{      
  list-style-type: none;
  margin: 0;
  padding: 0;  
}

.list-menu li{
   float: left;
}

#menu #odkaz1, #menu #odkaz1 span, #menu #odkaz1-act, #menu #odkaz1-act span,
#menu #odkaz2, #menu #odkaz2 span, #menu #odkaz2-act, #menu #odkaz2-act span, 
#menu #odkaz3, #menu #odkaz3 span, #menu #odkaz3-act, #menu #odkaz3-act span,
#menu #odkaz4, #menu #odkaz4 span, #menu #odkaz4-act, #menu #odkaz4-act span,
#menu #odkaz5, #menu #odkaz5 span, #menu #odkaz5-act, #menu #odkaz5-act span {
   width: 90px;
   height: 33px;
   cursor: pointer;
}

#menu #odkaz1 a span, #menu #odkaz1 a:hover span, #menu #odkaz1-act a span, 
#menu #odkaz2 a span, #menu #odkaz2 a:hover span, #menu #odkaz2-act a span,  
#menu #odkaz3 a span, #menu #odkaz3 a:hover span, #menu #odkaz3-act a span, 
#menu #odkaz4 a span, #menu #odkaz4 a:hover span, #menu #odkaz4-act a span, 
#menu #odkaz5 a span, #menu #odkaz5 a:hover span, #menu #odkaz5-act a span {
   position: absolute;
}

#menu #odkaz1 a span{ background: url("../images/menu/domov.png") no-repeat left top; background-position: top; }
#menu #odkaz1 a:hover span{ background: url("../images/menu/domov.png") no-repeat left top; background-position: bottom; }
#menu #odkaz1-act a span{ background: url("../images/menu/domov-act.png") no-repeat left top; background-position: top; }

#menu #odkaz2 span{ background: url("../images/menu/o-silverstar.png") no-repeat left top; background-position: top; }
#menu #odkaz2 a:hover span{ background: url("../images/menu/o-silverstar.png") no-repeat left top; background-position: bottom; }
#menu #odkaz2-act a span{ background: url("../images/menu/o-silverstar-act.png") no-repeat left top; background-position: top; }

#menu #odkaz3 span{ background: url("../images/menu/vycvik.png") no-repeat left top; background-position: top; }
#menu #odkaz3 a:hover span{ background: url("../images/menu/vycvik.png") no-repeat left top; background-position: bottom; }
#menu #odkaz3-act a span{ background: url("../images/menu/vycvik-act.png") no-repeat left top; background-position: top; }

#menu #odkaz4 span{ background: url("../images/menu/cennik.png") no-repeat left top; background-position: top; }
#menu #odkaz4 a:hover span{ background: url("../images/menu/cennik.png") no-repeat left top; background-position: bottom; }
#menu #odkaz4-act a span{ background: url("../images/menu/cennik-act.png") no-repeat left top; background-position: top; }



#menu #odkaz5 span{ background: url("../images/menu/kontakt.png") no-repeat left top; background-position: top; }
#menu #odkaz5 a:hover span{ background: url("../images/menu/kontakt.png") no-repeat left top; background-position: bottom; }
#menu #odkaz5-act a span{ background: url("../images/menu/kontakt-act.png") no-repeat left top; background-position: top; }


/*------------------------------- OBSAH-LAVA ---------------------------------*/

#obsah-lava{
   width: 660px;   
   float: left;
   margin: 0 10px 0 10px;   
   /*border: solid 1px #ebebeb;*/
   position: relative;
   z-index: 2;
}

/*------------------------------ OBSAH-PRAVA ---------------------------------*/

#obsah-prava{
   width: 240px;   
   float: left;
   margin: 0 10px 0 30px;
      
   position: relative;
   z-index: 2;
}

/*------------------------------- KONTAKT ------------------------------------*/
fieldset{
   padding: 10px 0px 10px 0px;
   margin: 0;
   border: solid #FFDDAA 0px;
}

form{
   float: left;  
   padding: 0px 0 3px 0;
   margin:0;
   color: #402000;
   /*font-weight: bold;*/
   }



form .prava{
   float: left;
   width: 210px;
   padding: 2px 0 2px 0;
   /*background-color: blue;*/
}

form label{
   float: left;
   width: 120px;
   padding: 2px 0 2px 0;   
}



#menob, #emailb, #telb{
   width: 100%;
}
#spravab{
   width: 100%;
   
}

/*input, textarea{
   border: 1px inset #346582;   
   padding: 3px 2px 3px 2px;
}*/

/*.submit{
   width: 130px;
   margin-top: 10px;
   background-color: #ffffff;
   border: 2px outset #666666;   
}*/


/*------------------------------- BORDER1 ------------------------------------*/
.border1{
   width: 640px;   
   padding: 0 10px 10px 10px;      
   background: url("../images/bg-panel.png") no-repeat left top;
   /*background: url("../images/studentka.png") no-repeat right bottom;*/
   border: solid 1px #ebebeb;
   position: relative;
}


.border1 .obr {
   width: 178px;   
   height: 276px;
   position: absolute;
   bottom: 0;
   right: -50px;
   background: url("../images/studentka.png") no-repeat right bottom;   
}

.border1 p {
   margin: 10px 0 10px 0;   
}



/*------------------------------- BORDER2 ------------------------------------*/
.border2 {
   width: 220px;   
   padding: 0 10px 10px 10px;   
   background-color: #ffffff;   
   border: solid 1px #ebebeb;
   margin-bottom: 15px;
}

.border2 p {
   margin: 10px 0 10px 0;   
}
.border2 img {
   float:left;
   border:1px solid #cccccc;
   margin: 0 4px 6px 4px;
}


/*------------------------------- BORDER2 ------------------------------------*/
#footer {
   width: 940px;
   margin: 30px 10px 10px 10px;
   height: 30px;
   border-top: solid 1px #ffebb6;
   /*background-color: #f6f6f6;*/   
}

#footer .prava a{
   color: #999999;   
}

#footer .lava{   
   text-align: left;
   float: left;
   color: #333333;
   padding-left: 10px;
}

#footer .prava{   
   text-align: left;
   float: right;
   color: #999999;
}


.koniec{
  clear: both;
}