/* general stuff */
* {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

body{
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Trebuchet MS;
  background-color: #2D4351;
  font-size: 12px;
  color: #D1DEE7;
}

a, a:link, a:visited {
  text-decoration:  none;
  font-weight: bold;
  color: #F6921E;
 }
 
a:hover {
  text-decoration: underline; 
}

h1 {
  font-size: 17px;
  font-style: italic;
  font-weight: bold;
}

h3 {
	font-size: 14px;
  font-style: italic;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 3px;
}

h4 {
  color: #F6921E;
  font-weight: bold;
  font-size: 14px;
  margin-top: 8px;
  padding: 0;  
}
 
em {
  color: white;
} 
 
/* Layout */

#page {
  width: 721px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: transparent url(images/page_bg.png) repeat-y;
  padding-left: 10px;
}

#header {
  height: 68px; 
  width: 700px;
  background: transparent url(images/header.png) no-repeat;  
}

#header2a {
  width: 235px; 
  height: 235px;
  background: transparent url(images/header2a.png) no-repeat;
  margin-top: 15px;
  margin-right: 1px;
  float: left;
}

#header2b {
  width: 229px; 
  height: 235px;
  background: transparent url(images/header2b.png) no-repeat;
  margin-top: 15px;
  margin-right: 6px;
  float: left;
}


#header2 #motto1, #header2 #motto2 {
  margin-top: 175px;
  margin-left: 16px;
  float: left;
  width: 200px;
  color: #7A2E15;
  font-size: 11px;
}

#header2 #motto2 {
  margin-left: 35px;
}

#header2 #motto1 h1, #header2 #motto2 h1 {
  color: #AB401D;
  font-size: 18px;
  font-weight: bold;
}

#left {
  width: 425px;
  float: left;
  margin: 18px;
  text-align: justify;
}

#right {
  width: 226px;
  float: left;
}

#logo {
  width: 385px;
  height: 68px;
  cursor: pointer;
  display: block;
} 

#logo2a {
  width: 235px;
  height:235px;
  cursor: pointer;
  display: block;
  float: left;
} 

#logo2b {
  width: 229px;
  height:235px;
  cursor: pointer;
  display: block;
  float: left;
} 

a#logo2a:hover {
  background: transparent url(images/header2ahover.png) no-repeat;
}

a#logo2b:hover {
  background: transparent url(images/header2bhover.png) no-repeat;
}

#menu-box ul {
  width: 229px;
  margin-top: 14px;
  list-style: none;
  float: left;
}

#menu-box {
  margin-top: 14px;
}

#menu-footer ul {
  margin-bottom: 5px;
}

#menu-footer li {
  display: inline;
  margin-left: 2px;
}

p {
  margin-top: 8px;
} 
/* 
General styles for this example page */
	
#dhtmlgoodies_menu img {
	border:0px;
}

/* End general styles for this example page */
/* General configuration CSS */

#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#dhtmlgoodies_menu{
	/*visibility:hidden;*/	
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
	width: 229px;
}
#dhtmlgoodies_menu li, #dhtmlgoodies_menu #first {
	list-style-type:none;	/* No bullets */
  width: 229px;
  height: 30px;
  display: block;
  padding-left: 0px;
  line-height: 28px;
  background: transparent url(images/menu_li_bg.gif) no-repeat;
  color: #FEF5E7;
  font-weight: bold;
  font-size: 15px;
  font-style: italic;
}

#dhtmlgoodies_menu #first {
  background: transparent url(images/menu_li_first_bg.gif) no-repeat;
  height: 29px;
}

}	
#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */

/***********************************************************************
	CSS - MENU BLOCKS
 	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul{
	padding:1px;
}
	
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
}

/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a, #dhtmlgoodies_menu a:visited, #dhtmlgoodies_menu a:link {
	text-decoration:none;
	padding-left:22px;
	padding-right:2px;
	color: #FEF5E7;
  font-weight: bold;
  font-size: 15px;
  font-style: italic;
}

#dhtmlgoodies_menu a:hover {
  color: #FAAF40;
  text-decoration: none;
}
/*
Main menu items 
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;	
}
#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:bold;
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	font-weight:bold;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	padding:0px;
}
#dhtmlgoodies_menu .currentDepth2over{
	padding:0px;
}	
#dhtmlgoodies_menu .currentDepth2 a, #dhtmlgoodies_menu .currentDepth3 a, #dhtmlgoodies_menu .currentDepth4 a {
  font-size: 12px;
}
#dhtmlgoodies_menu .currentDepth2over a, #dhtmlgoodies_menu .currentDepth3over a, #dhtmlgoodies_menu .currentDepth4over a {	/* Text rules */
  font-size: 12px;
}	
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
	padding-right:2px;
}
#dhtmlgoodies_menu .currentDepth3over{
	padding-right:2px;
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:2px;
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right:2px;
} 

#kontakt {
  background: transparent url(images/rychly_kontakt.gif) no-repeat;
  width: 226px;
  height: 151px;
} 

#images {
  margin-left: 8px;
  margin-top: 5px; 
}

div#images div {
  width: 226px;
  background: transparent url(images/module_middle.gif) left repeat-y;
  text-align: center;
}

div#images img {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 8px;
}

#images div#top {
  width: 226px;
  background: transparent url(images/module_top.gif) top left no-repeat;
  height: 7px;
}

div#images div#bottom {
  width: 226px;
  background: transparent url(images/module_bottom.gif) bottom left no-repeat;
  height: 7px;
}

#footer {  
  height: 80px; 
  width: 700px;
  padding-top: 20px; 
  background-color: #1D2428;
  text-align: center; 
}

#footer a {
  font-size: 10px;
  color: #9DAAB4;
}

.clr {clear:both;}