/* CSS Document */

body{
text-align: center;
background: #444343 url(../images/pozadi.gif) repeat-x;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: black;
padding: 0px;
margin: 0px;
font-size: 12px;
}

.valign-top{
	vertical-align:top;
}

#pozadi_webu {
width: 990px;
text-align: left; 
margin: 0 auto; 
/*border: 1px solid white;  */
border-top: none;
}

#lang{
width: 960px;
height: 20px;
color: white;
text-transform: uppercase;
display: block;
text-align: right;
padding-right: 30px;
overflow: hidden;
position: relative;
background-color: black;
font-size: 10px;
}

#lang a{
color: white;
text-decoration: none;
}
#lang a:hover{
color: red;
text-decoration: underline;
}

#top{
width: 990px; 
height: 183px;
background-color: white;
background-image: url(../images/pozadi-xa.png);
background-repeat: no-repeat;
}

.logo{
display: block;
position: relative;
border: 0px;
float: left;
margin: 0px;
padding: 0px;
}

.logo img{
}




/*.telefon{
margin: 0px auto;
padding: 0px;
overflow: hidden;
width: 256px;
height: 73px;
display: block;
position: relative;
right: 300px;
margin-right: 300px;
} */


.top-mail{
float: right;
width: 72px;
height: 18px;
display: block;
background-image: url(../images/email.gif);
}

.top-home{
float: right;
width: 119px;
height: 18px;
display: block;
font-size:11px;
margin-top:3px;
color:white;
/*background-image: url(../images/home.gif);*/
}

a.top-home:hover{
color:white !important;
text-decoration:none !important;
}

#prava{
float: right;
/*border: 1px solid red;    */
width: 600px;
height: 148px;
display: block;
overflow: hidden;
}

.nonstop{
float: left;
margin-top: 85px;
position: relative;
}

.doporucte{
float: left;
margin-top: 84px;
position: relative;
}

.formular{
float: right;
margin-top: 51px;
position: relative;
width: 197px;
height: 67px;
/*border: 1px solid green; */
display: block;
overflow: hidden;
background-image: url(../images/form.gif);
background-repeat: no-repeat;
font-size: 12px;
padding-top: 30px;
}

.posun20{
padding-left: 22px;
}

.input-seda1{
color: #c0c0c0;
width: 168px;
height: 18px;
border: 1px solid #c0c0c0;
display: block;
margin-top: 3px;
}

.button{
border: none;
background: none;
float: right;
margin-top: 3px;
text-decoration: underline;
}


#menu {
  width: 990px; 
  height: 39px;
  background-image: url(../images/menu_back.gif);
  background-repeat: no-repeat;
  position: relative;
  float: left;
  margin-top: -5px;
  }



#menu a {
  display: block;
  float: left;
  height: 25px; 
  text-align: center;
  padding-top: 10px;
  color: #000000;
  text-decoration: none;
}



.butta{
margin: 0px;
padding: 0px;
width: 168px;
height: 27px;
float: left;
display: block;
overflow:hidden;
margin-left: 35px;
}

.butta:hover{
color: #ffffff !important;
background-image: url(../images/a.gif);
}

.buttb{
margin: 0px;
padding: 0px;
width: 262px;
height: 27px;
float: left;
display: block;
overflow:hidden;
}

.buttb:hover{
color: #ffffff !important;
background-image: url(../images/b.gif);
}

.buttc{
margin: 0px;
padding: 0px;
width: 112px;
height: 27px;
float: left;
display: block;
overflow:hidden;
}

.buttc:hover{
color: #ffffff !important;
background-image: url(../images/c.gif);
} 

.buttd{
margin: 0px;
padding: 0px;
width: 150px;
height: 27px;
float: left;
display: block;
overflow:hidden;
}

.buttd:hover{
color: #ffffff !important;
background-image: url(../images/d.gif);
} 

.butte{
margin: 0px;
padding: 0px;
width: 117px;
height: 27px;
float: left;
display: block;
overflow:hidden;
}

.butte:hover{
color: #ffffff !important;
background-image: url(../images/e.gif);
}

.buttf{
margin: 0px;
padding: 0px;
width: 145px;
height: 27px;
float: left;
display: block;
overflow:hidden;
}

.buttf:hover{
color: #ffffff !important;
background-image: url(../images/f.gif);
}

#menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#menu li {
  display: inline;
}


/*
.L {width: 190px; height: 30px; float: left; border-right: #ffffff dotted 1px;}
*/

#auta{
width: 990px;
height: 300px;
display: block;
border: 0px;
background-image: url(../images/auta.gif);
margin: 0px;
padding: 0px;
}

#boxy{
margin-top: 0px;
padding: 0px;
width: 990px;
display: block;
float: left;
}


.box1 a{
margin: 0px;
padding: 0px;
width: 198px;
height: 159px;
background-image: url(../images/01a.gif);
background-repeat: no-repeat;
display: block;
float: left;
border: 1px solid white;
}

.box1 div a{
font-size: 14px;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 12px;
text-align: center;
color: white;
}

.box1 div a:hover{
font-size: 14px;
text-decoration: none;
color: white;
background-image: url(../images/01b.gif);
margin: 0px;
padding: 0px;
padding-top: 12px;
text-align: center;
color: white;
}

.box2 a{
margin: 0px;
padding: 0px;
width: 198px;
height: 157px;
background-image: url(../images/02a.gif);
background-repeat: no-repeat;
display: block;
float: left;
border-bottom: 1px solid white;
border-right: 1px solid white;
border-top: 1px solid white;
}

.box2 div a{
font-size: 12px;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box2 div a:hover{
font-size: 12px;
text-decoration: none;
color: white;
background-image: url(../images/02b.gif);
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box3 a{
margin: 0px;
padding: 0px;
width: 198px;
height: 157px;
background-image: url(../images/03a.gif);
background-repeat: no-repeat;
display: block;
float: left;
border-bottom: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
}

.box3 div a{
font-size: 12px;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box3 div a:hover{
font-size: 12px;
text-decoration: none;
color: white;
background-image: url(../images/03b.gif);
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box4 a{
margin: 0px;
padding: 0px;
width: 193px;
height: 157px;
background-image: url(../images/04a.gif);
background-repeat: no-repeat;
display: block;
float: left;
border-bottom: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
}

.box4 div a{
font-size: 12px;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box4 div a:hover{
font-size: 12px;
text-decoration: none;
color: white;
background-image: url(../images/04b.gif);
margin: 0px;
padding: 0px;
padding-top: 14px;
text-align: center;
color: white;
}

.box5 a{
margin: 0px;
padding: 0px;
width: 197px;
height: 156px;
background-image: url(../images/05a.gif);
background-repeat: no-repeat;
display: block;
float: left;
border-bottom: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
}

.box5 div a{
font-size: 10px;
text-decoration: none;
margin: 0px;
padding: 0px;
padding-top: 15px;
text-align: center;
color: white;
}

.box5 div a:hover{
font-size: 10px;
/*text-decoration: underline; */
text-decoration: none;
color: white;
background-image: url(../images/05b.gif);
margin: 0px;
padding: 0px;
padding-top: 15px;
text-align: center;
color: white;
}

a {color: #001f5a;}
a:hover{}


#obsah{
/*border: 1px solid #ffffff; */
background-color: #747474;
width: 990px;
height: auto;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px; 
color: #fff;  
} 

#obsah2{
/*border: 1px solid #ffffff; */
background-color: #747474;
width: 970px;
height: auto;
margin: 0px;
padding: 10px;
color: #fff;  
}     

#leva2{
margin: 0px;
padding: 0px;
background: url(../images/pozadi_box.gif) no-repeat right;
width: 530px;
display: block;
float: left;
overflow: hidden;
min-height: 371px;
position: relative;
}

#prava2{
margin: 0px;
padding: 0px;
width: 460px;
display: block;
float: right;
overflow: hidden;
min-height: 371px;
position: relative;
}

p{
font-size: 12px;
padding-right: 15px;
text-align: justify;
}

#obsah ul li{
text-align: justify;
list-style-type: square;
padding-right: 15px;
}

#obsah2 ul{
list-style-type: square;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#obsah3 ul{
list-style-type: square;
margin: 0px;
padding: 0px 0px 0px 15px;
}


.modra{
color: #107de2;
/*font-weight: bold;*/
}

#paticka{
width: 980px; 
height: 72px;
font-size: 11px;
color: white;
background-image: url(../images/footer_back.gif);
margin: 0px auto;
padding: 0px;
padding-top: 13px;
padding-left: 10px;
text-align: left;
margin-top: -1px;
display: block;
}

#paticka-menu{
width: 990px; 
height: 20px;
font-size: 11px;
color: white;
left: 40px;
background-color: gray;
margin: 0px auto;
padding: 0px;
padding-top: 5px;
text-align: center;
margin-top: -1px;
display: block;
}

#paticka-menu a{
color: #c9c9c9;
text-decoration: none;
}

#paticka-menu a:hover{
color: white;
text-decoration: underline;
}

.posun1{
margin-top: 5px;
color: white;
}

.posun2{
margin-top: 15px;
color: white;
}

.logo2{
float: right;
margin-top: -10px;
padding-top: 0px;
}

#paticka img{
border: none;
}

#paticka a{
color: white;
}

.normal{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
color: white;
}

.normal2{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 20px;
margin-bottom: 20px;
color: white;
border-bottom: 1px dotted #dadada;
}

.normal3{
padding-left: 10px;
padding-right: 10px;
color: white;
}

.normal4{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
color: white;
font-size: 12px;
}

#obsah2 img {
  float: right;
  margin:20px;
  clear: right;
  border: 3px solid #efefef;
}

.obr-r{
float: right;
margin: 10px;
border: none; 
}

.obr-r1{
float: right;
margin: 10px;
border: 2px solid white; 
}

.obr-L1{
float: left;
margin: 10px;
border: 2px solid white; 
}

.obr-normal{
margin: 10px;
border: 2px solid white; 
}

.posun10{
margin-left: 10px;
}

#banner1 img{
border: none;
margin-top: 10px;
margin-right: 10px;
padding: 0px;
}

#top img{
border: none;
}

.posun1a{
width:  100%;
height: 34px;
display: block;
overflow: hidden;
position: relative;
}

.oram1{
padding: 10px;
display: block;
border: 1px dotted #dadada;
background-color: #8d8c8c;
}

.oram3{
margin-top: 10px;
padding: 10px;
display: block;
border: 1px dotted #dadada;
background-color: #8d8c8c;
}

h1{
color: white;
padding: 0px;
margin: 0px
font-size: 16px;
font-family: Verdana;
padding-left: 10px;
}

h1 a{
color: white;
text-decoration:none;
}

#obsah2 h1{
color: white;
padding: 0px;
margin: 0px
font-size: 16px;
font-family: Verdana;
padding: 3px 0px 0px 30px;
}

h2{
color: white;
font-size: 14px;
}

.male16{
padding-left: 30px;
padding-top: 3px;
font-size: 16px;
font-family: Verdana;
background-image: url(../images/logo_small_x.png);
background-repeat: no-repeat;
height: 25px;
margin-left: 10px;
}

.male14{
padding: 0px;
margin: 0px
font-size: 14px;
font-family: Verdana;
padding-left: 30px;
padding-top: 3px;
font-weight: normal;
background-image: url(../images/logo_small_x.png);
background-repeat: no-repeat;
height: 25px;
margin-left: 10px;
}

#lista{
padding-top: 20px;
padding-bottom: 20px;
color: gray;
text-align: center;
font-size: 10px;
}

#lista a{
color: gray;
text-decoration: none;
}

#lista a:hover{
color: white;
text-decoration: underline;
}

.banner{
width: 970px;
height: 125px;
padding: 0px;
margin: 10px;
display: block;
overflow: hidden;
border: 1px solid red;
background-color: #dadada;
}
.banner img{
border: 0px;
}

.horni1{
font-weight: bold;
margin-left: 10px;
padding-top: 10px;
}

.oram2{
width: 230px;
height: 171px;
display: block;
overflow : hidden;
padding-left: 10px;
margin-top: 32px;
margin-left: 10px;
border: 1px dotted #dadada;
background-color: #8d8c8c;
}

.oram2 p{
font-size: 11px !important;
}

.telefon1{
/*color: black;  */
font-weight: bold;
font-size: 14px;
}

.mini1{
font-size: 11px !important;
}

.leva2{
width: 550px;
display: block;
float: left;
position: relative;
border-right: 1px dotted #dadada;
/*background-image: url(../images/pozadi2.gif);
background-repeat: no-repeat;   */
}
.prava2{
float: right;
display: block;
position: relative;
width: 400px;
}

.leva1a{
float: left;
}

.obrazek1 img{
margin: 0px;
padding: 0px;
float: left;
position: relative;
display: block;
border: 1px solid #efefef;
margin-right: 10px;
margin-bottom: 10px;
}

.obrazek1 img:hover{
border: 1px solid black;
}

.obrazek2{
left: 10px;
}

#obsah3{
/*border: 1px solid #ffffff; */
background-color: #747474;
width: 970px;
height: auto;
margin: 0px;
padding: 10px;
color: #fff;  
}

.tmaveseda:hover{
color: black;
}     

.tmaveseda{
color: white;
}

.bila1{
color: white;
text-decoration: none;
}

.bila1:hover{
color: black;
text-decoration: underline;
}

.boxbila1 .levastrana1 img{
margin: 0px;
padding: 0px;
float: left !important;
position: relative;
clear: both;
}

.boxbila1{
float: left;
display: block;
overflow: hidden;
position: relative;
width: 450px;
height: 235px;
background-color: #8d8c8c;
border: 1px dotted #dadada;
margin-left: 10px;
margin-top: 10px;
}

.boxbila2{
float: left;
display: block;
overflow: hidden;
position: relative;
width: 450px;
padding-bottom: 15px;
background-color: #8d8c8c;
border: 1px dotted #dadada;
margin-left: 10px;
margin-top: 10px;
padding-top: 0px;
}

.small2x{
font-size: 11px;
font-weight: bold;
/*text-decoration: underline;  */
color: black;
text-align: left;
}


.boxbila2 img{
border: 2px solid #fefefe;
}

.bila{
color: white;
}

.oram3x{
clear: both;
margin: 10px;
display: block;
padding: 10px;
border: 1px dotted #fefefe;
font-weight: bold;
font-size: 11px;
background-color: #444343;
position: relative;
top: 15px;
}

.levastrana1{
display: block;
left: 0px;
position: absolute;
padding: 0px;
margin: 0px;
overflow: hidden;
float: left;
}


.levastrana2{
display: block;
left: 10px;
position: absolute;
padding: 10px;
margin: 0px;
}

.rozmery1a{
width: 204px;
display: block;
border: 1px dotted #dadada;
padding: 10px;
font-size: 11px;
margin-top: 114px;
margin-left: 20px;
float: left;
}

.tablemini2{
position: absolute;
left: 140px;
display: block;
}

.boxseda1{
float: left;
display: block;
overflow: hidden;
position: relative;
width: 600px;
height: 250px;
background-color: #8d8c8c;
/*border: 1px dotted #dadada; */
margin-left: 10px;
margin-top: 10px;
}

.boxprava1{
float: right;
width: 280px;
display: block;
border: 1px dotted #dadada;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-top: 10px;
margin-right: 20px;
}

.levastrana2{
float: left;
/*border: 1px solid red;*/
display: block;
}

.pravastrana2{
padding-top: 10px;
float: right;
width: 340px;
display: block;
}
.pravastrana3{
padding-top: 10px;
padding-right: 10px;
float: right;
width: 250px;
display: block;
}

.span1{
margin-left: 0px;
padding-top: 5px;
width: 270px;
padding-left: 10px;
border-bottom: 1px dotted #dadada;
height: 25px;
display: block;
font-weight: normal;
}

.span2{
margin-right: 10px;
padding-top: 5px;
float: right;
width: 120px;
padding-left: 0px;
border-bottom: 1px dotted #dadada;
height: 25px;
display: block;
font-weight: bold;
}

.oram_mini{
margin-top: 10px;
margin-left: 25px;
margin-right: 10px;
position: relative;
float: right;
width: 310px;
height: 30px;
display: block;
padding: 10px; 
background-color: #afafaf;
border: 1px solid white;
font-weight: bold;
}


.oram_mini2{
margin-top: 10px;
margin-left: 25px;
margin-right: 10px;
position: relative;
float: right;
width: 310px;
height: 15px;
display: block;
padding: 10px; 
background-color: #afafaf;
border: 1px solid white;
font-weight: bold;
}

.clear{
clear: both;
}

.boxprava1 li{
margin-left: 10px;
}

.table1a{
margin-left: 10px;
width: 600px;
border: 1px solid #000000;
border-collapse: collapse;
}

.table1a td{
padding-left: 5px;
}

.table-header{
background-color: black;
padding-left: 10px;
height: 30px;
width: 600px;
font-weight: bold;
}

.tr-odd{
background-color: #727272/*#989797*/;
}
.tr-even{
background-color: #676666;
}

.bold1{
font-weight: bold;
color: #fefefe;
}

.table1b{
margin-left: 10px;
width: 950px;
border: 1px solid #000000;
border-collapse: collapse;
}

.table1b td{
padding-left: 5px;
}

.oram_mini3{
margin-top: 30px;
display: block;
padding: 10px; 
background-color: #676666;
border: 1px solid gray;
font-weight: bold;
font-size: 13px;
text-align: center;
}

.oram_mini4{
width: 700px;
margin-left: 10px;
margin-top: 30px;
display: block;
padding: 10px; 
background-color: #676666;
border: 1px solid gray;
font-weight: bold;
font-size: 13px;
text-align: center;
}

.big1{
font-size: 14px;
text-decoration: underline;
}

.big1a{
font-size: 12px;
text-decoration: underline;
color: white;
}

.prava1a{
float: right;
border: 2px solid #fefefe;
}

#home2{
position: absolute;
display: block;
overflow: hidden;
}

#home2 a{
width: 33px;
height: 25px;
}

#home2 a:hover{
width: 33px;
height: 25px;
background-image: url(../images/menu2.gif);
}

#div_formular{
margin: 0px auto;
width: 500px;
display: block;
padding: 30px;
background-color: #808080;
}

.form1a{
margin-left:10px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px dotted white;
display: block;
overflow: hidden;
}

.form1b{
margin-left:10px;
padding-top: 10px;
padding-bottom: 5px;
border-top: 1px dotted white;
border-bottom: 1px dotted white;
display: block;
overflow: hidden;
}

.form2a{
float: right;
}
 
.form4a{
width: 270px;
}

.form5a{
margin-left: 170px;
}

.form-radek1{
padding-top: 10px;
padding-bottom: 5px;
display: block;
}

input {
margin: 0px;
padding: 0px;
}

#leva2 a{
color: white;
font-weight: bold;
}

/* kalendar v popup okne **********************/
.date-sel-image { 
   cursor: pointer;
   position: relative;
}
.date-sel-div {
   width: 170px;
   position: absolute;
   padding:10px;
   border: 1px solid #3a4b14;
   background: #f5f5f5;
} 
.date-sel-div table td { 
   cursor: pointer;
   text-align: center;
   width: 15px;
   height: 15px;
   background: #e4e4e4;
   border: 1px solid #999999;
}
.date-sel-div table td.date-today {
   background: white;
}
.date-sel-div .topselect { 
   height: 22px;
   display: block;
   position: relative;
   left:2px;
}
.date-sel-div .topselect select {
   font-size: 1em;
   margin-right: 8px;
   float: left;
}
.date-sel-div .date-year,
.date-sel-div .date-direct,
.date-sel-div .date-direct-over,
.date-sel-div .date-year-over,
.date-sel-div .close-button,
.date-sel-div .close-button-over {
   cursor:pointer;
   text-align: center;
   width: 13px;
   padding-bottom: 2px;
   display: block;
   float: left;
   background:#e4e4e4;
   border: 1px solid #999999;
}
.date-sel-div .date-direct,
.date-sel-div .date-direct-over {
   float: none;
   margin-left: 50px;
   margin-right: auto;
   text-align: center;
   width: 70px;
}
.date-sel-div .close-button,
.date-sel-div .close-button-over {
   z-index: 101;
   position: absolute;
   top: 3px;
   height: 13px;
   left: 172px;
}
.date-sel-div .year-text { 
   float:left;
   text-align: center;
   padding-top:2px;
}