html, body 
{
 height: 100%;
 padding: 0;
 margin: 0;
}
body 
{
 font-family: Arial, sans-serif;
 font-size: 0.7em;
 background: url('/images/bg_main.gif') repeat-x 0px 65px;
 text-align:center;
 color:White;
}
#container 
{
  position:relative;
  width:950px;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  _height: 100%;
  border-right:solid 1px white;
  border-left:solid 1px white;
  background: url('/images/bg_container.gif') repeat-x 0px 245px;
  text-align:left;
}

/*#container a
{
  color: #fff;
}*/

#mainmenu 
{
  position:relative;
  width:100%;
  height: 65px;  
  /*height: 82px;*/  
  background:white url('/images/bg_menu.gif') repeat-x top left;
  z-index: 10;
}
/************************************************************/

/* CSS menu horizontalni */
ul.menu {
   display:block;
   float:right;
   position:relative;
   padding:0; margin:0;
   list-style:none;
   behavior:url("/files/csshover.htc");
   }
.first a
{  
  position:relative;
  float: left;
  background-image: none;
}
.first a:hover
{
  padding-left: 9px;
  border-left: none;
}
ul.menu ul {
   position: absolute;
   float:none;
   left:0px;
   top: 39px;
   margin:0px;
   padding:0;
   width: 120px;
   display:none;
   list-style:none; 
   /*z-index: 3;  */
}
ul.menu li {
   position:relative;
   /*height: 1.4em;*/
   margin: 0 0 0px 0;
   padding:0 0px 0 0;  
   /*line-height: 1.4em;*/
   float: left;
   text-align: right;
   /*z-index: 3;*/
}
ul.menu li a 
{
  display:block;
  position:relative;
  padding: 25px 10px 0px 10px;
  background: url('/images/bg_menuitem.gif') no-repeat top left; 
  color: #004344;
  text-decoration: none;
  margin-right: -1px;
  /*z-index: 3;*/
}
ul.menu li a:hover
{
  background-color: #64889A;
  color:White;
  z-index:10;  
  padding-left: 8px;
  background-image: none;
  border-left: solid 1px white;
  border-right: solid 1px white; 
  /*z-index: 3;*/
}
ul.menu li ul li a {
   position: relative;
   float:none;
   margin:0;
   padding: 1px 5px 1px 10px;
   line-height: 1.4em;
   height: 1.4em;   
   text-align: left;
   color:White;
   width: 104px;
   _width: 120px;
   background: #64889A url('/images/bg_menuitem3.gif') repeat-y top left;         
   border-left: solid 1px white;
}
ul.menu li ul li a:hover
{
  background-color: #E1E9EC;
  color: #004344;
  padding: 1px 5px 1px 10px;     
  margin: 0px;
  border: 0px;
  border-left: solid 1px white; 
}
ul.menu li:last-child a:hover 
{
  padding-left: 9px;
  border-right:none;
}
ul.menu li:hover ul {
   display:block;
}
ul.menu li:hover ul ul {
   display:none;
}
ul.menu li:hover ul li:hover ul {
   display:block;
}
ul.menu ul ul {
   position: absolute;
   float:none;
   left:120px;
   top: 0px;   
   margin:0;
   padding:0;
   width: 120px;
   display:none;
   list-style:none; 
}
ul.menu ul ul li {   
   position: relative;
   float: none;
}
ul.menu li ul li ul li a {
   float:none;
   margin:0;
   padding: 1px 5px 1px 10px;
   /*line-height: 1.4em;
   height: 1.4em;*/
   text-align: left;
   color:White;
   background: #688FA3 url('/images/bg_menuitem3.gif') repeat-y top left;      
   border-left: solid 1px white;
}
ul.menu li ul li ul li a:hover
{
  background-color: #E1E9EC;
  color: #004344;
  padding: 1px 5px 1px 10px;     
  margin: 0px;
  border: 0px;
  border-left: solid 1px white; 
}
/***********************************************/

#middle 
{
  position:relative;
  width:100%;
  height: 179px; /*180?*/
  background: url('/images/flash.jpg') no-repeat top right;
  overflow:hidden;
  z-index: 1;
}
#middle #logo
{
  position: relative;
  width: 287px;
  height: 100%;
  background: url('/images/oxygen.gif') no-repeat top left;
}

.click_logo
{  
  width: 287px;
  height: 179px;  
}

#content 
{
  position: relative;
  width: 100%;
  border-top: solid 1px white;
  padding-bottom: 10px;  
}


/***********************************************************/
#content a
{
  color: #fff;
  text-decoration: none;
}
#content a:hover
{
  color: #fff;
  text-decoration: underline;
}
/***********************************************************/


#content #list 
{
  position:relative;
  width:100%;
  height: 103px;
  background: url('/images/list.jpg') no-repeat 422px 0;
  margin-top:-1px;
  _margin-bottom: -51px;
  margin-bottom: -52px;}

#content #main 
{
  position:relative;
  width: 100%;
}

#left {
  position:relative;
  float:left;  
  width: 135px;
  _width: 150px;  
  min-height: 450px;
  _height: 460px;
  left: 15px;
  text-align: right;
  padding: 0 15px 0 0;
  background: url('/images/bg_oddel.gif') repeat-y top right;
  color: #365564;
}


#left2 
{
  position:relative;
  float:left;
  width: 135px;
  _width: 150px;  
  min-height: 50px;
  _height: 60px;
  left: 15px;
  text-align: right;
  padding: 0 15px 0 0;
  background: url('/images/bg_oddel.gif') repeat-y top right;
  color: #365564;
  margin-top: 70px;
  _margin-top: 60px;
}

#right {
  position:relative;
  float:right;
  right: 32px;
  _right: 31px;  
  width: 718px;
  font-size:1.1em;
  margin-bottom: 10px;
  padding: 0;
}


#right h3 {
  font-size:1.5em;
  margin: 2px 0 10px 0;  
}
#right h4 {
  font-size:1.35em;  
  margin: 2px 0 2px 0;
}
#right h5 {
  font-size:1.25em;  
  margin: 14px 0 5px 0;
}

.cleaner
{
  position: relative;
  width:100%;
  height: 1px;
  overflow: hidden;
  font-size:1px;
  clear:both;
}
#nadpis_temp 
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('');
}
#nadpis_design 
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_design.gif');
}

#nadpis_emarketing 
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_emarketing.gif');
}
#nadpis_elearning 
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_elearning.gif');
}
#nadpis_ebusiness 
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_ebusiness.gif');
}
#nadpis_onas
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_o_nas.gif');
}
#nadpis_novinky
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('img/nadpis_novinky.gif');
}
#nadpis_kariera
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_kariera.gif');
}
#nadpis_kontakt
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_kontakt.gif');
}

#nadpis_partneri
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_partneri.gif');
}
#nadpis_reference
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/nadpis_reference.gif');
}

#nadpis_skoleni
{
  position: relative;
  width: 710px;
  height: 34px;
  overflow: hidden;
  background: url('/images/skoleni.gif');
}

.box {
  position: relative;
  float:left;
  width: 236px;
  height: 162px;
  background: black;
  font-size: 90%;
}

.box .inner {
  position: relative;
  height:100%;
  padding: 5px 10px 0 100px;
  text-align: right;
}

.box a.more {
  position: absolute;
  bottom: 0px;
  right: 10px;
  width: 35px;
  height: 30px;
  overflow: hidden;
}

.red 
{
  background: url('/images/bg_box_red.gif') no-repeat top right;
}
.red .inner
{
  background: url('/images/bg_box_red_top.gif') no-repeat top left;
}
.yellow {
  width: 240px;
  background: url('/images/bg_box_yellow.gif') no-repeat top right; 
}
.yellow .inner { 
  background: url('/images/bg_box_yellow_top.gif') no-repeat top left; 
}
.green {
  width: 242px;
  background: url('/images/bg_box_green.gif') no-repeat top right;
}
.green .inner {
  background: url('/images/bg_box_green_top.gif') no-repeat top left;
}

#right ul {
  position:relative;
  margin:0;
  padding:0;
  list-style-type: none;
}
#right ul li 
{
  padding: 0px 0px 0px 15px;
  background: url('/images/li.gif') center left no-repeat; 
}
#right ul li a
{
  color: #ffffff;
  text-decoration: none;
}
h2 
{
  /*position:relative;
  width:100%;*/
  height:30px;
  padding:0;margin:0;
 }

h2 span 
{
  position: absolute;
  left: -1000px;  
}
.bigbox {
  position:relative;
  width: 710px;
  background: #2E5263 url('/images/bg_bigbox_middle.gif') repeat-x top left;
  margin-bottom: 15px;
  margin-top: 0px;
}

.bigbox .box_top {
  position: absolute;
  width: 100%;
  height: 5px;
  left:0;
  top: -5px;
  background: url('/images/bg_bigbox_top.gif') no-repeat top left;
  overflow:hidden;
}

.bigbox .box_bottom{
  position:absolute;
  bottom: -13px;
  left:0px;
  width: 100%;
  height:83px;
  background: url('/images/bg_bigbox_bottom.gif') no-repeat top left;
}

.bigbox .box_main {
  position:relative;
  padding: 15px 15px 5px 15px;
  background: url('/images/bg_bigbox_border.gif') repeat-y top left;
  _height:415px;
  min-height: 395px;
}

.bigbox .bigbox_left {
  position: relative;
  float:left;
  width: 175px;
}

.bigbox .bigbox_left img {
  position: relative;
  border: 8px solid #869fac;
  margin-top: 10px;  
}

.bigbox .bigbox_right {
  position: relative;
  float:right;
  width: 500px;
}

.bigbox .bigbox_right td
{
  _font-size: 0.75em;
} 


.bigbox .bigbox_left2 
{
  position:relative;
  float:left;
  width: 335px;
/*background-color: black;*/
}
.bigbox .bigbox_right2 
{
  position:relative;
  float:right;
  width: 320px;
  right: 5px;
} 
#content .bigbox .bigbox_right2 a 
{
  text-decoration:none;
  color:#BAD4E0;
  
}
.middlebox {
  position:relative;
  float: left; 
  left: 15px; 
  width: 460px;
  background: #7494A5 url('/images/bg_greybox_middle.gif') repeat-x top left;
  margin-bottom: 30px;
  margin-top: 10px;
}

.middlebox .box_top {
  position: absolute;
  width: 100%;
  height: 5px;
  left:0;
  top: -5px;
  background: url('/images/bg_greybox_top.gif') no-repeat top left;
  overflow:hidden;
}

.middlebox .box_bottom {
  position:absolute;
  bottom: -30px;
  left:0px;
  width: 100%;
  height:83px;
  background: url('/images/bg_greybox_bottom.gif') no-repeat top left;
}

.middlebox .box_main {
  position:relative;
  padding: 0 1px 0 1px;
  background: url('/images/bg_greybox_border.gif') repeat-y top left;
  _height:259px;
  min-height: 260px;
}

.middlebox a.more {
  display:block;
  position:absolute;
  width: 35px;
  height: 33px;
  bottom: -32px;
  left: 415px;
}

.middlebox .left {
  position:relative;
  float:left;
  width:120px;  
}

.bghp {
  background: url('/images/nov.gif') no-repeat top left; 
  width: 113px;
  height: 105px;  
}

.middlebox .right {
  position:relative;
  float:right;
  right: 5px;
  width: 325px;
}

.smallbox {
  position:relative;
  float:right;
  width: 222px;
  background: #335769 url('/images/bg_middlebox_middle.gif') repeat-x top left;
  margin-bottom: 30px;
  margin-top: 10px;
}

.smallbox .box_top {
  position: absolute;
  width: 222px;
  height: 5px;
  left:0;
  top: -5px;
  background: url('/images/bg_middlebox_top.gif') no-repeat top left;
  overflow:hidden;
}

.smallbox .box_bottom {
  position:absolute;
  bottom: -30px;
  left:0px;
  width: 222px;
  height:82px;
  background: url('/images/bg_middlebox_bottom.gif') no-repeat top left;
}

.smallbox .box_main {
  position:relative;
  padding: 5px 10px 0 10px;
  background: url('/images/bg_middlebox_border2.gif') no-repeat top left;
  _height:269px;
  min-height: 254px;
}

.smallbox a.more
{
  display:block;
  position:absolute;
  width: 35px;
  height: 33px;
  bottom: -32px;
  left: 177px;
}
.person 
{
  position:relative;
  width:100%;
/*background-color: black;*/
  background: url('/images/person_bg.gif') repeat-y top left ;
  color:White;
  margin-bottom: 15px;
}
.person img 
{
  position:relative;
  _left:-3px;
  float:left;
  width: 78px;
  /*border-right: solid 15px red;*/
}
.person .info
{
  
  position: relative;
  float:right;
  width: 230px;
  right: 10px;
 /* border: solid 1px red;*/
  padding-top: 5px;
  vertical-align: bottom;
}
/*.person .cleaner 
{
  height: 10px;
}*/
.person strong 
{
  color:#AEC2CC;
  
}
a.more span 
{
  position:absolute;
  left: -1000px;
  /*display:none;*/
}
h2#ebusiness
{
  background:url("/images/ebusiness.gif") top right no-repeat;
}
h2#elearning
{
  background:url("/images/elearning.gif") top right no-repeat;
}
h2#emarketing 
{
  background:url("/images/emarketing.gif") top right no-repeat;
}
h2#reference 
{
  background: url('/images/reference.gif') top left no-repeat;
  margin-bottom: 7px;
  _margin-bottom: 14px;
}
h2#news 
{
  background: url('/images/news.gif') top left no-repeat;
}
.rd 
{
  color: red;
  font-size: 10px;  
}
 

/*

.test 
{
  color: red;
  font-size: 10px;  
  font: arial;  
}

*/
 
table.design {
  width: 450px;
  vertical-align: top;
  border: 0px;
  padding: 0px;
  margin: 0px;  
}

table.design td.leva {
  vertical-align: top;
  border: 0px;
  text-align: left; 
  width: 155px;   
}

table.design td.prava {
  vertical-align: top;
  border: 0px;
  text-align: left; 
  width: 285px;   
}

table.design td img {
  vertical-align: top;
  border: 1px solid black;
  padding: 0px;
  margin: 0 0 10px 0;  
  text-align: left;    
}