/*** BANERY */

div#top-banner {
  width: 762px;
  height: 120px;
  background-color: #333e54;
  overflow: hidden;
  margin: 10px auto 0 auto;
}

div#right-banner {
  width: 120px;
  height: 450px;
  background-color: #333e54;
  overflow: hidden;
  float: left;
  margin-left: 8px;
}

div#menu-banner {
  width: 210px;
  height: 155px;
  margin: 10px 0 0 0;
  background-color: #333e54;
  overflow: hidden;
}

/*** CORE */

body {
  font-size: 62.5%;
  font-family: Helvetica, Arial, sans-serif; 
  
	background-color: #c9e1ed;
	background-image: url(img/top_shadow.jpg);
	background-position: top left;
	background-repeat: repeat-x;  

}

/*** MAIN WRAPPERS */

div#centering-wrapper {
  width: 762px;
  margin: 10px auto 0 auto;
  position: relative;
  zoom: 1;
}

div#menu-wrapper {
  float: left;
  margin-right: 5px;
  position: relative;
  zoom: 1;
}

div#wmp-wrapper {
  float: left;
}

/*** MAIN MENU */

h2.main-menu-header {
  width: 210px;
  height: 59px;
  
  text-indent: -9999px;
  
  background: transparent url(img/menu-header.png) no-repeat;
}

h2.main-menu-meteo {
  width: 210px;
  height: 59px;
  
  text-indent: -9999px;
  
  background: transparent url(img/menu-meteo.png) no-repeat;
}

span.end-main-menu {
  width: 210px;
  height: 10px;
  
  display: block;
  
  background: transparent url(img/main-menu-bottom-border.png) no-repeat;
}

ul#main-menu a {
  font-size: 1.2em;
  color: #006cd0;
  text-decoration: none;
  line-height: 2em;
  font-weight: bold;
  
  padding: 0 40px 0 20px;
  
  display: block;
  
  width: 150px;

  
  background: transparent url(img/menu-sprite.jpg) no-repeat 0 50%;
}

ul#main-menu a:hover {

  color: #7e7e7e;
  text-decoration: underline;
  
  background: transparent url(img/menu-sprite.jpg) no-repeat -210px 50%;
}

ul#main-menu a.active {
  color: #fff;
  
  background: transparent url(img/menu-sprite.jpg) no-repeat -420px 50%;
}

/*** WMP FRAME */

div#wmp-frame {
  background: url(img/wmp-frame-bg.png) repeat-y;
  padding: 0 8px;
  
  width: 403px;
  
  overflow: hidden;
}

span.start-wmp-frame {
  width: 419px;
  height: 10px;
  
  display: block;
  
  background: transparent url(img/wmp-frame-sprite.png) no-repeat 0 0;
}

span.end-wmp-frame {
  width: 419px;
  height: 10px;
  
  display: block;
  
  /* Due to bug IE6 + IEPNGFix
   * background: transparent url(img/wmp-frame-sprite.png) no-repeat 0 -10px; 
   */
  background: transparent url(img/wmp-frame-bottom-ie6.png) no-repeat 0 0;
}

img.tm-banner {
  display: block;
  
  margin-top: 8px;
}

/*** SMOKE ADD-ON */

span.main-light {
  position: absolute;
  width: 944px;
  height: 708px;
  display: block;
  zoom: 1;
  z-index: -200;
  background: transparent url(img/main-bg.jpg) no-repeat 50% 0;
  top: -180px;
  left: -100px;  
}

span.smoke-left-top {
  position: absolute;
  width: 324px;
  height: 204px;
  display: block;
  zoom: 1;
  z-index: -1;
  background: transparent url(img/smoke-left-top.png) no-repeat 0 0;
  top: -90px;
  left: 0px;
}

span.smoke-right-middle {
  position: absolute;
  width: 176px;
  height: 410px;
  display: block;
  zoom: 1;
  z-index: -1;
  background: transparent url(img/smoke-right-middle.png) no-repeat 0 0;
  top: 10px;
  left: 540px;
}

span.smoke-left-bottom {
  position: absolute;
  width: 385px;
  height: 256px;
  display: block;
  zoom: 1;
  z-index: -1;
  background: transparent url(img/smoke-left-bottom.png) no-repeat 0 0;
  bottom: -80px;
  left: -100px;
}

/*** HEADER STRUCTURE */


#tm_logo {
	position: absolute;
	left: 20px;
	top: 50px;
	width: 111px;
	height: 65px;
	background: url(img/tm_logo.png) no-repeat;
	z-index: 100;
	cursor: move;
}

#ws_logo {
	position: absolute;
	left: 250px;
	top: 110px;
	width: 208px;
	height: 23px;
	background: url(img/ws_logo.png) no-repeat;
	z-index: 200;
	cursor: move;	
}

#ip_logo {
	position: absolute;
	left: 540px;	
	top: 150px;
	width: 198px;
	height: 33px;
	background: url(img/ip_logo.png) no-repeat;
	z-index: 300;
	cursor: move;	
}

#logo_contener {
	position: relative;
	height: 217px;
	margin: 0;
	padding: 0;
	width: 762px;
}


/*** MENU STRUCTURE */


#menu_contener div, #menu_contener a {
	float: left;
}	

#menu_contener a {
  display: block;
  overflow: hidden;
  height: 47px;
  text-indent: -9999px;
}

a.tab1, a.tab1_inactive {
  width: 171px;
  background: url(img/tab_1_swap.png) no-repeat 0 0;
}

a.tab1:hover, a.tab1_inactive {
  width: 171px;
  background: url(img/tab_1_swap.png) no-repeat -174px 0;
}

a.tab2, a.tab2_inactive {
  width: 171px;
  background: url(img/tab_2_swap.png) no-repeat 0 0;
}

a.tab2:hover, a.tab2_inactive {
  width: 171px;
  background: url(img/tab_2_swap.png) no-repeat -174px 0;
}

a.tab3, a.tab3_inactive {
  width: 171px;
  background: url(img/tab_3_swap.png) no-repeat 0 0;
}

a.tab3:hover, a.tab3_inactive {
  width: 171px;
  background: url(img/tab_3_swap.png) no-repeat -174px 0;
}


a.menu1, a.menu1_inactive {
	width: 139px;
  background: url(img/tm-main-menu.gif) no-repeat 0 0;
	}						

a.menu1:hover, a.menu1_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -0px -47px
	}	
	
a.menu2, a.menu2_inactive {
	width: 111px;
  background: url(img/tm-main-menu.gif) no-repeat -139px 0;
	}						

a.menu2:hover, a.menu2_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -139px -47px
	}		
	
a.menu3, a.menu3_inactive {
	width: 49px;
  background: url(img/tm-main-menu.gif) no-repeat -250px 0;
	}						

a.menu3:hover, a.menu3_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -250px -47px
	}			
	
a.menu4, a.menu4_inactive {
	width: 95px;
  background: url(img/tm-main-menu.gif) no-repeat -299px 0;
	}						

a.menu4:hover, a.menu4_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -299px -47px
	}			
	
a.menu5, a.menu5_inactive {
	width: 120px;
  background: url(img/tm-main-menu.gif) no-repeat -394px 0;
	}						

a.menu5:hover, a.menu5_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -394px -47px
	}			
	
a.menu6, a.menu6_inactive {
	width: 97px;
  background: url(img/tm-main-menu.gif) no-repeat -514px 0;
	}						

a.menu6:hover, a.menu6_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -514px -47px
	}			
	
a.menu7, a.menu7_inactive {
	width: 76px;	
  background: url(img/tm-main-menu.gif) no-repeat -611px 0;
	}						

a.menu7:hover, a.menu7_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -611px -47px
	}	

a.menu8, a.menu8_inactive {
	width: 75px;	
  background: url(img/tm-main-menu.gif) no-repeat -687px 0;
	}						

a.menu8:hover, a.menu8_inactive {
  background: url(img/tm-main-menu.gif) no-repeat -687px -47px
	}	

/*** TM INTEGRATION */

#main_contener {
	background-image: url(img/top_background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}	
	
#content_center {
	margin: auto;
	width: 762px;
	text-align: left !important;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333e54;
	}
	
table.tOplaty {
	border: 1px solid #eeeeee;
	padding: 5px;
	font: 12px Tahoma;
}

table.tOplaty tr td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px dotted #ddd;
	
}

table.tOplaty tr th {
	border-bottom: 1px solid #999999;
	background-color: #ccccff;
	text-align: center;
}

table.tOplaty tr th.price {
	width:60px
}

table.tOplaty tr td.just {

}

.hilight {
	color: red;
}