/* -- ==================================================================== -- 
                                 Basic styles			
   -- ==================================================================== -- */
   
body {
	text-align: center;
	font-family: 'Trebuchet MS', arial, verdana, tahoma, sans-serif;
	font-size: 73%; 
	padding: 0 0 20px 0;
	margin: 0;
	line-height: 175%;
	background: #524b3d url('../images/body-bg.png') center top no-repeat;
	color: #645944;
	border-top: 4px solid #3c2e14;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
   
h1 {
	font-size: 170%;
	margin: 0 0 0 97px;
	padding: 127px 0 0 0;
}
   
h2 {
	color: #3c2e14;
	font-size: 130%;
	margin: 0;
	padding: 0 20px 0 0;
	font-weight: bold;
}

a {
	color: #8e713e;
	text-decoration: none;
}

a:hover {color: #000;}
	
input, textarea {
	border: 0;
	padding: 3px 0 0 5px;
	font-family: 'trebuchet ms';
	display: block;
}

textarea {overflow: auto;}

label {
	margin: 10px 0 0 0;
	display: block;
}
   
p {
	padding: 0 20px 0 0;
	margin: 1.3em 0;
}   
   
ul {
	margin: 0;
	padding: 0;
}

li {list-style-type: none;}

img, a img {border: 0;}

/* -- ==================================================================== -- 
                                  Menu styles			
   -- ==================================================================== -- */
   
ul#menu {
	background: transparent;
	min-height: 86px;
	width: 894px;
	margin: 0 auto;
	font-family: tahoma, arial, sans-serif;
}
	
ul#menu li {
	float: left;
	line-height: 86px;
	cursor: default;
	background: url('../images/menu-separator.png') right top no-repeat;
	padding: 0 26px;
}	

ul#menu li a {vertical-align: middle;}

ul#menu li#last {
	padding: 0 0 0 31px;
	background: url('');
}

ul#menu li a { color: #bd954e; }
ul#menu li a:hover, ul#menu li a#active {color: #e8ddca;}

   
/* -- ==================================================================== -- 
                                 Header styles			
   -- ==================================================================== -- */

div#header {
	height: 281px;
	width: 894px;
	margin: 0 auto;
	margin-bottom: 40px; 
	background: #ff7600 url('../images/header-bg.png') left bottom no-repeat;
	position: relative;
	text-align: left;
	line-height: 110%;
}

div#header p {
	position: absolute;
	bottom: 98px;
	left: 100px;
	color: #ffdbb3;
	margin: 0;
	font-size: 170%;
}

h1 a {
	position: relative; 
	overflow: hidden;
	background-color: #ff7600;
	text-decoration: none;
	color: #fff;
	
}

h1 a, h1 a span {
	width: 221px;
	height: 24px;
	display: block;
	cursor: pointer;
}
 
h1 a span {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('../images/logo.png') no-repeat;
}


/* -- ==================================================================== -- 
                         Wrapper & Content styles			
   -- ==================================================================== -- */

/* -- horní stín nad contentem, width 100% -- */   
div#wrapper {
	background: #f5e6c5 url('../images/wrapper-bg.png') center top repeat-x;
	padding: 30px 0 0 0;
	min-width: 894px;

}   
   
/* -- pozadí contentu, width 100%, height auto -- */   
div#content {
	background: #f5e6c5 url('../images/content-bg.png') center top repeat;
	padding: 0 0 20px 0;
	width: expression(this.width < 914 ? "914px" : this.width);
}  

/* -- ==================================================================== -- 
                              Inner-content styles			
   -- ==================================================================== -- */
   
div#inner-content {
	background: transparent;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
	width: 854px;
	display: block;
}  

/* -- content s logem ČSSD vlevo -- */   
div#inner-content.logo {
	width: 544px;
	background: transparent url('../images/cssd.png') 76px 48px no-repeat;
	padding: 0 0 20px 310px; 
	min-height: 250px;
	margin-right: expression(document.body.clientWidth > 914 ? "auto" : "40px");
}

/* -- content bez levého loga, zarovnán vlevo -- */
div#inner-content.vlevo {
	width: 854px;
	margin: 0 auto;
	padding: 0 0 20px 0; 
}

div#inner-content.vlevo p {width: 544px;}

div#inner-content ul {
	float: left;
	margin: 0 40px 0 0;
	
}

div#inner-content ul li {
	background: transparent url('../images/content-li.png') left 7px no-repeat;
	padding: 0 0 0 10px;
}

div#inner-content.logo div.lists {width: 544px;}

div#inner-content.logo div.lists ul {
	width: 150px; 
	float: left;
}

/* -- gallery -- */
div#inner-content ul.gallery {
	width: 854px;
	margin: 0 0 0 10px;
	padding: 0;
}

div#inner-content ul.gallery li {
	float: left;
	margin: 9px;
	padding: 0;
	/*width: 252px;
	height: 105px;*/
	border: 5px solid #d9caad;
	background: #f5efe3 url('');
}

div#inner-content ul.gallery li.first {margin-left: 0;}
div#inner-content ul.gallery li.third {margin-right: 0;}

div#inner-content ul.gallery li a {
	width: 250px;
	height: 103px;
	display: block;
	border: 1px solid #bdac81;
	text-align: center;
}


/* -- ==================================================================== -- 
                    Inner-content - Contact form styles			
   -- ==================================================================== -- */

form#contact-form {
	width: 335px;
}

form#contact-form input {
	width: 225px;
	height: 20px;
	background: url('../images/input-bg.png') no-repeat;
}

form#contact-form textarea {
	width: 335px;
	height: 92px;
	background: url('../images/textarea-bg.png') top left no-repeat;
	background-attachment: scroll;
	font-size: 120%;
}

form#contact-form input.submit {
	width: 80px;
	height: 24px;
	background: url('../images/submit.png') no-repeat;
	text-align: center;
	color: #fcebd9;
	padding: 0;
	margin: 10px 0 0 0;
	cursor: pointer;
}


/* -- ==================================================================== -- 
                                 Footer styles			
   -- ==================================================================== -- */

div#footer {
	width: 100%;
	background: transparent url('../images/footer-bg.png') center 10px repeat-x;
}

div#footer p {
	width: 854px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 90%;
}

div#footer {color: #bd954e;}
div#footer a:hover {color: #e8ddca;}


/* -- ==================================================================== -- 
                                 Other styles			
   -- ==================================================================== -- */

.left {float: left;}
.right {float: right;}

.border {
	border-bottom: 1px solid #d3c4a5;
	padding: 0 0 15px 0;
}

.cleaner {
	visibility: hidden;
	clear: both;
}