body { margin: 0 padding: 0; background: #FFFFFF url(../images/background-line.jpg) repeat-x; font-size: 100%; font: normal 1em "Arial", sans-serif; color: #000000; }
div, p, form, table, label, ul, ol, li { margin: 0; padding: 0; }

/* and override for admin */
.admin-content div,
.admin-content p,
.admin-content form,
.admin-content table,
.admin-content label,
.admin-content ul,
.admin-content ol,
.admin-content li { margin: 10px; }

a        { color: #999999; text-decoration: underline; }
a:hover  { color: #FE7E00; text-decoration: underline; }
a:active { color: #000000; text-decoration: none; }
h1, h2, h3, h4, h5, p, ul, ol { margin: 0 0 1em; }
.clear { clear: both; float: none; }
.hidden { display: none; }

/* web */
#hlavni { width: 980px; margin: 0 auto; }

/* hlavicka */
#hlavni .hlavicka  { color: #000000; font-size: 70%; height: 106px; =height: 100px; }
#hlavni .hlavicka .col1 { width: 490px; float: left; text-align: left;}

div#hlavni h1#logo { position: absolute; width: 201px; height: 65px; overflow: hidden; top: 45px; margin-left: 80px; }
div#hlavni h1#logo-2 { position: absolute; width: 201px; height: 65px; overflow: hidden; top: 45px; margin-left: 166px; }

#hlavni .hlavicka .col2 { width: 490px; float: right; text-align: left; }

div#hlavni { /* */ }

div#hlavni #jazykoveverze { position: absolute; margin-left: 447px; =margin-left: 443px; top: 40px; }
div#hlavni #jazykoveverze { list-style-type: none; }
div#hlavni #jazykoveverze li { width: 20px; float: left; }

div#hlavni #login { /* */ }
div#hlavni #login .login-text { width: 32px; height: 22px; border: none; background: transparent url(../images/login-text.jpg) no-repeat; position: absolute; margin-left: 145px; &margin-left: 140px; _margin-left: 150px; top: 65px;  }
div#hlavni #login .email { color: #999999; width: 94px; padding: 3px; height: 20px; border: none; background: transparent url(../images/form-email.gif) no-repeat; overflow: hidden; position: absolute; margin-left: 180px; _margin-left: 190px; top: 65px; }
div#hlavni #login .password {  color: #999999; width: 94px; padding: 3px; height: 20px; border: none; background: transparent url(../images/form-password.gif) no-repeat; overflow: hidden; position: absolute; margin-left: 285px; _margin-left: 295px; top: 65px; }
div#hlavni #login .passwordcz {  color: #999999; width: 94px; padding: 3px; height: 20px; border: none; background: transparent url(../images/form-heslo.gif) no-repeat; overflow: hidden; position: absolute; margin-left: 285px; _margin-left: 295px; top: 65px; }
div#hlavni #login .labelpos50 { background-position: 50% 0 !important; }
div#hlavni #login .labelpos100 { background-position: 100% 0 !important; }

div#hlavni #login .emailform { width: 90px; font-size: 98%; padding: 3px; padding-top:4px; height: 20px; border: none; background: transparent; position: absolute; margin-left: 180px; _margin-left: 190px; top: 65px; }
div#hlavni #login .passwordform { width: 90px; font-size: 98%; padding: 3px; padding-top:4px; height: 20px; border: none; background: transparent; position: absolute; margin-left: 285px; _margin-left: 295px; top: 65px; }
div#hlavni #login .button { width: 90px; height: 22px; border: none; position: absolute; margin-left: 391px; _margin-left: 400px; top: 64px; background: transparent url(../images/login-en.gif) no-repeat; overflow: hidden;  }
div#hlavni #login .buttoncz { width: 90px; height: 22px; border: none; position: absolute; margin-left: 391px; _margin-left: 400px; top: 64px; background: transparent url(../images/login-cz.gif) no-repeat; overflow: hidden;  }
div#hlavni #login fieldset { border: none; }
div#hlavni #login legend { display: none; }
div#hlavni #login label span { display: none; }

/* obsah */
div#hlavni #flashhp { /* */ }
div#hlavni .platba { height: 50px; margin-top: 0px; float: right; }
div#hlavni .platba a { text-decoration: none; }
div#hlavni .platba .platbabutton { width: 110px; height: 24px; background: transparent url(../images/pay-en.gif) no-repeat 0 0; overflow: hidden; display: block; }
div#hlavni .platba .platbabuttoncz { width: 110px; height: 24px; background: transparent url(../images/pay-cz.gif) no-repeat 0 0; overflow: hidden; display: block; }
div#hlavni .platba .labelpos50 { background-position: 50% 0 !important; }
div#hlavni .platba .labelpos100 { background-position: 50% 0 !important; }

div#hlavni .err { border: 1px #999999 solid; line-height: 30px; font-size: 80%; margin-bottom: 15px; padding: 5px;  }

div#hlavni #promo { width: 980px; height: 100px; background: #FFFFFF url(../images/promo-line.jpg) repeat-x; }
div#hlavni #promo .col1 { width: 490px; height: 100px; overflow: hidden; float: left; background: transparent url(../images/promo-edge-left.jpg) no-repeat left bottom; }
div#hlavni #promo .col1 h2 { font-size: 16px; color: #F07F00; margin: 15px 5px 5px 15px; }
div#hlavni #promo .col1 p { font-size: 13px; color: #666666; margin: 5px 5px 5px 15px;}
div#hlavni #promo .col1 h2 a,
div#hlavni #promo .col1 h2 a:hover { font-size: 16px; color: #F07F00; }

div#hlavni #promo .col2 { width: 490px; height: 100px; float: right;  background: transparent url(../images/promo-edge-right.jpg) no-repeat right bottom;  }
div#hlavni #promo .col2 .imagebox { width: 480px; height: 80px; overflow: hidden; position: relative; top: 10px; left: 3px; }
div#hlavni #promo .col2 .shadowbox { display: block; width: 480px; height: 80px; overflow: hidden; background: transparent url(../images/roh-bil.png) no-repeat; position: absolute; }

/*
div#hlavni #promo .col2 .shadowbox { width: 469px; height: 93px; overflow: hidden; background: transparent url(../images/shadow-box.png) no-repeat; position: absolute; }
div#hlavni #promo .col2 .edgebutright { width: 6px; height: 6px; background: transparent url(../images/edge-bottom-right.png) no-repeat; position: absolute; margin: 1px 0 0 484px; font-size: 0px; }
*/
div#hlavni #promovideo { width: 980px; height: 100px; background: #000000 url(../images/promovideo-line.jpg) repeat-x; }
div#hlavni #promovideo .col1 { width: 490px; height: 100px; overflow: hidden; float: left; background: transparent url(../images/promovideo-edge-left.jpg) no-repeat left bottom; }
div#hlavni #promovideo .col1 h2 { font-size: 16px; color: #F07F00; margin: 15px 5px 5px 15px; }
div#hlavni #promovideo .col1 p { font-size: 13px; color: #666666; margin: 5px 5px 5px 15px;}

div#hlavni #promovideo .col2 { width: 490px; height: 100px; float: right;  background: transparent url(../images/promovideo-edge-right.jpg) no-repeat right bottom;  }
div#hlavni #promovideo .col2 .imagebox { width: 480px; height: 80px; overflow: hidden; position: relative; top: 10px; left: 3px; }
/*div#hlavni #promovideo .col2 .shadowbox { width: 469px; height: 93px; overflow: hidden; background: transparent url(../images/shadow-box.png) no-repeat; position: absolute; }*/
div#hlavni #promovideo .col2 .shadowbox { width: 480px; height: 80px; overflow: hidden; background: transparent url(../images/button-ram.png) no-repeat; position: absolute; }
div#hlavni #promovideo .col2 .edgebutright { width: 6px; height: 6px; background: transparent url(../images/edge-bottom-right.png) no-repeat; position: absolute; margin: 1px 0 0 484px; font-size: 0px; }


/* platba */
div#hlavni .platba-form {margin-top: 30px; width: 580px; margin-left: 290px;}
div#hlavni .platba-result {margin-top: 30px; margin-left: 245px; width: 600px}
div#hlavni .platba-amount {width: 180px; margin-bottom: 19px; float: left;}
div#hlavni .platba-description {width: 180px; margin-bottom: 19px; overflow:hidden; float: left; font-family: arial;}
div#hlavni .platba-label {text-align: left; margin-left: 6px; font-size: 8pt;}

/* paticka */
#hlavni .paticka  { color: #999999; font-size: 70%; }
#hlavni .paticka .col1 { width: 490px; float: left; text-align: left;}
#hlavni .paticka .col2 { width: 490px; float: right; text-align: right;}
#hlavni .paticka .col2 a { color: #999999; text-decoration: underline; }
#hlavni .paticka .col2 a:hover { color: #FE7E00; text-decoration: none; }
#hlavni .paticka .col2 a:active { color: #000000; text-decoration: none; }

/* admin */
.admin-content { background-color: white; width: 100%; border: 1px solid black; font-size: 90%; }
#hlavni .obsah .admin-menu { height: 25px; display: block; border-bottom: 1px solid black; margin: 0; padding: 0; }
.admin-menu a { display: block; margin: 0; padding: 5px 20px; border-right: 1px solid black; float: left; font-size: 90%; height: 15px; }

/* admin login */
#admin-login { text-align: center; }

/* Admin content styles */
.admin-content input, .admin-content textarea { border: 1px solid black; }
.admin-content label { margin: 0; }
.admin-content table.users { width: 95%; }
.admin-content table.users td {  border-bottom: 1px solid black; padding: 2px; }

#video-up { text-align: center; }

/* belda css */

.content { height: 436px;}
.content-fg { height: 436px; width: 840px; _width: 850px;}
.content-fd { height: 436px; width: 840px; _width: 850px; margin: 0 auto;}

  /* fotogalerie */
.content-fg .galerie { width: 190px; height: 150px; float: left; position: relative; background: transparent url(../images/bottom-galerie.png) no-repeat center bottom; margin: 10px;  }
.content-fg .galerie span { position: absolute; left: 0; top: 0; height: 9px;}
.content-fg .galerie span img { position: absolute; left: 0; top: 0; height: 9px; }
.content-fg .galerie p { margin: 10px 0 0 20px; font-size: 13px; font-weight: bold; color: #ffffff; width: 155px; height: 36px; overflow: hidden; }
.content-fg .galerie a { font-size: 13px; font-weight: bold;  }
.content-fg .galerie a:hover {} 

  /* foto */
.content-fd img { border: 0;}
.content-fd .foto { width: 190px; height: 120px; float: left; position: relative; margin: 10px;  border: 0;  }
.content-fd .foto span { position: absolute; left: 0; top: 0; z-index: 2;  border: 0; width: 190px; height: 120px;  }
.content-fd .foto span { position: absolute; left: 0; top: 0; z-index: 2;  border: 0;  }
.content-fd .foto span img { position: absolute; left: 0; top: 0; z-index: 1; border: 0; }
.content-fd .foto a { height: 190px; height: 120px; display: block; z-index: 5; border: 0; }
.content-fg .foto a:hover { border: 0; } 
.content-fd .foto span a { border: 0; } 
.content-fd .foto span a:hover { border: 0; } 
.content-fd .foto span.rad-1 { background: transparent url(/images/foto-1.png) no-repeat left top; }
.content-fd .foto span.rad-2 { background: transparent url(/images/foto-2.png) no-repeat left top;}
.content-fd .foto span.rad-3 { background: transparent url(/images/foto-3.png) no-repeat left top;}

  /* strankovani */
.pages { text-align: center; font-weight: bold; /*margin-top: 30px;*/ height: 30px; line-height: 22px;}
.pages p { color: #7f7f7f; font-size: 14px; display: block; line-height: 22px; margin: 0; }
.pages a  { margin: 0 7px 0 7px; text-decoration: none; color: #7f7f7f; width: 22px; height: 22px; border: 0;  }
.pages a:hover  { color: #ffffff; border: 0; }
.pages .prew img,
.pages .next img { margin: 0 0 -6px 0; =margin: 0 0 -9px 0; border: 0; }
.pages a.active { width: 22px; =height: 25px; background: transparent url(../images/ctverec-oran.jpg) no-repeat center; padding: 8px;  }
.pages a:hover.active { color: #7f7f7f;}

/* konec belda css */

div.end { font-size: 11px;  margin-top:15px; margin-bottom: 30px; color: #999999; }
div.end .col1 { width: 150px; float: left; }
div.end .col1 a { color: #999999; text-decoration: none; }
div.end .col1 a:hover { color: #000000; text-decoration: none; }
div.end .col1 img { position: absolute; margin-top: -5px; }

div.end .col1_paticka { width: 150px; float: left; }
div.end .col1_paticka img { position: absolute; margin-top: -5px; }
div.end .col1_paticka a { color: #999999; text-decoration: none;}
div.end .col1_paticka a:hover { color: #FFFFFF; text-decoration: none; }

div.end .col2 { width: 641px; float: left; font-size: 11px; text-align: center; color: #646464; }
div.end .col2 ul { width: 600px; margin: 0 auto; }
div.end .col2 li { float:left; margin-left: 20px; list-style: none outside url(../images/menu.gif); padding-left: 5px; }
div.end .col2 .first { margin-left: 0px; list-style: none; }
div.end .col2 a { color: #464646; }
div.end .col2 a:hover { color: #000000; }

div.end .col2_paticka { width: 641px; float: left; font-size: 11px; text-align: center; color: #646464; }
div.end .col2_paticka ul { width: 559px; margin: 0 auto; }
div.end .col2_paticka li { float:left; margin-left: 20px; list-style: none outside url(../images/menu.gif); padding-left: 5px; }
div.end .col2_paticka .first { margin-left: 0px; list-style: none; }
div.end .col2_paticka a { color: #999999; }
div.end .col2_paticka a:hover { color: #FFFFFF; }

div.end .col3 { width: 150px; float: right; text-align: right;}