/*
 * Main layout stylesheet for Dabsys CMS
 * (c) Petr Klement 2008
 */


/* globals *******************************************************************/

body, html {
	font-family: Verdana, Helvetica, sans-serif;
	color: #3f4040;
	background: #0b2509 url('img/layout/background.gif');
	padding: 0;
	margin: 0;
	margin: 0;
}
body {
	font-size: 75%;
}

a {color:#078231; background:none;}

#CSSmainBlock a img {
	border: none;
}

#CSSmainBlock fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}
#CSSmainBlock input {	
	margin: 0;
	padding: 5px 10px;
	height: 18px;
	border: 0 none;
	background: #ffffff;
	color: #797979;
}
#CSSmainBlock input.button {
	height: 25px;
	cursor: pointer;
}
#CSSmainBlock input.checkbox,
#CSSmainBlock input.radio {	
	float: none;
}

#CSSmainBlock h1 {	font-size: 1.6em;	}
#CSSmainBlock h2 {	font-size: 1.5em;	color:#2D2D2D;}
#CSSmainBlock h3 {	font-size: 1.4em;	}
#CSSmainBlock h4 {	font-size: 1.3em;	}
#CSSmainBlock h5 {	font-size: 1.2em;	}
#CSSmainBlock h6 {	font-size: 1.1em;	}

/* main sections *************************************************************/

#CSSmainBlock {
	width: 970px;
	margin: 0px auto;
	padding: 0 30px;
	text-align: left; /* IE */
}
#CSSsiteTop,
#ContentTop {
	float: left;
	display: inline;
	clear: both;
	width: 970px;
	margin: 0 0px;
}

#CSSmainBlock {
  background: #144511 url('img/layout/main_block_bkg.gif') repeat left top;
  line-height:1.4;	
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
#CSSsiteTop {
	height: 175px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: transparent url('img/layout/site_top_bkg.jpg') no-repeat 190px 0px;
}
#CSStopMenu {
	clear: both;
	position:relative;
	top:30px;
	height: 45px;
	background: #df9504 url('img/layout/top_menu_bkg.gif') repeat-x right top;
}
#ContentBox,
#ContentTop {
	clear: none;
	width: 590px;
	margin: 0 10px;
	background: #fbfbfb;
}
#ContentBox {
	width: 570px;
	padding: 0 10px;
	background: transparent;
}

/* siteTop *******************************************************************/

#CSSsiteTop .logo img,
#CSSsiteTop .logo {
	float: left;
	display: inline;
	width: 180px;
	height: 80px;
	margin: 0px 0 0 0;
	padding-left: 0px;
}
#CSSsiteTop .logo { margin: 10px 0 0 10px; }
#CSSsiteTop .logo.right { float: right; margin: 10px 0px 0 0px; }

#CSSloginForm {	
	float: right;
	width: 210px;
	margin: 0px 0 0 0;
	padding: 8px 10px 5px 10px;
}
#CSSloginForm fieldset {
	width: 100%;
}
#CSSloginForm input {
	float: right;
}
#CSSloginForm #IDlogin {
	width: 140px;
}
#CSSloginForm #IDpassword {
	width: 80px;
	padding-right: 5px;
}
#CSSloginForm .button {
	color: #e36502;
	width: 65px;
}
#CSSloginForm a {
	float: left;
	width: 90px;
	padding-left: 15px;
	font-size: .8em;
	margin-top: 5px;
}

#CSSsiteTop .advertisement {
	float: left;
	width: 560px;
}

/* contentTop ****************************************************************/

#ContentTop .sectionTitle {
	clear: both;
	height: 20px;
	padding: 6px 10px 8px 10px;
	margin: 0 0 0 0px;
	color: #2d2d2d;
	font-weight: normal;
	overflow: hidden;
}
#ContentTop .sectionAbstract {
	margin: 0;
	padding: 8px 10px;
	background: url('img/layout/content_top_abstract_bkg.gif') no-repeat left bottom;
}

#CSStreeline {
	float: left;
	width: 100%;
	font-size: .9em;
	line-height: 36px;
	background: url('img/layout/treeline_bkg.gif') repeat-x left center;
}

#CSStreeline a {
	float: left;
	color: #9c9c9c;
	text-decoration: none;
	padding: 0 7px 0 17px;
	background: url('img/layout/treeline_link_bkg.gif') no-repeat left center;
}
#CSStreeline a.first, /* pouzit pro IE6 */
#CSStreeline a:first-child {
	padding-left: 40px;
	padding-right: 0px;
	background: url('img/layout/treeline_left.gif') no-repeat left center;
}

#CSStreeline a.second {
	padding-left: 1px;
	padding-right: 0px;
	background: none;
}

#CSStreeline a.print {
	float: right;
	text-indent: -9999px;
	width: 40px;
	padding: 0;
	background: url('img/layout/treeline_right.gif') no-repeat left center;
}

#CSStreeline.cart .back {
	width: 37px;
	padding: 0;
	text-indent: -9999px;
	background: url('img/layout/treeline_left_back.gif') no-repeat left center;
}
#CSStreeline.cart a {
	padding: 0 25px 0 5px;
	background-position: right center;
}
#CSStreeline.cart a .number {
	display: inline-block;
	font-size: 1.5em;
	margin: 0 10px 0 0;
	color: #e3e3e3;
}
#CSStreeline.cart a.active { color: #2d2d2d; }
#CSStreeline.cart a.active .number { color: #c8c8c8; }

#CSStreeline.cart a:hover { color: #ffffff; }

/* main coluns ***************************************************************/

#ContentBox,
#CSSleftCol {
	float: left;
	display: inline;
}

#CSSrightCol {
  float:right;
  position:relative;
  width: 170px;
	margin: 0px 0px 0px 0px; /* top = sectionTitle height */
	background: url('img/layout/left_col_bkg.png') repeat-y top left;
}
#CSSleftCol {
	width: 190px;
	margin: 0px 0px 0px 0px;
	background: url('img/layout/left_col_bkg.png') repeat-y top left
}
/* module defaults ***********************************************************/

.module {
	float: left;
	position: relative;
	z-index: 50;
	margin: 0px 0px 4px 0px;
	width: 100%;
	background: #d6d6d4;
}
.module .header {
  color:#222222;
  font-weight:bold;
	height: 40px;
	line-height: 30px;
	padding: 0 0 0 40px;
}
.module .content {
	margin: 0;
	padding: 10px 0px 10px 10px;
	background: url('img/layout/left_col_module_bkg.gif') no-repeat bottom left;
}
#CSSrightCol .module .content { background: url('img/layout/right_col_module_bkg.gif') no-repeat bottom left; }

#CSSrightCol .module .content a {
	width: 80%;
	margin: 5px 0  0 0;
	display: inline-block;
	padding: 0 0 0 15px;
	color: #000000;
	text-decoration: none;
	background: url('img/layout/module_a_bkg.png') no-repeat left center;
}

#ContentTop p, #ContentTop ul, #ContentTop ol {margin:0 15px 0 10px;}
#ContentTop h2 {padding:0 10px; color:#2D2D2D;}
#ContentTop h2 a {color:#000; font-weight:normal;}

#CSSrightCol .module .content a:hover { color: #ffffff; }

/* module menu defaults ******************************************************/
#CSSmainBlock .module.menu { background: transparent; }
#CSSmainBlock .module.menu .content { background: transparent; }

/* module cart info **********************************************************/

#CSSrightCol .module.cartInfo .header {
 clear:both; 
 float:none;
 height: 35px;
}
#CSSrightCol .module.cartInfo {
	height: 90px;
	background: #df9504 url('img/layout/module_cart_info.png') no-repeat left top;
}
#CSSrightCol .module.cartInfo .content {
	padding: 10px 8px 0 8px;
	background: transparent;
}
#CSSrightCol .module.cartInfo .god_forbid2,
#CSSrightCol .module.cartInfo .god_forbid {
	float: left;
	display: inline;
	margin: 2px 0 7px 0px;
	font-size: 13px;
	line-height: 13px;
	height: 13px;
	overflow: hidden;
	letter-spacing: 6px;
	color: #c6c6c6;
	font-family: "Lucida Console", monospace;
}
#CSSrightCol .module.cartInfo .god_forbid2 strong,
#CSSrightCol .module.cartInfo .god_forbid  strong{
	font-weight: normal;
	color: #333333;
}
#CSSrightCol .module.cartInfo .god_forbid2 {
	margin-left: 29px;
	#margin-left: 34px;
}

/* module my account *********************************************************/

#CSSrightCol .module.myAccount .header {
	height: 35px;
}
#CSSrightCol .module.myAccount {
	height: 100px;
	background: #df9504 url('img/layout/module_my_account.png') no-repeat left top;
}
#CSSrightCol .module.myAccount .content {
	padding: 5px 8px 0 8px;
	background: transparent;
}
#CSSrightCol .module.myAccount .content a { margin:0 0 2px; }

/*
#CSSrightCol .module.myAccount .header {
	height: 35px;
	color: #ffffff;
}
#CSSrightCol .module.myAccount {
	height: 100px;
	background: #df9504 url('img/layout/module_my_account.png') no-repeat left top;
}
#CSSrightCol .module.myAccount .content {
	padding: 5px 8px 0 8px;
	background: transparent;
	font-size:11px;
}
#CSSrightCol .module.myAccount .content input {margin:0; padding:0; border:1px solid #9F6C00; height:14px; font-size:11px;}
#CSSrightCol .module.myAccount .content input.submit {background:#CF9519; width:102px; height:20px; color:#fff; font-size:11px; margin:3px 3px 0 45px;}
#CSSrightCol .module.myAccount .content label {width:45px;display:block; float:left; color:#000;}
#CSSrightCol .module.myAccount .content a { margin: 0 0 5px 0; }
*/
/* module why us *************************************************************/

#CSSrightCol .module.whyUs .header {
	background: url('img/layout/module_why_us_header.png') no-repeat scroll left top transparent;
  padding-top:3px;
  height:35px;
}
#CSSrightCol .module.whyUs ul {
	padding:0;
	margin:0;
	background: url('img/layout/right_col_module_bkg.gif') no-repeat center bottom;
}

#CSSrightCol .module.whyUs li {margin:0; padding:0;
  list-style-type:none;
  padding:0 5px;
  background: url('img/layout/module_link_separator.gif') repeat-x left top;
}
#CSSrightCol .module.whyUs li:first-child { background: transparent; }

#CSSrightCol .module.whyUs li:hover {
  background:#E5B024; 
}

#CSSmainBlock #CSSrightCol .module.whyUs li span {
  float:left; 
  display:block;
  color:#111111;
  font-family:"Arial",arial,sans-serif;
	margin: 0;
	padding: 8px 5px; 
}

#CSSmainBlock #CSSrightCol .module.whyUs li a {
  display: block;
	width: auto;
	font-size: 1.0em;
	margin: 0;
	padding: 8px 7px 8px 25px; 
	text-decoration:none;
  color:#000;
  font-family: "Arial", arial, sans-serif;
}
/*#CSSmainBlock #CSSrightCol .module.whyUs li:hover a, #CSSmainBlock #CSSrightCol .module.whyUs li a:hover, #CSSmainBlock #CSSrightCol .module.whyUs li:hover span {
	color:#fff;
}

#CSSmainBlock #CSSrightCol .module.whyUs li:hover {background:#F5BD13 url('img/layout/ico_no_hover.gif') 98% 50% no-repeat;}
#CSSmainBlock #CSSrightCol .module.whyUs li:hover span {display:none;}
*/
#CSSmainBlock #CSSrightCol .module.whyUs li a em {display:none;}

#CSSmainBlock #CSSrightCol .module.whyUs li a i {font-style:normal;}

/*
#CSSmainBlock #CSSrightCol .module.whyUs li a:hover i {display:none;}
*/

/*
#CSSrightCol .module.whyUs li.no1 a { background: transparent url('img/layout/ico_no11.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no2 a { background: transparent url('img/layout/ico_no12.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no3 a { background: transparent url('img/layout/ico_no13.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no4 a { background: transparent url('img/layout/ico_no14.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no5 a { background: transparent url('img/layout/ico_no15.gif') no-repeat 5px center; }
/*
#CSSrightCol .module.whyUs li.no1 a:hover { background: #f5bd13 url('img/layout/ico_no11_hover.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no2 a:hover { background: #f5bd13 url('img/layout/ico_no12_hover.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no3 a:hover { background: #f5bd13 url('img/layout/ico_no13_hover.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no4 a:hover { background: #f5bd13 url('img/layout/ico_no14_hover.gif') no-repeat 5px center; }
#CSSrightCol .module.whyUs li.no5 a:hover { background: #f5bd13 url('img/layout/ico_no15_hover.gif') no-repeat 5px center; }
*/	

/* module news ***************************************************************/

#CSSmainBlock #CSSrightCol .module.news { background: #d6d6d4 url('img/layout/module_news.png') no-repeat left top; }
#CSSmainBlock #CSSrightCol .module.news .content {
	padding: 5px 10px 0px 10px;
	height: 120px;
	font-size: .9em;
	background: transparent;
}
#CSSmainBlock #CSSrightCol .module.news .content p {
	color:#111111;
  height: 93px;
	margin: 0 0 5px 0;
	overflow: hidden;
	line-height:1.6;
}
#CSSmainBlock #CSSrightCol .module.news .more,
#CSSmainBlock #CSSrightCol .module.news .date {
	float: left;
	font-size: 10px;
	line-height: 17px;
}
#CSSmainBlock #CSSrightCol .module.news .more {
	float: right;
	padding: 0;
	margin: 0;
	width: 50px;
	text-align: center;
	background: transparent url('img/layout/module_a_more.gif') no-repeat left top;
}
#CSSmainBlock #CSSrightCol .module.news .more:hover {
	background: transparent url('img/layout/module_a_more_hover.gif') no-repeat left top;
}

/* module services ***********************************************************/

#CSSmainBlock .module.services .content {
	padding:7px 5px;
}
#CSSmainBlock .module.services .header { background: url('img/layout/module_services.png') no-repeat left top; }

#CSSmainBlock .module.services p {margin:0; padding:0;}

#CSSmainBlock .module.services a {
	display: block;
	width: auto;
	font-size: 1.05em;
	margin:0;
	padding:7px 5px; 
	color: #000000;
	text-decoration: none;
  background: url('img/layout/module_link_separator.gif') repeat-x left top;	
}
#CSSmainBlock .module.services a:first-child { background: transparent; }

#CSSmainBlock .module.services a strong {
	font-weight: normal;
	font-family: "Arial Black", sans-serif;
}
#CSSmainBlock .module.services a:hover {
	position: relative;
	padding-bottom: 14px;
	padding-left: 10px;
	padding-right: 20px;
	margin: 0 -5px -2px -5px;
	background: #f5bd13 url('img/layout/module_services_link_hover.gif') no-repeat 98% center;
}
#CSSmainBlock .module.services p a i {font-style:normal;}
#CSSmainBlock .module.services p a em {display:none;}
#CSSmainBlock .module.services p a:hover em {
  display:block; 
  position:relative; 
  top:0px;
  left:0px;
  color:#fff;
  padding:0 5px;
  font-family:Arial; font-size:1em; font-style: normal;
}

#CSSmainBlock .module.services p a:hover i {display:none;}
/* top menubox ***************************************************************/

#CSSfooter .menubox,
#CSStopMenu .menubox {
	float: right;
	list-style: none;
	padding: 0 10px 0 0;
	margin: 0;
	background: transparent url('img/layout/site_top_menubox_bkg.gif') no-repeat right top;
	overflow:hidden;
}

#CSSfooter .info .item a {color:#fff; padding:0;}
#CSSfooter .info .item p {margin:0; padding:0;}

#CSSfooter .menubox li,
#CSSfooter .menubox li a,
#CSStopMenu .menubox li,
#CSStopMenu .menubox li a {
	float: left;color: #ffffff;
}
#CSSfooter .menubox a,
#CSStopMenu .menubox a {
	display: block;
	padding: 10px 22px;
	height: 25px;
	line-height: 15px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
  font-weight:bold;
  font-family:arial, tahoma, sans-serif;
}
#CSStopMenu .menubox a strong {
	font-size: 14px;
	color:#222222;
}

#CSStopMenu .menubox li a {
	background: transparent url('img/layout/top_menu_level0.gif') no-repeat left top; }


#CSStopMenu .menubox li a:hover,  
#CSStopMenu .menubox li:hover a  {
	background: transparent url('img/layout/top_menu_level0_hover_a.gif') top left no-repeat;
	_background: #e19b0e; }
#CSStopMenu .menubox li:hover {
	background: transparent url('img/layout/top_menu_level0_hover.gif') top right no-repeat; }
	
#CSStopMenu .menubox li.selected a {
	position: relative;
	padding: 13px 25px 12px 25px;
	margin-left: -11px;
	background: transparent url('img/layout/top_menu_level0_selected_a.png') top left no-repeat;
	_background: transparent url('img/layout/top_menu_level0_selected_a.gif') top left no-repeat; }
#CSStopMenu .menubox li.selected a:hover {
	_background: transparent url('img/layout/top_menu_level0_selected_a.gif') top left no-repeat; }

#CSStopMenu .menubox li.selected {
	position: relative;
	margin-left: 6px;
	margin-right: -5px;
	margin-top: -5px;
	background: transparent url('img/layout/top_menu_level0_selected.png') top right no-repeat;
	_background: transparent url('img/layout/top_menu_level0_selected.gif') top right no-repeat; } 

#CSStopMenu .menubox li.selected a {font-weight:bold;}

#CSStopMenu .search fieldset,
#CSStopMenu .search {
	height: 45px;
	float: left;
}
#CSStopMenu .search {
	background: url('img/layout/top_menu_search_bkg.gif') no-repeat left;
}

#CSStopMenu .search input {
	margin: 8px 0 9px 10px;
	width: 140px;
	padding: 5px 0 6px 10px;
	background: url('img/layout/search_input_bkg.gif') no-repeat left top;
}
#CSStopMenu .search .button {
	margin: 8px 0 9px 0;
	width: 30px;
	height: 28px;
	padding: 0px 0;
	text-indent: -999px;
	background: url('img/layout/search_button.gif') no-repeat right top;
}

/* footer menubox ************************************************************/

#CSSfooter .menubox {
	float: none;
	clear: both;
	height: 40px;
	background: transparent;
}
#CSSfooter .menubox a {
	padding: 0 10px;
	margin: 10px 0;
	height: 20px;
	line-height: 20px;
	color: #f8b201;
	border-left: 1px solid #909090;
}
#CSSfooter .menubox li:first-child a { border: 0 none; }

#CSSfooter .menubox a:hover { color: #ffffff; }

/* left menubox **************************************************************/

#CSSleftCol ul.menubox, 
.menubox ul {
	margin: 0px 0px 0px 0px !important; /* overwrite default module .content */
	padding: 0px 0px 0px 0px !important; /* ditto */
	list-style-type: none;
}
#CSSleftCol ul.menubox { margin: 0px 0px 0px 0px; float: left; width: 100%;}
#CSSleftCol ul.menubox li { margin: 0px 0px 0px 0px; float: left; width: 100%;}
#CSSleftCol ul.menubox a {
	display: block;
	padding: 10px 8px 10px 0;
	margin-bottom: 1px;
	height: 1%;
	font-size: 1.1em;
	line-height: 16px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	color: #000000;
	position: relative;
}

#CSSleftCol ul.menubox li a { /* level 0 */
	padding-left: 10px;
	background: #e4a009 url('img/layout/menu_level0.gif') no-repeat left top;
}
#CSSleftCol ul.menubox li a.selected {
	background: #eaeaea url('img/layout/menu_level0_selected.gif') top left;}

#CSSleftCol ul.menubox li a.hover, 
#CSSleftCol ul.menubox li a:hover {
	color: #ffffff;
	background: #ff7d05 url('img/layout/menu_level0_hover.gif') top left; }

#CSSleftCol .alt ul.menubox li a:hover {color:#000; font-weight:bold;}

#CSSleftCol ul.menubox li ul li,
#CSSleftCol ul.menubox li ul li ul li 
 {background-color:#2d592a; border-top:1px solid #174714;}
 
#CSSleftCol ul.menubox li ul li a.hover {font-weight:bold;}

#CSSleftCol ul.menubox ul li a { /* level 1 */

background:none repeat scroll 0 0 transparent; color:#FBB300; font-size:1em; margin:0 10px; padding-left:10px; text-transform:uppercase;
 
}
#CSSleftCol ul.menubox ul>li:last-child>a { border: 0 none; }

#CSSleftCol ul.menubox ul li a.selected,
#CSSleftCol ul.menubox ul li a.hover,
#CSSleftCol ul.menubox ul li a:hover {
	color: #ffffff;
	background: transparent;
}

#CSSleftCol ul.menubox ul ul li a { /* level 2 */
	padding-left: 20px;
	text-transform: none;
	color: #b4b4b4;
	background: transparent url('img/layout/menu_level2.gif') no-repeat 10px center;
}
/*
#CSSleftCol ul.menubox ul ul>li:last-child>a { border-bottom: 1px solid #b4b4b4; }
*/
#CSSleftCol ul.menubox ul ul li a.selected,
#CSSleftCol ul.menubox ul ul li a.hover,
#CSSleftCol ul.menubox ul ul li a:hover { background: transparent url('img/layout/menu_level2.gif') no-repeat 10px center; }

#CSSleftCol ul.menubox ul ul ul li a.selected,
#CSSleftCol ul.menubox ul ul ul li a.hover,
#CSSleftCol ul.menubox ul ul ul li a:hover,
#CSSleftCol ul.menubox ul ul ul li a { /* level 3 */
	padding-left: 30px;
	background-position: 20px center;
}

/* left menubox alt **********************************************************/

#CSSleftCol .menu.alt ul.menubox li { /* level 0 */
	margin: 0 0 1px 0;
	background: #144511 url('img/layout/menu_alt_level0.gif') repeat-x left top;
}
#CSSleftCol .menu.alt ul.menubox a {
	margin: 0;
  background:transparent;
}
#CSSleftCol .menu.alt ul.menubox>li:first-child a { background: url('img/layout/menu_alt_top.gif') no-repeat left top; }
#CSSleftCol .menu.alt ul.menubox li.last a { background: url('img/layout/menu_alt_bottom.gif') no-repeat left bottom; }
#CSSleftCol .menu.alt ul.menubox>li:last-child a { background: url('img/layout/menu_alt_bottom.gif') no-repeat left bottom; }

/* listLink ******************************************************************/

.listLink {
	width: 96.5%;
	float: right;
	padding: 1px 0 0 0;
	background: url('img/layout/list_link_bkg.png') repeat-x top;
}
.listLink .left,
.listLink .right {
	width: 7%;
	float: right;
	display: inline;
}
.listLink .center {
	float: right;
	line-height: 22px;
	text-align: center;
}
	
.listLink a {
	height: 16px;
	margin: 5px 0 0 0;
	padding: 0px 0 0 5px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	color: #fce122;
	border-left: 1px solid #2b5728;
}
.listLink .center a:first-child { border: 0 none; }

.listLink a.active {font-weight: bold; color:#FFFFFF;}
.listLink a:hover { color: #ffffff; }
.listLink .arrowLeft,
.listLink .arrowRight {
	float: left;
	width: 22px;
	height: 23px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none 0;
}
.listLink .arrowLeft { background: #df9504 url('img/layout/list_link_left.gif') no-repeat left center; }
.listLink .arrowRight {
	float: right;
	background: #df9504 url('img/layout/list_link_right.gif') no-repeat right center;
}
.listLink .arrowLeft:hover { background: #ffffff url('img/layout/list_link_left_hover.gif') no-repeat left center; }
.listLink .arrowRight:hover { background: #ffffff url('img/layout/list_link_right_hover.gif') no-repeat right center; }

.listLink .count {
	float: left;
	line-height: 15px;
	color: #fce122;
	font-style: italic;
}

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

#CSSfooter {
	clear: both;
	height: 240px;
	padding-top: 20px;
}
#CSSfooter .info {
	height: 70px;
	background: #df9504 url('img/layout/footer_bkg.png') no-repeat left top;
}
#CSSfooter .info .item {
	float: left;
	width: 239px;
	height: 50px;
	padding: 10px 0;
	text-align: center;
	font-style: italic;
	border-left: 1px solid #144511;
}
#CSSfooter .info .item:first-child { border-left: 0px none; }
#CSSfooter .info .item strong {
	display: block;
	font-size: 30px;
	color: #ffffff;
	font-weight: normal;
}
#CSSfooter .info .item .subscription fieldset,
#CSSfooter .info .item .subscription {
	float: left;
	clear: both;
	width: 200px;
	margin: 0;
}
#CSSfooter .info .item .subscription { padding: 7px 0 0 20px; }
#CSSfooter .info .item .subscription input {
	font-style: normal;
	color: #000000;
}

#CSSfooter .info .item .subscription .text {
	padding: 5px 5px 5px 10px;
	height: 18px;
	width: 115px;
	background: url('img/layout/input_yellow.gif') no-repeat left top;
}
#CSSfooter .info .item .subscription .button {
	width: 70px;
	height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	padding: 0;
	font-size: .9em;
	background: url('img/layout/input_yellow.gif') no-repeat right top;
}

#CSSfooter .sponsors {
  visibility:hidden;height:30px;
	border-top: #305c2e solid 1px;
	border-bottom: #305c2e solid 1px;
}

#CSSfooter .sponsors a {display:inline;}

#CSSfooter .credits {width:960px;color:#bebebe; float: left; margin:0; padding:4px 0 0 0; font-size:11px;	border-top: #305c2e solid 1px;}
#CSSfooter span {
	float: right;
}
#CSSfooter a {
	padding: 3px;
	color: #bebebe; text-decoration:none;
}

/* tools and helpers *********************************************************/


.mainPageItem {
	clear: both;
	position: relative;
	margin: 0 -10px 10px -10px;
	padding: 0 10px 10px 10px;
	background: #ffffff url('img/layout/main_page_bkg.gif') no-repeat bottom;
}
.mainPageItem .header {
	height: 36px;
	line-height: 36px;
	position: relative;
	padding: 0 10px;
	margin: 0 -10px;
	background: transparent url('img/layout/main_page_header.gif') no-repeat bottom;
}
.mainPageItem.top {
	float: left;
	width: 100%;
}
.mainPageItem .left {
	float: left;
	width: 65%;
	padding: 10px 10px 10px 0;
	border-right: 1px solid #cbcbcb;
}
.mainPageItem .right {
	float: right;
	padding: 10px 0;
	width: 30%;
	text-align: center;
	margin-top: 50px;
}
.mainPageItem .right strong {
	font-weight: normal;
	font-size: 1.5em;
}

.mainPageItem .full {
	float: left;
	display: inline;
	position: relative;
	margin: 0 -10px 10px -10px;
}
.mainPageItem .more {
	display: block;
	width: 90px;
	line-height: 17px;
	height: 17px;
	font-size: .85em;
	text-align: center;
	background: url('img/layout/link_more.gif') no-repeat left top;
	color:#000;
	text-decoration:none;
}
.mainPageItem .more:hover {
	color: #ffffff;
	background: url('img/layout/link_more_hover.gif') no-repeat left top;
}

.vaOuter { display: table; #position: relative; overflow: hidden; float: left; width: 100%; }
.vaOuter .vaInner { #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; width: 100%; text-align: center !important; }
.vaOuter .vaInner .vaItem { #position: relative; #top: -50%; }

.toleft {float:left;}

/*#biglogin table {margin:10px 0; padding:0; width:97%; border-collapse:collapse;}
#biglogin table thead td {background:#ddd;}
#biglogin table td {text-align:left; padding:3px; vertical-align:top; border:1px solid #ddd;}
#biglogin table td.center {text-align:center;}
*/
#biglogin table {margin:10px 0; padding:0; width:99%; border-collapse:collapse;}
#biglogin table thead td {background:#ddd;font-size:0.8em;}
#biglogin table td {font-size:0.9em;text-align:left; padding:3px; vertical-align:top; border:1px solid #ccc;}
#biglogin table td.center {text-align:center;}

code {font-size:11px; position:relative; top:-5px; left:10px;}
.w49 {width:49%;}
.doleva {text-align:left;}
#biglogin table td.vpravo {text-align:right;}

#biglogin table td .noborder {margin:5px 0;}
#biglogin table td .noborder td {border:none; font-size:1em;}
#biglogin table td .noborder td.br {line-height:5px;}