* { padding: 0; margin: 0; }

body {
 font-family: Myriad, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #ffffff;
 color: black;
 text-align: center;
 background:  url(../_img/bcg.jpg) top right repeat-x;
}
/*------------------ZAKLAD-----------*/
#center{
 margin: 0px;
 width: 100%;
 padding: 0;
 text-align: center;
 background: url(../_img/bcg-bottom.jpg) bottom left repeat-x;
 border: none;
}
#in-center{
 margin: 0px auto 0px auto;
 padding: 0;
 width: 1026px;
 text-align: left;
 border: none;

}
#left-shadow{
 float: left;
 width: 50px;
 height: 600px;
 background:  url(../_img/left-shadow.jpg) top left no-repeat; 
}
#right-shadow{
 float: right;
 width: 42px;
 height: 600px;
 background:  url(../_img/right-shadow.jpg) top right no-repeat; 
}
#content{
 float: left;
 padding: 0;
 width: 925px;
}
#top{
 margin: 0px auto 0px auto;
 padding: 0;
 width: 924px;
 height: 185px;
 background:  url(../_img/top.jpg) top right no-repeat; 

}
#top-menu{
 margin: 0px auto 0px auto;
 padding: 0;
 width: 923px;
 height: 58px;
 border-left: 1px solid white; 
 border-right: 0px solid white; 
 background: url(../_img/top-menu.jpg) top left repeat-x;
}
#main{
 margin: 0px auto 10px auto;
 padding: 0;
 width: 923px;
 border-left: 1px solid white; 
 border-right: 0px solid white; 
 background: white url(../_img/right-bcg.jpg) top right repeat-y; 
}
#footer{
 margin: 0px auto 0px auto;
 padding: 0;
 width: 925px;
 height: 28px;
 background:  url(../_img/footer.jpg) top left no-repeat; 
 border: none; 
}

/*------------------VYPLNE-----------*/
.clear{
 clear: both;
 width: 200px;
 height: 0px;
 font-size: 0px;
 border: none;
}
.main-margin{
 clear: both;
 width: 400px;
 height: 5px;
 font-size: 0px;
 border: none;
}
.vyska{
    height: 200px;
    width: 100px;
    font-size: 0px;
    border: none;
}
/*------------------TOP-MENU-----------*/
.button{
 width: 149px;
 height: 25px;
 float: left;
 padding: 20px 0 0 0;
}
.button:hover{
 width: 149px;
 height:25px;
 float: left;
 padding: 20px 0 0 0;
}
.selected{
 width: 149px;
 height:25px;
 float: left;
 font-weight: bold;
 color: #678EAF;
 padding: 20px 0 0 0;
}
.button-s{
 width:92px;
 height:25px;
 float: left;
 padding: 20px 0 0 0;
 margin: 0;
 border: 0;
 
}
.button-s:hover{
 width:92px;
 height:25px;
 float: left;
 padding: 20px 0 0 0;
 margin: 0;
 border: 0;
 
}
.selected-s{
 width:92px;
 height:25px;
 float: left;
 font-weight: bold;
 color: #678EAF;
 padding: 20px 0 0 0;
 margin: 0;
 border: 0;
}
.top-menu-pipe{
 float: left;
 margin: 0px;
 padding: 0px;
 font-size: 0px;
 border: 0px solid red;
 background-color: white;
 width: 2px;
 height: 58px; 
}
.top-float{
 float: left;
 margin: 0px;
 padding: 0px;
 height: 58px;
 text-align: center; 
 border: 0px;
}
#menu1, #menu2, #menu4, #menu7, #menu8, #menu-a{
 margin: 1px 0 0 0;
 padding: 0px;
 width: 92px;
 height: 5px;
 font-size: 0px;
}
#menu3, #menu5, #menu6, #menu-b{
 margin: 1px 0 0 0;
 padding: 0px;
 width: 149px;
 height: 5px;
 font-size: 0px;
}
#menu1{background-color: #92BBDE; font-size: 0px; padding: 0px; }
#menu2{background-color: #86AED1; font-size: 0px; padding: 0px; }
#menu3{background-color: #789FC2; font-size: 0px; padding: 0px; }
#menu4{background-color: #678EAF; font-size: 0px; padding: 0px; }
#menu5{background-color: #547999; font-size: 0px; padding: 0px; }
#menu6{background-color: #436887; font-size: 0px; padding: 0px; }
#menu7{background-color: #325776; font-size: 0px; padding: 0px; }
#menu8{background-color: #254967; font-size: 0px; padding: 0px; }
#menu-a, #menu-b{background-color: #FFA507; font-size: 0px; padding: 0px; }
/*------------------RIGHT-MENU-----------*/
#left-menu{
 float: left;
 width: 180px;
 height: 32px;
 background:  url(../_img/menu-o.jpg) top right no-repeat; 
 border: none;
}
.odkazy{
 width: 170px;
 margin: 20px 0 30px 6px;
 border: none;
}

/* ------------------REKLAMA---------------*/
.reklama{
 margin: 20px 0 0 0;
 width: 180px;
 height: 97px;
 text-align: center;
}
h2.reklama_nadpis{
 color: black;
 display: block;
 width: 180px;
 margin: 0 0 10px 5px;
 float: left;
 text-align: left;
 font-size: 14px;
}
.margin-reklama{
    width: 100px;
    height: 36px;
}
.text-reklama{
 margin: 0px 0 4px 0;
 color: white;
 text-align: center;
}
.reklama a{
    margin: 0px;
    color: #082c4a;
}
.reklama a:hover{
    margin: 0px;
    color: #ff9811;
}
/*------------------MAIN-----------*/
#in-main{
 width: 740px;
 float: right;
 border: none;
 min-height: 720px;
 background:  url(../_img/nadpis-o.jpg) top center no-repeat; 
}
#in-main-left{
 float: left;
 width: 350px;
 border: none;
 margin: 0 0 0 15px;
 background:  url(../_img/nadpis-o.jpg) top left no-repeat; 
}
#in-main-right{
 float: left;
 width: 350px;
 border: none;
 margin: 0 0 0 15px;
 background:  url(../_img/nadpis-o.jpg) top right no-repeat; 
}

/*------------------SEZNAM-KATEGORII-----------*/
.box{
 float: left;
 width: 366px;
 height: 180px;
 text-align: center;
 border-bottom: 1px solid silver;
 border-right: 1px solid silver;
}
.box-h{
 width: 365px;
 height: 34px;
 border: none;
}
.img{
 float: left;
 width: 183px;
 text-align: center;
 margin: 0;
 padding: 0px;
 border: none;
 }
.img img{
 height: 100px;
 text-align: center;
 margin: 0;
 padding: 0px;
}
.fields{
 float: right;
 width: 190px;
 height: 100px;
 font-size: 12px;
 margin: 0;
 padding: 0px;
 border: none;
 text-align: right;
 font-weight: bold;
}
.fields p{
}
.desc{
 width: 180px;
 margin: 10px 5px 0 5px;
 text-align: left;
 font-weight: normal;
 
}

/*------------------DETAIL-----------*/
img {
 margin: 0px;
 padding: 0px;
}
#img{
 float: left;
 width: 320px;
}
#img img{
 width: 300px;
}
.download{
 float: left;
 width: 100px;
 margin: 10px 0 0 10px;
 text-align: center;
}
.download img{
 height: 70px;
}
.down{
 font-size: 10px;
}
.barva{
 color: black;
 font-size: 10px;
 text-align: center;
 margin: 0;
 padding: 0;
}

.nahled{
    width: 50px;
}
/*------------------FOOTER-----------*/


/*------------------NADPISY-----------*/
h1{
 margin: 9px 0 20px 20px;
 font-size: 14px;
 font-weight: normal;
}
h1.seznam{
 margin: 10px 0 0 0px;
 font-size: 12px;
 font-weight: bold;
 color: #678EAF;
}
h1.left-h1{
 margin: 9px 0 0 70px;
 font-size: 14px;
 font-weight: normal;
}
h1.podnadpis{
 margin: 15px 0 0 25px;
 font-size: 12px;
 font-weight: bold;
}

h2{
 float: right;
 color: white;
 font-size: 13px;
 width: 100px;
 background-color:transparent;
 margin: 4px 10px 0 0;
}
.kontakt{
 margin: 8px 0 16px 25px;
 font-size: 12px;
}
p{
 margin: 10px 25px 10px 25px;
 font-size: 12px;
 text-align: justify;
}
.text{
 margin: 15px 20px 16px 20px;
 font-size: 12px;
 text-align: justify;
}
.price{
 margin: 5px 5px 10px 5px;
 font-size: 12px;
 text-align: right;
 font-weight: normal;
}
.floatl{
 float: left;
 width: 180px;
 margin: 10px 10px 16px 95px;
 font-size: 12px;
 text-align: justify;
}
span{
 font-size: 10px;
}
a.neaktivni{
    float: left;
    color: silver;
    margin: 0 5px 0 5px;
}
a.neaktivni:hover{
    float: left;
    color: silver;
    margin: 0 5px 0 5px;
    text-decoration: none;
}
.red{
 color: red;
 font-weight: bold;
}

/*    AKCE   */
.akce{
   width: 720px;
   margin: 5px 0 25px 5px;
   border-bottom: 3px solid #678EAF;
   background-color: #b4c5cd;
}
.akce_nadpis{
   width: 720px;
   border-top: 2px solid #678EAF;
   border-bottom: 2px solid #678EAF;
   background-color: #e0e1e5;
}
.stred{text-align: center;}
.akce_nadpis img{margin: 0 auto 0 auto; }
.akce_left{
    float: left;
    font-size: 14px;
}
.akce_datum{
    float: right;
}

/*------------------ODKAZY-----------*/

a{
 color: black;
 text-decoration: none;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
a.administrace{
 color: #678EAF;
 text-decoration: none;
 background-color: transparent;
 margin: 0px;
 padding: 0px;
}
a:hover, a.administrace:hover{
 color: #678EAF;
 text-decoration: underline;
}
a.in-text{
 text-decoration: underline;
}
.seznam a{
 color: #678EAF;
}
.seznam a:hover{
 color: #ffa722;
 text-decoration: underline;
}
.kontakt a{
 color:  #678EAF;
}
.kontakt a:hover{
 color:  orange;
 text-decoration: underline;
}
a.odkaz-left{
 width: 100px;
 padding: 0 0 0px 20px;
 background:  url(../_img/odrazka-h.jpg) center left no-repeat; 
}
a.odkaz-left:hover {
 background:  url(../_img/odrazka.jpg) center left no-repeat; 
 color: #678EAF;
}
a.odkaz-kontakt:hover{

}
.selected-left{
 background:  url(../_img/odrazka.jpg) center left no-repeat; 
 font-weight: bold;
 color: #678EAF;
 padding: 0 0 0px 20px;
 background-color: transparent;
}
a.odkaz-kontakt{
 text-decoration: underline;
}
/*------------------ODRAZKY-----------*/
ul{
 text-align: left;
}
li{
 text-align: left;
 font-weight: normal;
}
ul.rounded-ul{
 margin: 15px 25px 10px 45px;
 width: 600px;
}
ul.rounded-ul li{
 list-style-type: square;
 margin: 0 0 10px 20px;
}
ul.rounded-ul li ul{
 list-style-type: square;
 margin: 15px 0 10px 20px;
}
ul.left{
 font-size: 12px;
}
ul.left li{
 list-style: none;
 margin: 3px 2px 10px 2px;
 border-bottom: 1px dashed;
 border-color: #DBDCE0;
}
ul.left ul li{
 list-style: none;
 margin: 3px 2px 10px 20px;
 border-bottom: 1px dashed;
 border-color: #DBDCE0;
}

ul.odkazy{
    margin: 10px 10px 10px 10px;
}
ul.odkazy li{
    list-style: square;
    margin: 10px;
    font-size: 13px;
}
/*------------------IMAGES-----------*/
.img{
 width: 70px;
 float: left;
}
.img2{
 height: 100px;
 width: auto;
 float: left;
 border: 2px solid silver;
 margin: 10px 0 20px 6px;
}
.img1{
 width: 80px;
 float: left;
 border: 2px solid silver;
}
.icons{
 height: 15px;
}
img{
 border: none;
}
.center-align{
 margin: 0 0 10px 120px;
 border: 2px solid silver;
}
.neviditelny{
 display: none;
}
/*------------------TABULKY-----------*/
table{
    
}
td{
 padding: 2px 4px 2px 4px;
 text-align: center;
 border: 1px solid silver;
 font-size: 12px;
}
td.prvni{
 text-align: center;
}
th{
 color: black;
 background-color: #678EAF;
 padding: 3px 7px 3px 7px;
 text-align: center;
 font-size: 12px;
}
tr.dark{
 color: black;
 background-color: #BBE39E;
}
table.mrizka{
 width: 100%;
}
table.mrizka td{
 border: 1px solid silver;
 padding: 2px 4px 2px 4px;
 text-align: center;
}
/*------------------FORMY-----------*/
label{
 margin: 10px 0 5px 10px;
 padding: 0px;
 font-weight: bold;
}
input{
 margin: 5px 0 15px 5px;
}
textarea{
 margin: 5px 0 15px 5px;
}
.hidden{
 display: none;
}
.form{
 float: left;
 margin: 5px 5px 5px 0;
}
/*----------------------------------LIGHT BOX-----------------------------*/
#lightbox{
 background-color:#eee;
 padding: 10px;
 border-bottom: 2px solid #666;
 border-right: 2px solid #666;
}
#lightboxDetails{
 font-size: 0.8em;
 padding-top: 0.4em;
}
#lightboxCaption{ 
 float: left;
 width: auto;
}
#keyboardMsg{ 
 float: right; 
 width: auto;
}
#closeButton{ 
 top: 5px; 
 right: 5px; 
}
#lightbox img{ 
 border: none; 
 clear: both;
}
#overlay img{ 
 border: none; 
}
#overlay{ 
background-image: url(../_img/lbox/overlay.png); 
}
* html #overlay{
 background-color: #333;
 back\ground-color: transparent;
 background-image: url(../img/lbox/blank.gif);
}