/* Layout, header, footer */
#main { /* predefinovano pro IE */
	background: #D0D0D0;
	padding: 0 0 120px 0;
}


#main1 {
	background: #D0D0D0 url('../images/bgrnd-gradient.gif') repeat-x;
}

#page {
	width: 960px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}


#page-left {
	background: url('../images/side-line.gif') top left repeat-y;
}


#page-right {
	background: url('../images/side-line.gif') top right repeat-y;
}


#left-pane {
	float: left;
	width: 200px;
	margin: 10px auto auto auto;
	padding: 0 2px 2px 10px;
}


#right-pane {
	float: right;
	width: 240px;
	margin: 10px auto auto auto;
	padding: 2px 2px 2px 0px;
}


#main-pane {
 	width: 480px;
	margin: 10px auto auto 10px;
	float: left;
	padding: 0 0 0 3px;
}


/* index - trisloupcovy */
#main-pane-header { /* pro IE predefinovano */
	height: 90px;
	margin: 2px 0 10px 0;
}


/* dvousloupcovy layout */
#main-pane-double { /* main-pane ve dvousloupcovem layoutu */
	width: 721px;
	float: left;
	margin: 10px 0 10px 10px;
}


/* jednosloupcovy layout */
#main-pane-single { /* main-pane v jednosloupcovem layoutu */
	width: 900px;
	margin: 30px 0 10px 30px;
}


#page-header {
  clear: both;
	background: #ffffff;
}


#page-footer {
	height: 50px;
	text-align: center;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
}


#content-header {
	border: 2px solid blue;
}


#content-footer {
	background-color: #dddddd;
}





/* ************************************************************************** */
/* Header
/* ************************************************************************** */

#header {
  height: 165px;
	margin: 0;
	padding: 0;
}


/* ************************************************************************** */


#logo1 {
  height: 165px;
  width: 510px;
  float: left;
}

#logo1 img {
  padding: 6px 0 0 0;
  /*border: 1px solid red;*/
}

#logo1 a:hover {
  background: none;
  text-decoration: none;
}


/* ************************************************************************** */


#header-right {
  height: 165px;
  width: 450px;
  float: left;
}


#header-right div.title {
  width: 100%;
  height: 129px;
  float: right;
  clear: none;
  text-align: right;
}

#header-right div.title h1 {
  margin: 20px 10px 0 0;
  padding: 0;
}


/* ************************************************************************** */

#main-menu { 
  height: 32px;
  width: 100%;
  float: left;
  clear: both;
} 


#main-menu ul {
  float: left;
  padding: 0;
}

#main-menu li {
  display: inline;
  padding: 0 0 0 2px; 
}

#main-menu li a {
  color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 0 7px 9px;
  background: url(../images/menu-left.gif) no-repeat left top;
}

#main-menu li a.active { 
	background: url(../images/menu-left-active.gif) no-repeat left top; 
}


#main-menu li a span {
	padding: 7px 20px 7px 0;
	background: url(../images/menu-right.gif) no-repeat right top;
}

#main-menu li a.active span { 
	background: url(../images/menu-right-active.gif) no-repeat right top; 
}


#customer-care {
	margin: 25px 0 0 0;
	float: right;
}



#customer-care ul {
	text-align: right;
	margin: 0 12px 10px 0;
}


#customer-care li {
	display: inline;
	padding: 0 0 7px 10px;
	border-bottom: 1px dotted #666666;
}


#customer-care li a {
  background: url(../images/cart.gif) no-repeat right;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	color: #AD1488;
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}

#customer-care p {
	text-align: right;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	color: #666666;
	font-size: 8pt;
}

#customer-care p a {
	color: #666666;
	padding: 0 5px 0 5px;
}

#customer-care p a.last {
  padding: 0 0 0 5px;
}



/* ******************************************************************* */
/* *******************   i_footer   ********************************** */
/* ******************************************************************* */

#page-footer-content {
	background: #D0D0D0  url(../images/footer.gif) no-repeat;
	padding: 15px 0 25px 0;
  color: #666666;
}


#page-footer-content ul {
	margin: 5px 0 0 0;
}


#page-footer-content li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #666666;
}


#page-footer-content li.last {
	border-right: none;
}


#page-footer-content li a {
	color: #666666;
}


#page-footer-content p {	
	padding: 0;
	margin: 45px 0 0 0;
}

#page-footer-content .page-footer-bottom {
  font-size: 8pt;
}





/* ******************************************************************* */
/* *******************   submenu   *********************************** */
/* ******************************************************************* */

.submenu {
	height: 46px;
	margin: 0;
	/*padding: 0 0 0 210px;*/
	background: url(../images/submenu.gif) no-repeat;
}


.submenu-content {
	height: 33px;
	padding: 13px 25px 0 15px;
}


.submenu-content form {
	/*background: url(../images/search.gif) no-repeat right;*/
	width: 200px;
	float: left;
}


.submenu-content form input {
	border: 1px #DDD8BC;
	background: #F8F1F7;
	width: 80px;
	font-size: 8pt;
}


.submenu-content form input.submit {
	border: none;
	background: none;
	font-size: 9pt;
	font-weight: bold;
}


.submenu-content ul {
	float: right;
	margin: 1px 0 0 30px;
	padding: 0;
}


.submenu-content li {
	display: inline;
	border-right: 1px solid;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}


.submenu-content li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}



#menu .submenu li a {
	font-weight: normal;
	background: none;
	/*color: #666666;*/
	color: #000000;
	text-decoration: none;
}


#menu .submenu li a.tech-menu-active {
	color: #AD1488;
	text-decoration: underline;
}


#menu .submenu li a:hover {
	text-decoration: underline;
}