@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; }

body  {
	margin: 0;
	background-image: url(../pics/site/body-bg.jpg);
	background-repeat: repeat-x;
	background-color: #362c29;
}

body, div, p, table, td, th, ol, textarea, input
{
	font: normal 11pt/1.45 Trebuchet MS, Arial, Verdana, sans-serif;
	color: #ece9d4;
}

img {border: none;}

h1 {
	color: #f9f9f9;
  text-align: left;
  font-size: 28px;
  font-weight: bold;
  text-transform: none;
}

h2
{
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  color: #f9f9f9;
  font-weight: bold;
  font-style: italic;  
}

h3
{
  text-align: left;
  color: #e7c680;
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
}

hr {  border: 0; margin: 5px 0 10px 0; color: #5E5842; background-color: #5E5842; height: 1px; }

em   {
  color: #5c5344;
	font-style: normal;
  font-size: 12px;
  text-align: left;
}

label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}

#naj {
	position: absolute;
	display: block;
	bottom: 0;
	right:0;
}

#menu fieldset {
	border: none;
}

#menu input {
	border: none;
	font-size: 10px;
	color:#000;
	background: none;
	padding: 3px;
}

#menu input.form {
	border-top:1px solid #7c7c7c;
	font-size: 11px;
	color:#aaa;
	margin-bottom: 5px;
	background: #4c3d3b;
	padding: 3px 3px 5px 3px;
	height: 20px;
}

input {
	border: none;
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color:#eee;
	background: #4c3d3b;
	border: 1px Solid #b9b4b4;
	padding: 3px;
}

input.form {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color:#eee;
	background: #4c3d3b;
	border: 1px Solid #b9b4b4;
	margin-bottom: 5px;
	padding: 3px 3px 5px 3px;
	height: 20px;
}

textarea {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color:#eee;
	background: #4c3d3b;
	border: 1px Solid #b9b4b4;
}

textarea.form {
	border-top:1px solid #7c7c7c;
	border-right:1px solid #4c3d3b;
	border-bottom:1px solid #4c3d3b;
	border-left:1px solid #4c3d3b;  	
	color:#aaa;
	background: #4c3d3b;
}

#vyhladaj  {
  position: absolute;
  right: 34px;
  top: 24px;
  width: 170px;
  height: 21px;
}

#vyhladaj input{
	border: none;
	font-size: 10px;
	color:#000;
	/*background: #cfcfcf;*/
	height: 20px;
	_height: 19px;
	*height: 19px;
	width: 100%;
	padding: 3px;
	background-color: none;
}
 
 /* SUBMENU STYLE */	
#navcontainer
{
  position:relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 28px 0 0 0;
  padding: 0 0 0 0;
}

#navcontainer ul {list-style:square url(../pics/site/submenu-arrow.gif); padding: 0px; margin:0px 0px 0px 50px;}
#navcontainer ul li {text-align: left;}

#navcontainer #navlist
{
  position:relative;
  display: block;
  padding: 0;
  list-style-type: none;
  margin-top: 28px;
}

#navcontainer #navlist a
{
  position:relative;
	display: block;
	height: 25px;
  color: #eeda9e;
  text-decoration: none;
  font-weight: bold; 
  font-style: italic; 
}

#navcontainer #navlist a:hover, #navcontainer #navlist a.selected
{	
  font-style: italic; 
	color: #fefefe;
	font-weight: bold;
}

#rozbalsubmenu
{	
  display: block;
  position: relative;
	background-image: url(../pics/site/submenu-rozbal.gif);
	background-position: center left;
	background-repeat: no-repeat;
  padding-left: 26px;
  margin-left: 20px;
  font-size: 18px;
	color: #fff;
	font-weight: normal;
}

/* TLACIDLO */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/* SITE */	
#page	{
  position: absolute;
  display: block;
  width: 980px;
  left:50%;
  top:0px;
  margin-left: -490px; 
}

#header	{
  position: relative;
  display: block;
	width: 980px;
  height: 104px;
}

#logo{
  position: relative;
  display: block;
	width: 320px;
	height: 104px;
}

#header-obsah{
  position: absolute;
  display: block;
	width: auto;
	height: auto;
	bottom: 5px;
	right: 0;
  padding: 0;
  margin: 0;
}

/*
    V indexe zadefinovane:
     <a href="/cz" title="Czech">CZ</a> | <a href="/en" title="English">EN</a>

#header-obsah a, #header-obsah a:link, #header-obsah a:visited
{ color: #a8a8a9; text-decoration: none; font-weight: bold; }

#header-obsah a:hover
{	color: #666667; font-weight: bold; }

*/

#menu	{
  position: relative;
  display: block;
	width: 980px; 
	height: 72px;
	text-align: left;
}

#menu_box	{ position: relative; display: block; top: 30%; }


.menustyle   {
  position: relative;
  display: block;
  float: left;
  height: 25px;
  margin-left: 22px;
  background: none;	
}

.menustyle a, .menustyle a:link, .menustyle a:hover, .menustyle a:visited
{
	background: url(../pics/site/menu-arrow.gif) 0% 50% no-repeat;
  padding-left: 22px;		
	font-weight: bolder;
	font-size: 16px;
	width: auto;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
}
		    
.menustyle a:hover {  color: #ff4900;  text-decoration: none; }	
.menustyle a.selected {color: #ff4900; text-decoration: none;}

#hladajbox	{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 280px;
  height: 72px;
	background-image: url(../pics/site/bgvyhladaj.jpg);
	background-repeat: none;
	text-align: left;
}

/*flash*/
#flash
{
  position: relative; 
  display: block;
  width: 980px;
  height: 320px;
}

#slideshow {
    position: relative;
    display: block;
    height: 320px;
    width: 980px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

/*CONTENT*/
#content
{
  display: table;
  position: relative;
  width: 980px;
  min-height: 500px; height: auto !important;
 	background-color: #2b2221;
  margin: 4px 0 4px 0;
}

/* if any submnenu */
#content_obsah { position:relative; display: block; width: 920px; margin: 4px 0px 4px 0px; padding: 30px ; min-height: 500px; text-align: left; }


#content_obsah ul
{
  margin-left: 15px;
}

#submenu_box { position: relative; display:block; float:left; width: 230px; min-height: 420px; height: 420px; height: auto !important; text-align: left; 	background-color: #2b2221;}
#submenu_box a {color: #fff; text-decoration: none;}
#submenu { position: relative; display:block; width: 210px; margin: 0px 10px 0px 10px; min-height: 310px; text-align: left; background:none;}
#facebook { position: relative; display: block; width: 180px; height: 110px; left:0; bottom:0; margin: 35px 15px 10px 15px; background: none;}
#facebook img { margin-top: 10px; width: 180px; height: auto;}


#obsah_box {  position: relative; display:block; float: right; width: 750px;  min-height: 500px; height: auto !important;  height: 500px; text-align: left; 	background-color: #2b2221;}
#obsah { position: relative; display:block; width: 725px; margin: 20px 15px 20px 10px;}

#obsah a, #content_obsah a {
  color: #eeda9e;
  text-transform: none;
  font-weight: bold;
  text-decoration: underline; 
}

#obsah a:hover, #content_obsah a:hover {  text-decoration: none; }

#obsah img { border: none; /*border:1px solid #eeda9e;*/}

.box	{
  position:relative;
  display: block;
  overflow: hidden;
  width: 355px;
  height: 332px;
	background: url(../pics/site/bg-box.gif) no-repeat;
	text-align: left;
}

.box_obsah {width: 330px; height: 300px; margin: 13px 13px 27px 12px;}
.box_obsahtext { width: 300px; margin: 0px 15px 0px 15px; }
.box_obsahtext p { font-size: 13px; line-height:16px; color: #81837b; font-weight: bold;}
#obsah .box .box_obsah img { border: none; width:330px; height: auto; border-bottom: 5px solid #312b2a; margin-bottom: 5px;}

#obsah .box .box_obsah ul li,
#galeria_prev_obsah ul li {
  float: left;
	padding: 0 10px 0 0;
	margin: 10px 0 5px 0;
	list-style-type: none;
	position: relative;
	display: table-cell;
  background: url("../pics/site/tlacidlo_rc_bg.gif") no-repeat top right;
}

html[xmlns] #obsah .box .box_obsah ul li,
html[xmlns] #galeria_prev_obsah ul li	{
	display:block;
	margin-left: 0;
}

#obsah .box .box_obsah ul li a,
#galeria_prev_obsah ul li a  {  
  float: left; 
  background: url("../pics/site/tlacidlo_bg.gif") no-repeat top left;
  color: #272727;
  display: block;
  font: normal 12px Trebuchet MS, Arial;
  height: 25px;
  width: auto;
  padding: 5px 15px 5px 15px; /* sliding doors padding */
  text-decoration: none;
}

#obsah .box .box_obsah ul li a:hover,
#galeria_prev_obsah ul li a:hover  {   
    color: #a73202;
}

#galeria_prev {
  background-color: #221b1a;	
  display: block;
  position: relative;
  width: 980px;
}

#galeria_prev_obsah {width: 930px; padding: 20px 20px 25px 30px;}

.galeria_prev_box 
{
  position: relative; 
  display: block; 
  float: left;
  margin: 10px 15px 10px 5px; 
  width: 200px; 
  height: 240px;
  background-color: #292220; 
  font-weight: bold; 
  color: #e7c680; 
  text-align: center;
}

#footer
{
	display: block;
	width: 980px;
	color: #e7c680;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	text-transform: none;
}

#footer a
{
  color: #e7c680; text-decoration: none; font-weight: bold;
}

#marginfoot
{
  font-weight: normal;
  font-size: 12px;
  margin: 10px 30px 10px 30px;
}

/*************************************************************
 *
 * GALERIA
 * 
 ************************************************************/

.galeria
{
  text-align: center;
  /*background: #fff;*/
  color: #000;
  margin: 0;
  padding: 0;
  width: 900px;
  margin: 0;
  font-size:12px;
  border: none;
}

.galeria_kategoria, .galeria_sekcia
{
  position: relative;
  display: block;
  margin: 10px;
	float: left;
	width: 200px;
	min-height: 200px
	height: auto !important;
	text-align: center;
}

.holder
{
  position: relative;
  display: block;
  margin: 0;
	float: none;
	width: 200px;
	height: 200px;
}

.galeria_kategoria .galeria_nazov
{
  position: relative;
	display: block;
	width: 180px;
	height: auto;
	margin: 0;
	padding: 10px;
	background: #342a28;
}

#galeria_prev_obsah .galeria_kategoria .galeria_nazov
{
  position: relative;
	display: block;
	width: 180px;
	height: auto;
	margin: 0;
	padding: 10px;
	background: #292220;
}

.galeria_nazov a
{
  color: #eeda9e;
  text-transform: none;
  font-weight: bold;
  text-decoration: none; 
}


.galeria_nazov a:hover  {  text-decoration: underline; }

.galeria_kategoria .holder img,
.galeria .holder img
{
  position: absolute;
  left: 0;
  top: 0;
	display: block;
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
}

.galeria_kategoria .holder a,
.galeria .holder a
{
  position: absolute;
  left: 0;
  top: 0;
	display: block;
	/*background: #f3e0db;*/
	width: 200px;
	height: 200px;
	/*float: left;*/
	padding: 0;
	margin: 0;
	background: url(../pics/site/photo_a_bg.gif) 0 0 no-repeat;
}