
BODY {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

A {
  color: #444;
  text-decoration: underline;
}

A:hover {
}

h2 {
    font-size: 14px;    
}

h3 {
    font-size: 12px;
    color: #DC0044;
    margin:0px;
}

h4 {
    font-size: 12px;
    color: #e30057;
    letter-spacing: 1px;
    padding:12px 10px 12px 18px;

}

h5 {
    font-size: 10px;
    color: #DC0044;
    margin:0px;
}

div.h4 {
    clear:both;
    float:none;
    margin:16px;
    text-align:center;
    width: auto;
    background-image: url("images/h4_bg.gif");
    background-position: top right;
    background-repeat: repeat-x;
}

div.h4left {
    background-image: url("images/h4_left.gif");
    background-repeat: no-repeat;
    width: 13px;
    height: 39px;
    float:left;
}

div.h4_junior {
    clear:both;
    float:none;
    margin:16px;
    text-align:center;
    width: auto;
    background-image: url("images/h4_bg_junior.gif");
    background-position: top right;
    background-repeat: repeat-x;
}

div.h4_junior h4{
    color: #097a9a;
}

div.h4left_junior {
    background-image: url("images/h4_left_junior.gif");
    background-repeat: no-repeat;
    width: 13px;
    height: 39px;
    float:left;
}

div.h4_vapac {
    clear:both;
    float:none;
    margin:16px;
    text-align:center;
    width: auto;
    background-image: url("images/h4_bg_vapac.gif");
    background-position: top right;
    background-repeat: repeat-x;
}

div.h4_vapac h4{
    color: #888888;
}

div.h4left_vapac {
    background-image: url("images/h4_left_vapac.gif");
    background-repeat: no-repeat;
    width: 13px;
    height: 39px;
    float:left;
}

td {
    border: 1px solid #aaa;
}

table {
    border: 1px solid #aaa;
}


/**
 *  --- anti IE ---
 */ 
FORM {
  padding: 0px;
  margin: 0px;
}

/**
 *  --- wrapper ---
 */
.site-wrapper {
  width: 825px;
  margin: 25px auto 7px auto;
  position: relative;
}

/**
 *  --- hlavicka ---
 */ 
.header .logo {
  float:left;
}

.header .right-box {
  text-align: right;
  padding-top: 14px;
  float:right;
  margin-right: 16px;
  _margin-right: 10px;
}

.language-box {
    padding-top: 15px;
}

.language-box  {
  color: #a4a4a4;
  font-size: 0.82em;
}

.language-box A {
  color: #a4a4a4;
  font-size: 0.82em;
  text-decoration: none;
}

.language-box A:hover {
  text-decoration: underline;
}

.language-box span.active {
  font-weight: bold;
}

/**
 *  --- zalozky ---
 */ 
 
.tabs {
  clear:both;  
}

.left-tab, .center-tab, .right-tab {    
  color: white;
}

a.left-tab {
    text-decoration: none;    
    color: white;
}

a.left-tab:hover .heading {
    text-decoration: none;    
    color: white;
}

a.center-tab {
    text-decoration: none;    
    color: white;
}

a.center-tab:hover .heading {
    text-decoration: none;
    color: white;
}

a.right-tab {
    text-decoration: none;    
    color: white;
}

a.right-tab:hover .heading {
    text-decoration: none;
    color: white;
}

.tab-content {
    cursor: pointer;
    cursor: hand;
}

.tab-content .heading {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  line-height: 120%;
}

.tab-content .desc {
  font-size: 0.6em;
  text-align: left;
  padding-top: 0px;
}


/**
 *  --- menu ---
 */ 

div.menu-parent {
  clear: both;
  padding: 0;
  margin-bottom: 24px;
}

div.menu{
  padding: 0;
  display: none;
}

div.menu-visible {
    display:block;
}

div.menu-hidden {
    display:none;
}

div.menu a {
    color: white;
}


.menu-content {
  text-align: left;
  height: 40px;
  padding: 0px;
}

.menu-content A {
  font-size: 0.75em;
  font-weight: bold;
  padding: 12px 8px 10px 8px;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
}

.menu-content A:hover,.menu-content A.active {
  text-decoration: underline;
}

.menu-content-left{
  float: left;
  width: 5px;
  height: 40px;
}

.menu-content-right{
  float: right;
  width: 5px;
  height: 40px;
}

/**
 *  --- sub menu ---
 */ 


.submenu-content {
	height: 26px;
}

.submenu{	
  position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 26px;
}

.submenu a{
  font-weight: normal;
  position: relative;
	margin-top: -5px;
	white-space: nowrap;
	text-align: left;
	font-size: 10px;
}

.submenu-left {
  float:left;
}

.submenu-right {
  float:right;
}

.submenu-left,.submenu-right {
	width: 8px;
	height: 26px;
	display:inline;
}

/**
 *  --- content ---
 */ 
 
 
.content {
  padding: 10px;
  font-size: 8.5pt;
  padding: 0px 30px 0px 30px;
}

.content div.content-text {
    color: #444;
}


/**
 *  --- footer ---
 */ 

.footer {
  color: #FFF;
  font-size: 0.7em;
}


.footer-top {
  overflow: hidden;
  height: 11px;
  margin: 0 0 5px 0;
}



.footer-bottom {
  clear: both;
  overflow: hidden;
  height: 11px;
  margin: 3px 0 0 0;
}



.footer-copy {
  float:left;
  padding: 0 0 0 20px;
  margin-top: -4px;
}


.footer-links {
  text-align: right;
  padding: 0 30px 0 0;
}


div.footer-links a {
    color: white;
    text-decoration: none;
}

div.footer-links a:hover {
    color: white;
    text-decoration: underline;
}

div.footer-links a:visited {
    color: white;
    text-decoration: none;
}



/*** Box-List ***/

div.box-list {
    margin-left: -20px;
    margin-right: -25px;
    margin-top: -22px;
}

div.box-list div.box {
    background-position: 0px 0px;
    background-repeat: repeat-x;
    margin-top: 6px;
    height: 144px;
    width: 398px;
    float: left;
}

div.box-list div.box div.box-left {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 144px;
    width: 10px;
    float: left;
}

div.box-list div.box div.box-right {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    height: 144px;
    width: 10px;
    float: right;
}

div.box-list div.akademia-box {
    background-image: url("images/akademia-box-bg.gif");
}

div.box-list div.akademia-box-left {
    background-image: url("images/akademia-box-left.gif");
}

div.box-list div.akademia-box-right {
    background-image: url("images/akademia-box-right.gif");
}


div.box-list div.vapac-box {
    background-image: url("images/vapac-box-bg.gif");
}

div.box-list div.vapac-box a{
  color: #666666 !important;
}

div.box-list div.vapac-box-left {
    background-image: url("images/vapac-box-left.gif");
}

div.box-list div.vapac-box-right {
    background-image: url("images/vapac-box-right.gif");
}

div.box-list div.junior-box {
    background-image: url("images/junior-box-bg.gif");
}

div.box-list div.junior-box a{
  color: #097a9a !important;
}

div.box-list div.junior-box-left {
    background-image: url("images/junior-box-left.gif");
}

div.box-list div.junior-box-right {
    background-image: url("images/junior-box-right.gif");
}


div.box-list div.box div.text {
    float: left;
    height: 144px;
    _height: 124px;
    width: 245px;
    _width: 258px;
    padding: 20px 0px 0px 0px;  
    _padding-left: 10px;
}

div.box-list div.box div.text h3 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;    
}

div.box-list div.box div.text a {
    color: #DC0044;
}

div.box-list div.box div.text a:hover {
    text-decoration: underline;
}

div.box-list div.box div.text a.small-link {
    font-size: 8pt;
}

div.box-list div.box div.photo-1 {
    float: left;
    height: 144px;
    _height: 114px;
    width: 110px;
    _width: 95px;
    padding: 30px 0px 0px 15px;   
}

div.box-list div.box div.photo-2 {
    float: left;
    height: 144px;
     _height: 114px;
    width: 110px;
     _width: 95px;
    padding: 30px 0px 0px 15px;
}

div.box-list div.box div.photo-3 {
    float: left;
    height: 144px;
     _height: 114px;
    width: 110px;
     _width: 95px;
    padding: 30px 0px 0px 15px;
}

div.box-list div.box div.photo-4 {
    float: left;
    height: 144px;
     _height: 114px;
    width: 110px;
     _width: 95px;
    padding: 30px 0px 0px 15px;
}


/*** preloading ***/
div.preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px;
   top: -9999px;
   height: 1px;
   width: 1px;
}

div.blue-font h3, div.blue-font h4, div.blue-font h2 {
	color: #097A9A;
}

div.grey-font h3, div.grey-font h4, div.grey-font h2 {
    color: #888888;
}
