/*************************************************
 *												 *
 *    Author: Jan Weber, www.janweber.cz		 *  
 *												 *
 *************************************************/

body { background: #2f0407; overflow-x: hidden; color: #fff; }
table { border: 1px #ff3434 dotted; width: 100%; }
table th, table td { vertical-align: middle;  border: 1px #ccc dotted;   }
table th {  font-size: 0.9em; }
.blue { color: #008bca !important; }
.orange { color: #fa6600 !important; }

li { margin: 0 0 0 15px; color: #b79937; }
#SubCategories a { color: #b79937; font-weight: bold;  }
#SubCategories a:hover { text-decoration: underline;  }

/******  SKELETON  ******/
#main-box { width: 920px; margin: 0 auto; position: relative; }
#left-element { width: 126px; height: 783px; position: absolute; top:0; left: -126px; z-index: 10; 
		background: url("images/light-left2.jpg") no-repeat 0 0; }
#right-element { width: 119px; height: 731px; position: absolute; top:0; right: -119px; z-index: 10; 
		background: url("images/light-right.jpg") no-repeat 0 0; }
#bottom-element { width: 275px; height: 141px; position: absolute; bottom: -3px; right: -152px; z-index: 30; 
		background: url("images/footer-image2.png") no-repeat 0 0; }
		
#bottom-element-glass1, #bottom-element-glass2 { width: 105px; height: 286px; position: absolute; bottom: -20px; right: -52px; z-index: 105; 
		background: url("images/glass1.png") no-repeat 0 0; }						
#bottom-element-glass2 { background: url("images/glass2.png") no-repeat 0 0; }	


/******* HLAVICKA *******/
#header { position: relative; width: 920px; height: 180px; background: url("images/header.jpg") no-repeat 0 0; }
#logo {position:absolute; top: 37px; left: 44px; overflow:hidden; width:169px; height:93px; font-size:1em; }
#logo span {display:block; position:absolute; left:0; top:0; z-index:10; width:169px; height:93px; background:url("images/logo.png") 0 0 no-repeat;}

#topmenu { position: absolute; top:0; right: 20px; width: 300px; height: 80px; color: #555555; text-align: right; }
#topmenu a { color: #555555; font-size: 0.9em;  padding: 2px 0 2px 15px; margin: 0 0 0 10px; text-decoration: none;}
#topmenu a:hover { text-decoration: underline; }
#topmenu .sitemap { background: url("images/sitemap.gif") no-repeat 0 50%; }
#topmenu .mail { background: url("images/mail.gif") no-repeat 0 50%; }
#topmenu .homepage { background: url("images/homepage.gif") no-repeat 0 50%; }
#topmenu .img-button { background: none; border: none; cursor: pointer; position: relative; top: 4px;}
#topmenu p { margin: 10px 0;}
 
/******* MENU A BANNER *******/
#menu-banner { width: 920px; height: 280px; }
#menu { width: 255px; height: 280px; background: url("images/menu-bg.jpg") no-repeat 0 0; float: left; }
#banner { width: 665px; height: 280px; background: url("images/main-image.jpg") no-repeat 0 0; float: right; } 

/******* NOVINKY A OBSAH *******/
#news-content { background: #1c1c1c url("images/news-content-bg.gif") repeat-y 0 0; }
h2 { font-size: 1.8em; color: #b79937; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: normal; margin: 15px 0 20px 0;}
h3 { font-size: 1em; color: #b79937; margin:0; padding:0; }
#news-content h3 a { font-size: 1em; color: #b79937; margin:0; padding:0; }
#news-content h3:hover a { color:#686868; }
p {  margin: 5px 0 20px 0;}

#news { float: left; width: 255px; }
#news-in { padding: 10px 20px; }
#news a {}
#news a:hover {}

#content { float: right; width: 665px; position: relative; z-index: 50; }

#content-in { padding: 10px 20px; margin: 0 0 30px 0;}
#content p {  margin: 5px 0 5px 0;}
#content a {}
#content a:hover {}

.content-item { margin: 0 0 10px 0;}
.content-item-img { float: left;  width: 70px; height: 97px; float: left; background: #1c1c1c; margin: 0 10px 10px 0; overflow: hidden;  text-align: center; }
.content-item-img img { height: 97px !important; }

.content-item-txt { }

#page_images { margin: 20px 0 0 0;}
.page_image_box { float: left; width: 70px; height: 97px;  background: #1c1c1c;  margin: 0 10px 10px 0; overflow: hidden;  text-align: center; }
.page_image { text-align: center;}
.page_image img { height: 97px; }

/******* PATICKA *******/
#footer { width: 920px; height: 69px; background: url("images/footer-bg.jpg") no-repeat 0 0; }
#footer-in { padding: 25px 0 0 20px; font-size: 0.8em; color: #6d2f35;  }
#footer a { color: #6d2f35; }
/******* WEBSITE MAP *******/
#sitemaps  ul { margin: 0 20px;}
#sitemaps li { margin: 0 20px;}

/******* ERROR PAGES *******/
#page404 { font-size: 1.1em; margin: 50px 0 0 0; color: #aaa; }
#page404 li { margin: 0 0 0 15px;}
#page404 p { margin: 10px 0 10px 0;}
#page404 em { font-weight: bold; font-size: 1.2em; color: #ccc;}
#page404 a { font-weight: bold; font-size: 1.2em; text-decoration: underline; color: #ccc;}

/******* ADMIN BOX *******/
#admin_box { padding: 10px; position: absolute; top: -70px; right: 20px; background: #fff;  opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4;    }

#breadcrumbs { position: absolute; bottom: 16px; left: 276px; color: #b79937; }
#breadcrumbs a { color: #b79937; }


/***** FORMS *****/
fieldset {  padding: 10px; border: solid 1px #555; width: 400px;}
legend { border: solid 1px #555; padding: 2px 4px;  }
#objednavka input { padding: 2px 4px; width: 200px; }
#objednavka textarea { padding: 2px 4px; width: 200px; height: 60px; }
#objednavka tr, #objednavka td { border: none; }
#objednavka table { border: none; width: auto; }