body {
  font:1em Sans, Arial, Verdana, sans-serif;
  font-size:100%;
  background-color: #cde0ed;
  background-image: url("img/bg.jpg");
  background-repeat: repeat-x;
  margin:0px;
  padding:0px;
/*  text-align:center;*/
  behavior:url(css/csshover.htc);  /*JScript pre zobrazovanie menu v starom IE*/
}

* {
  margin: 0;
  padding: 0;
}

div#main{
  width: 900px;
  margin: 19px auto 0px auto;
  text-align: left;
  position: relative;
  height: 100%;
}

div#top{
  height: 227px;
  background-image: url("img/banner.jpg");
  background-repeat: no-repeat;
}

div#present{
  width: 900px;
  /* background-color: #fff;  pozadie */
  background-image: url("img/bg_present.jpg");  /* farebny pas za menu */
}

div#info {
  width: 650px;
  float: left;
  padding: 25px;
}

div#bottom{
  height: 20px;
  background-color: #72c1f0;
  background-image: url("img/bottom-min.jpg");
  background-repeat: repeat-x;

}

div#adm {
  width: 800px;
  float: left;
  padding: 50px;
}

i{
  color: #888;
}

ul.text{
  margin: -5px 0 0 25px;
  font-size: 0.8em;
}
/* formatovanie podla MENU */
a{
  color: #000;
  text-decoration: none;
}

a:hover{
  color: #fb7e00;
  font-weight: bold;
}
/* END LINK */

a.in_text{
  color: #fb7e00;
  text-decoration: none;
}

a.in_text:hover{
  color: #fb7e00;
  font-weight: bold;
}

a.an_file{
  color: blue;
  text-decoration: underline;
  font-weight: normal;
}

a.an_file:hover{
  color: blue;
  text-decoration: underline;
  font-weight: normal;
}

p{
  font-size: .8em;
  padding: .5em;
  color: #000;
}
img{
  float: right;
  margin: 0 0 10px 10px;
  border: 0;
}  
/* img v texte, bez ramika*/
img.text_L{
  float: left;
  margin: 0px 0px 10px 10px;
  border: 0;
} 
img.text_R{
  border: 1px solid #ddd;
  padding: 2px;
  float: right;
  margin: 8px 0 15px 15px;
}

p#news_line{
  border: #b4f8fe solid;
  border-width: 0 0 1px 0;
}

b{
  font-weight: bold;
  color: #000;
}

/* *** TABLE - PONUKA *** */
#table-ponuka{
  border: 0px;
  font-size: .7em;
  margin:50px auto 10px auto;
  border-bottom: 1px #9b9b9b solid;
  border-bottom-width: thick;
}
#table-ponuka th{
  border: 0px;
  background: #cde0ed;
  border-bottom: 1px #9b9b9b solid;
  border-bottom-width: thick;
  text-align: center;
/*  font-size: .8em;
*/  color: #404040;
  padding: 3px 5px 3px 5px;
}
#table-ponuka td{
  border: 0px;
  border-bottom: 1px #9b9b9b solid;
  text-align: center;
/*  font-size: .8em;
*/  color: #404040;
  padding: 3px 5px 0px 5px;
}
#table-ponuka tr:hover td{
  background: #ddd;
  color: #000;
}

/* *** TABLE - METRAZ *** */
#table-metraz{
  font-size: 0.9em;
  margin: 0px 10px 30px 10px;
  color: #000; // farba textu
  background: #fff;
  text-align: left;
  border-collapse: collapse;
  border: 0px;
  float: left;
  width: 300px
}
#table-metraz th{
  font-size: 0.9em;
  padding: 6px 5px 3px 5px;
  text-align: left;
  color: #000;
  border: 0px;
}
#table-metraz td{
  font-size: 0.8em;
  padding: 0 7px 0 7px;
  background: #fff;
  text-align: left;
  color: #000;
  border: 0px;
}
#table-metraz tr:hover td{
  background: #e6f8fa;
  color: #000;
  border: 0px;
}

/* *** TABLE - IN_TEXT *** */
#table-in_text{
  font-size: .8em;
  margin: 10px 0px 0px 10px;
  color: #000; // farba textu
  background: #fff;
  text-align: left;
  border-collapse: collapse;
  border: 0px;
}
#table-in_text td{
  padding: 0px 0px 0px 20px;
  background: #fff;
  text-align: left;
  color: #000;
  border: 0px;
}
#table-in_text tr:hover td{
  background: #fff;
  color: #000;
  border: 0px;
}

/* *** TABLE - NEWS *** */
#table-news{
  font-size: .8em;
  margin: 25px auto 10px auto;
  color: #000; // farba textu
  bgcolor: #fff;
  text-align: left;
  border-collapse: collapse;
  border: 0px;
}
#table-news td{
  padding: 15px 15px 10px 30px;
  background: #fff;
  text-align: left;
  color: #000;
  border: 0px;
}
#table-news tr:hover td{
  background: #e6f8fa;
  color: #000;
  border: 0px;
}
/* *** END TABLE - NEWS *** */

h1{
  font-size: 1.2em;
  font-weight: bold;
}

div#present p{
  text-align: justify;
}
/*
div#present_mix p {
  text-align:left;
}
*/

#present_mix{
float:left;
padding: 20px 0 50px 20px;
width: 300px;
}

#present_mix img{
border:0 none;
float:left;
height:auto;
margin:10px 20px 0;
width:auto;
}

/* ---- present_foto --- */
div#foto_galery-R{
  width: 580px;
  margin: 25px auto 25px auto;
  background-color: #fff;
  float: left;
  clear: both;
}
div#foto_galery-L{
  width: 580px;
  margin: 25px auto 25px auto;
  background-color: #fff;
  float: left;
  clear: both;
}
/*
div#foto_galery a{
  text-decoration: none;
  border: 0px;
} 
*/ 
div#foto_galery-R img{
  padding: 8px 8px 20px 8px;
  margin: 0px 10px 0px 10px;
  border: 1px solid #ddd;
  height: auto;
  width: auto;
  background-color: #fff;
  float: right;
}
div#foto_galery-L img{
  padding: 8px 8px 20px 8px;
  margin: 0px 10px 0px 10px;
  border: 1px solid #ddd;
  height: auto;
  width: auto;
  background-color: #fff;
  float: left;
}

.block{clear: both;}


/* ---|  textove MENU  |--- */
div#menu {
  background-color: #d8e1e8;  /* farba pozadia celeho menu  vonkajsia */

  text-align: center;
  line-height: 25px;
  width: 175px;
  float: left;
  margin: 50px 0px 0px 10px;
  font-size: .8em;
  color: #000;
}
div#menu li {
  position: relative; 
  width: 130px;
}

div#menu ul li ul{
  position: absolute; 
}

div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width:130px;
}
div#menu ul li {
  height:100%;
  border-bottom:0px solid #fff; 
  position: relative; 
  float: left; 
  width:100%;
}

div#menu ul li ul li{
  width: 200px;
  margin: 0 -70px 0 0;
}
div#menu ul li ul li a{
  background:#e6f8fa;
  border-bottom:1px solid #fff; 
  width: 170px;
}

div#menu ul li a{
  display:block;
  padding: 2px 15px;
  background: #d8e1e8;  /* farba pozadia menu */
  border-bottom:1px solid #fff;  /* farba spodnej ciary menu */
}

div#menu ul li a:hover {
  font-weight: bold;
  color: #000;
  background: #e6f8fa;
  border-bottom: 1px solid #fb7e00;
  border-left: 1px solid #fb7e00;
}
div#menu ul li ul li a:hover{
  background: #def8fa;
}

div#menu ul ul {
  position: absolute;
  top: 0;
  display:none;
}

div#menu ul li:hover ul{
  display: block;
  right:200px;
}

/* *** END MENU *** */

div#end_flux{
  clear: both;
}

#matom{
}
  
#matom p{
  text-align: right;
  padding-right: 10px;
  text-decoration: none;  
}
/*  ---| LOGOUT FORM |---  */
.logout{
  text-align: center;
  padding: 20px;
}

/*  ---| ADM FORM |---  */
.cssform p label{
  text-align: left;
}
.cssform fieldset{
  font-size: .9em;
  background-color: #cde0ed;
  width: 460px;

}
.cssform p{
  text-align: left;
  background-color: #cde0ed;
  width: 300px;
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 150px;
  border-bottom: 1px dashed gray;
}
.cssform div{
  background-color: #cde0ed;
  width: 225px;
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 155px;
}

.cssform label{
  float: left;
  margin-left: -125px; /*width of left column*/
  width: 150px;
}

.cssform textarea{
  width: 250px;
  height: 150px;
}
/* --- END FORM --- */