/* CSS Document */

html, body, p, h1, h2, h3, h4, table, div, span, strong, ul, li,img {
  margin: 0;padding: 0;border: 0;
}

body {
  background-color: #FFF;
  text-align: center;
  font-family: 'Arial', sans-serif;
}


/* default values */

a {
  font: bold 1em 'Arial';
  color: #999;
  text-decoration: underline;
}
a:hover { color: #8CC63E; }

ul, table { 
  padding: 10px 15px;
  font: normal 0.7em 'Arial';
  color: #555;
}
ul { list-style-type: none; }

th {
  background-color: #DDD;
  color: #333;
  border-bottom: 1px solid #999;
}

b { color: #666; }

tr.odd { background-color: #FAFAFA; }
tr.even { background-color: #FFF; }

/* *********************  intro  *********************** */


#intro_box {

  position: relative;

  width: 850px;

  height: 400px;

  margin: 90px auto;

  text-align: left;

}


#intro_img {

  float: right;

  width: 280px;

  height: 366px;

  color: #FFFFFF;
  background: url('../img/intro_img_text_bg.gif') top right #FFF no-repeat;

}



a#enter2 {

  
  font: bold 11px 'Trebuchet MS';

    color: #bababa;
 
   text-decoration: none;

}


a#enter2:hover {

  text-decoration: none;
    color: #888;
}


a#enter {

  position: relative;

  width: 49px;

  height: 90px;

  
margin: 20px 0 0 80px;

  
  display: block;

  background: url('../img/enter_the_page.gif') top center #FFF no-repeat;

  
  font: bold 11px 'Trebuchet MS';

  color: #AAA;
 
  text-decoration: none;

}


a#enter:hover {

  background-position: bottom;

  text-decoration: underline;

}


a#enter span{margin-top: 70px;float:left;padding-left: 1px;}

#intro_text {
  position: absolute;
  top: 200px;
  left: 275px;
  width: 250px;
  height: 150px;
}

#intro_text h1 {
  font: bold 12px 'Arial';
  width: 100%;
  text-align: right;
  text-transform: uppercase;
}

#intro_text p {
  font: normal 12px 'Arial';
  text-align: justify;
  color: #666; 
}



/* *******************  hlavni stranka  ************************* */

#box {
  position: relative;
  width: 950px;
  height: 500px;
  min-height: 500px;
  margin: 0px auto; /* bylo 20 */
  text-align: left;
}
body[class] #box { height: auto;}



/* *******************  hlavicka  ************************* */

#header {
  position: relative;
  width: 100%;
  height: 200px;
}
#header #logo { padding: 5px 50px; } /*bylo 30 50 */
#header #header_right_menu {
  position: absolute;
  right: 20px;
  top: 70px; /*bylo 90 */
  width: 180px;
  text-align: right;
}

#header #header_right_menu a{
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  color: #AAA;
  text-decoration: none;
  height: 18px;
}
#header #header_right_menu a:hover { color: #8CC63E;  text-decoration: underline; }
#header #header_right_menu img {  }

#header #header_right_menu a.lang {
  display: inline;
  font: bold 0.8em 'Arial';
}
#header #header_right_menu a.lang_active {
  display: inline;
  text-transform: uppercase;
  font: bold 1em 'Arial';
  color: #000;
}
#header #header_right_menu a.lang:hover { color: #666; }

#main_img {
  float: right;
  width: 252px;
  height: 366px;
}



/* ********  menu  ********* */

#menu {
  position: absolute;
  top: 75px; /*bylo 100 */
  left: 290px;
}

#menu ul {list-style-type: none;}
#menu li { float: left; display: inline; height: 47px; width: auto;}

.menuitem {
  display: block;
  background-position: 0 0px;
  height: 47px;
  text-decoration: none;
  background-repeat: no-repeat;
  z-index:90;
  
}

.menuitem span { visibility: hidden;font-size: 0.2em; }

#menuitem1 { background-image: url('../img/menu_1.gif'); width: 35px; }
#menuitem2 { background-image: url('../img/menu_2.gif'); width: 37px; }
#menuitem3 { background-image: url('../img/menu_3.gif'); width: 36px; }
#menuitem4 { background-image: url('../img/menu_4.gif'); width: 36px; }
#menuitem5 { background-image: url('../img/menu_5.gif'); width: 64px; }
#menuitem6 { background-image: url('../img/menu_6.gif'); width: 42px; }

#btw_menuitem1 { display: block; height: 47px; width: 30px; }
#btw_menuitem2 { display: block; height: 47px; width: 30px; }
#btw_menuitem3 { display: block; height: 47px; width: 36px; }
#btw_menuitem4 { display: block; height: 47px; width: 29px; }
#btw_menuitem5 { display: block; height: 47px; width: 36px; }

.menuitem:hover {background-position: 0 -47px; }



/* *******************  levy panel - info boxy  ************************* */

#left_panel {
  float: left;
  position: relative;
  width: 300px;
  height: auto;
}

.info_box_border {
  position: relative;
  top: -15px; /* bylo 10 */
  left: 0px;  /* bylo 10 */
  width: 210px;
  padding: 10px;
  clear: right;
}
.info_box_border h3{
  font: bold 1em 'Arial';
  color: #AAA;
  line-height: 1.2em;
  padding-left: 30px;
}

.info_box_border a.link{
  float: right;
  font: bold 0.7em 'Arial';
  color: #555;
  text-align: right;
  text-decoration: none;
  padding-right: 30px;
}
.info_box_border a.link:hover{ color: #8CC63E;}
.info_box {
  width: 206px;
  height: 100px;
  min-height: 100px;
  background: url('../img/info_box_bg3.gif') #FFF repeat-y;
  font: bold 0.7em 'Arial';
  padding: 5px 0;
}

.info_box p{
  display: block;  
  padding: 0 10px 5px 30px; 
  color: #999; 
  font-weight: normal; 
}

body[class] .info_box { height: auto; }
.info_box span{ display: block; color: #000;padding: 5px 10px 0 30px; }
.info_box a { 
  display: block;
  text-decoration: none;
  padding: 0 10px 5px 30px; color: #999; font-weight: normal;
}
.info_box a:hover { color: #777; text-decoration: underline; }

#links a {
  display: inline;
  text-decoration: none;
  color: #999;
  padding: 0 0 0 0; 
  font-weight: bold;
}
#links a:hover { color: #777; text-decoration: underline; }

#links {
  text-align: right;
}

/* *******************  pravy panel - content  ************************* */

#right_panel {
/*  border: 1px solid green;*/
  position: relative;
  top: -25px; /* tento radek vubec nebyl*/
  width: 640px;
  height: 100%;
  margin-left: 305px;
}

#content {
  width: 320px;
  height: auto;
}
#content h1 {
   font: bold 1.1em 'Arial';
   color: #333;
}

#content h2 {
   font: bold 1em 'Arial';
   color: #333;
}

#content h3 {
   font: bold 0.9em 'Arial';
   color: #666;
}

#content p {
   font: normal 0.7em 'Arial';
   color: #888;
   text-align: justify;
   padding: 10px 0;
}

#content span#signature { 
     font: bold 0.7em 'Arial';
     float: right;
}


#image_panel { 
  float: right;
  width: 260px;
  height: 100%;
  text-align:right;
}

/* *******************  footer  ************************* */

#footer {  
  width: 500px;
  height: 50px;
  text-align: left;
  font: bold 0.7em 'Arial';
  color: #AAA;  
  margin: 30px 0 0 305px;

}
#footer span { color: #333; }

#footer2 {  
  width: 650px;
  height: 50px;
  text-align: right;
  font: italic 0.6em 'Arial';
  color: #888;  
  margin: 0 0 0 305px;
 }
 
 #footer a {
        text-decoration: none; 
 }
 
  text-decoration: none;

}
#footer2 span { color: #888; }
/* *******************  other  ************************* */



a.nabidka-kurzu {
  font: 0.8em 'Arial';
  color: #888;
  text-decoration: none;
}
a.nabidka-kurzu:hover { color: #8CC63E; }

a.nabidka-kurzu-bold {
  font: bold 0.8em 'Arial';
  color: #888;
  text-decoration: none;
}
a.nabidka-kurzu-bold:hover { color: #8CC63E; }

.faq{
  font-size: 1.1em;
  color: #000000;
}

ul.klasika{
  list-style-type: disc;
  color: #888;
  padding-top: 0;
  padding-bottom: 0;
}


.kulaty_box {
  width: 307px;
  height: 100px;  
  background: url('../img/kulaty_box_bg3.gif') #FFF repeat-y;
  font: 0.7em 'Arial';
  padding: 5px 5px 5px 5px;
}
.zarovnej-vpravo{
  
  float: right;
}
.zarovnej-vlevo{
  
  float: left;
}

.udaje{
  width: 220px;
  float: right;
  font: normal 0.7em 'Arial';
  color: #888;
  line-height: 2em;
  padding: 10px 0 0 10px;
  
}

.udaje-prihlaska{
  width: 300px;
  float: right;
  font: normal 0.7em 'Arial';
  color: #888;
  line-height: 2em;
  padding: 10px 0 0 10px;
  
}

textarea {
  width: 295px;
  height: 100px;  
  background: url('../img/kulaty_box_bg3.gif') #FFF repeat-y;
  font: 1em 'Arial';
  padding: 5px 5px 5px 5px;
  border: none;
}


textarea.mala {
  width: 133px;
  height: 50px;  
  background: none;
  font: 1em 'Arial';
  border: 1px solid #888;
}

input.odeslat {
  border: none;
  background-color: #888;
  color: #FFF;
}

input.kulaty {
  border: 1px solid #888;  
}

.input_cover {
  background: url('../img/policko_pozadi.gif') center center #FFF  no-repeat;
  width: 152px;
  height: 30px;
  margin: 2px;
}

input.policko {
  border: 0;
  width: 130px;
  height: 15px;
  margin: 7px 0px 0px 10px; 
  font: normal 1em 'Arial';
}


input.policko-rovne {
  border: 1px solid #888; 
  width: 141px;

}

.cerna-tucna{
  color: #000000;
  font-weight: bold;
}

div.prihl a{
  font-size: 0.79em;
/*  color: #000000;*/
  color: #8CC63E;
}

#ask{
  font: normal 0.8em 'Arial';
  color: #000000;
  text-align: center;
}

.na-stred{
  text-align: center;
  font: bold 1em 'Arial';
}

.vpravo{
  float: right;  
}

.textarea_box {
  width: 208px;
  height: 100px;  
  background: url('../img/textarea_box_bg.gif') #FFF repeat-y;
  font: 0.7em 'Arial';
  padding: 5px 5px 5px 5px;
}

textarea.stredni {
  width: 200px;
  height: 92px;  
  background: none;
  font: 1.5em 'Arial';  
}

select.bezramu{
  border-color: #666;
  border-width: 1px;
  width: 140px;
  margin: 8px 0px 0px 5px;
  font: 1em 'Arial';  
}

.terminy{
  font: normal 1em 'Arial';
}

div.akce p span.vetsi{
  font: normal 1.2em 'Arial';
  color: #666;
}

div.akce p span.velky{
  font: bold 1.3em 'Arial';
  color: #666;
}

div.akce p strong.sedy{  
  color: #666;
}

div.akce p i{  
  font-weight: normal;  
}

div.akce p a:hover{  
  text-decoration: none;
  color: #444;
}

#kurzy_text ul{
  list-style-type: disc;
  color: #888;
  padding-top: 0;
  padding-bottom: 0;
}

.floatright
{
float: right;
margin: 0px 2px 2px 10px;
border: 1px solid #FFFFFF;
padding: 2px;
} 

table.nabidka_zalozaku 
{
width:620px;
border-color: #666;
}