/**
* CSS styles defining basic page layout
* 
* DESIGNEO RESERVATION SYSTEM
*
* This document was developed by Designeo, all rights reserved.
* {@link http://www.deczka.com}
*
* @author       Honza Michalicka <info@deczka.com>
* @copyright    (c) Honza Michalicka 2006 - {@link http://www.deczka.com}
* @version      1.0
*/


/*
* Zakladni layout stranky
* ------------------------------------------------------------------------------
*/

body {
    color: black;
    background: url(../img/body_bg.png) repeat-x;
    text-align: center;
}

#page  {
	
   width: 874px;
	text-align: left;
    margin: 0 auto;
    padding: 0;
    position:relative;
    background: url(../img/page_bg.png) repeat-y;
}

#page-bg  {
	
    width: 874px;
    height:652px;
	  text-align: left;
    margin: 0 auto;
    padding: 0;
    position:absolute;
    background: url(../img/page_top.png) ;
}

#header-part {
    margin: 0px;
    height:120px;
    background: white;

}

#content-part {
   position:relative;
   top: 30px;
   clear: both;
   margin: 0;
   padding: 0px;
   min-height:652px;
   _height:652px;
    }
    
#content {
    padding: 20px 35px; 
    margin:0;
}

#footer-part {
	background: WHITE url(../img/page_bottom.png) no-repeat;
	height: 32px;
	margin: 0;
	padding: 0px;
	clear: both;

}


#header-part object {
  position: absolute;
  top:20px;
  right: 20px;
}

#content object {
  position: absolute;
  top:100px;
  left: 30px;
}


.flash {
   position:absolute;
   top:375px;
   right:60px;
}
.flash, .flash img {border:0;margin:0;padding:0}



/*
* Hlavicka stranky a logo
* ------------------------------------------------------------------------------
*/

#header-part #logo {
   position:absolute;
   top: 20px;
   left:25px;
   width: 226px;
	height: 64px;
	background: url("../img/logo.png") no-repeat;
	
}
#header-part #logo a {
  display: block;
	text-decoration: none;
	width: 226px;
	height: 64px;
}


#header-part #logo a:hover { background:transparent !important; text-decoration: underline; }
#header-part #logo span , #header-part #slogan em { display: none; }


#header-part #slogan {
	 position:absolute;
	 top:20px;
	 right:45px;
   font: #555 italic arial;
   font-size: 19px;
   width: 538px;
	 height: 71px;
   background: url(../img/slogan.png) no-repeat top left;

}


/*
* Hlavni navigace
* ------------------------------------------------------------------------------
*/

#navigation-part { 
   width: 854px;
   height: 50px;
   position:absolute;
   top:110px;
   left:10px;
   margin: 0;
}
#navigation { 
   padding: 0;
   margin:0;
   background:  url(../img/navig_bg.png) repeat-x left bottom; 
   width: 854px;
   height: 40px;
   }

#navigation-part h3 { margin: 0;  padding: 0; }
#navigation-part ul { 
  margin: 0;  
  padding: 0; 
  position: relative;
  top: -59px; /*  deklarace pro Firefox */
  &top: -60px; /*  deklarace pro IE 7 */
  _position: absolute; /*  deklarace pro IE 6 */
  _top: -20px; /*  deklarace pro IE 6 */
   }
#navigation-part li {
	list-style-type: none;
	padding: 30px 10px 12px;
	margin: 0px;
	float: left;
}

#navigation-part li a {
	font-family:  Verdana, helvetica, sans-serif;
	line-height: 1;
  font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 30px 10px 12px;
}

#navigation-part li a:hover {
   text-decoration: none;
}

#navigation-part li a.active {
    font-weight: bold;
    background: url(../img/navig_point.png) no-repeat 60px 7px;
    border-bottom: 5px solid #006330;
}



/*
* Paticka a copyright
* ------------------------------------------------------------------------------
*/

#footer-part p {
	text-align: left;
	font-size: 90%;
	color: #8A908D;
	line-height: 1.5em;
	padding: 20px 10px 10px 10px;

}
#footer-part a { color: #8A908D; }
#footer-part a:hover { color: #8A908D; background-color: transparent; }
#footer-part  .right {float:right}




#clinical {
    float:right;
    padding:0px 70px 0px 0;
    width:249px;
    height:250px;
    background: url(../img/clinicalAB.png) no-repeat 0 0px; 
}
#clinical /* IE:hover */ {
  background-color: expression(
    this.onmouseover = function() { this.className += ' hover'; },
    this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
  );
}

#clinical:hover, #clinical.hover { background: url(../img/clinicalAB.png) no-repeat 0px -250px; }





#quality {
    float:right;
    padding:0px 10px 0px 0;
    width:250px;
    height:250px;
    background: url(../img/qualityAB.png) no-repeat 0 0px;
    
}
#quality /* IE:hover */ {
  background-color: expression(
    this.onmouseover = function() { this.className += ' hover'; },
    this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
  );
}

#quality:hover, #quality.hover { background: url(../img/qualityAB.png) no-repeat 0 -250px; }

#job_opp {
    float:right;
    padding: 0px 20px 0px 15px;
    width:249px;
    height:250px;
    background: url(../img/job_oppAB.png) no-repeat 0 0;
    
}
#job_opp /* IE:hover */ {
  background-color: expression(
    this.onmouseover = function() { this.className += ' hover'; },
    this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
  );
}

#job_opp:hover, #job_opp.hover { background: url(../img/job_oppAB.png) no-repeat 0 -250px; }