body{
background: rgb(0,0,0) url(../mages/uvod.png) no-repeat center;
text-align:center;
font-family: Arial;
overflow-y: auto;
}

#default{
width:1200px;
height:700px; 
position:relative;
text-align:center;
background:  url(../images/uvodni-stranka-nova.png) no-repeat top center;
z-index:100
}

#defaultold{
width:1200px;
height:700px; 
position:relative;
text-align:center;
background:  url(../mages/cedule.png) repeat;
z-index:100
}
#fot{
 visibility:hidden;
}
#overlay{
	position: absolute;
      visibility:hidden;	top: 0;
	left: 0;
	z-index: 3330;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
#overlay1{
	position: absolute;
      visibility:hidden;	top: 0;
	left: 0;
	z-index: 3001;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

.shadow{
border:0px solid silver;
font:10pt arial;
position:relative;
display:inline-block;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10);
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}
   .tabulka {

      visibility:hidden;
      position:absolute;
      z-index: 6990;
      left:150px;
      top:50px;
background: transparent url(../mages/pozadinove.png) repeat;      border-width:0px;
      border-color:#0000ff;
      border-style:solid;
      width:900px;
      height: 600px;
      font-size: 12px ;
overflow: hidden;
white-space: nowrap;
    }
   #hlava{
   float:left;
      width:auto;
      background-color:darkblue;
      color:white;
      height: 18px;
      border-width:0px;

    }
   #kriz{
   float:right;
      background-color:white;
      color:black;
      margin:-14px 160px 0 0;
      padding:5px;
      text-align:center;
      cursor: hand;
      cursor: pointer;
      width:auto;
      border-width:0px;
position:relative;
 z-index: 3200;
   }

#main_left{
float:left;
width:350px;
height:417px;
position:relative;
margin:35px 0px 0px 20px;visibility: hidden;
background: transparent url(../mages/fotouvod1.png)  no-repeat;
overflow: hidden;
white-space: nowrap;
}

#main_cely{
float:right;
width:700px;
height:380px;
position:relative;
 z-index: 2200;
margin:185px 150px 0px 30px;
border:0px black dotted;
background: transparent url(../mages/menuholkytilka.png) no-repeat;
}

#main_center{
float:left;
width:200px;
height:346px;
position:relative;
 z-index: 2200;
margin:90px 50px 0px -20px;

background: transparent url(../mages/menuholkytilka.png) no-repeat;
}

#main_right{
float:left;
width:415px;
height:380px; 
position:relative;visibility: hidden;
 z-index: 2200;
margin:40px 0px 0px 20px;
background: transparent url(../mages/holky/baloon.png)  no-repeat;

overflow: hidden;
white-space: nowrap;
}

#main_vrstvah{
float:left;
width:1037px;
height:331px; 
position:relative;
 z-index: 2100;
margin:-165px 0px 0px 153px;
background: transparent url(../mages/menuvrstva.png) bottom right no-repeat;
/*filter:alpha(Opacity=10);
opacity:0.1; /*firefox 1.5 opacity*/
/*-moz-opacity:0.1; /*mozilla opacity*/
/*-khtml-opacity:0.1; /*opacity*/

}

#main_vrstvak{
float:left;
width:1037px;
height:331px; 
position:relative;
 z-index: 2100;
margin:-120px 0px 0px 130px;
background: transparent url(../mages/menuvrstva.png) bottom right no-repeat;
/*filter:alpha(Opacity=10);
opacity:0.1; /*firefox 1.5 opacity*/
/*-moz-opacity:0.1; /*mozilla opacity*/
/*-khtml-opacity:0.1; /*opacity*/

}

.main_slide{
float:left;
background: transparent url(ovinky.png) top right no-repeat;
width: 260px; 
height: 490px; 
margin:20px 0px 0 0;
}

.demo{
border: 0px dotted black;
background: rgb(208,207,207) url(ovinky.png) top right no-repeat; 
width: 260px; 
height: 490px;
position: absolute;
font-family: Verdana, Arial;
font-size: 12px;
text-align: center;
/*filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;*/
}
a{ 
   text-decoration: none;
   color:rgb(222,0,19);
}
a :hover{ 
   color:#b11619;
   text-decoration: underline;
}
area{ 
cursor:pointer;
}

img{
border: 0px none;
padding: 0px;
margin: 0px; 
}
h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: rgb(0,0,0);
  font-size:9px;
font-weight: lighter;
  font-family: arial;
}
h2 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: rgb(255,255,255);
  font-size:9px;
font-weight: lighter;
  font-family: arial;
}
h7 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: rgb(0,0,0);
  font-size:11px;

  font-weight: lighter;
}

h6 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: rgb(222,0,19);
  font-size:11px;

  font-weight: lighter;
}

h5 {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: rgb(222,0,19) ;
  font-size:11px;

  font-weight: lighter;
}

.form {
width:250px;
height: 15px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px inset rgb(222,0,19);
   white-space:nowrap;
   text-decoration: none;
   text-align: left;
   color:rgb(222,0,19);
padding:2px 2px 0px 2px;
background: transparent;
/*	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
}

.form1 {
width:250px;
height: 61px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid rgb(222,0,19);
   text-decoration: none;
   text-align: left;
   color:rgb(222,0,19);
padding:2px 2px 0px 2px;
background: transparent;
overflow-y: auto;
/*	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
   }
   
.form2 {
   height: 18px;
   font: normal 11px Tahoma, Arial, Verdana, sans-serif;
   border: 1px solid rgb(222,0,19);
   text-decoration: none;
   text-align: left;
   color:rgb(222,0,19);
padding:0px 0px 0px 0px;
background: transparent;

/*	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
   }

.button {
height: 21px;
   font-size: 9px ;
   border: 1px solid rgb(222,0,19);
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
   color:rgb(222,0,19);
margin-top:10px;
background: transparent;
   }

.button:hover {
height: 21px;
   font-size: 9px ;
   color:white;
   border: 1px solid rgb(249,232,238);
   white-space:nowrap;
   text-decoration: none;
   text-align: center;
background: rgb(222,0,19);
   }

#myController span{
color:#000;
background:transparent;
margin-right:0px;
cursor:pointer;
}

#jFlowSlide{
border:0px solid #F00;
}

#myController span.jFlowSelected {
background:#F00;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

