/* OBECNE */
* {margin : 0; padding : 0;}
html, body {
        height:100%;
}
body {
	font-size: 80%;
	font-family:Arial, Helvetica, sans-serif;
	text-align : center;
	color : #38352e;
	background: #99880f;
	background-image:url(../images/back.jpg);
}
img {border : 0;}

/* KONEC OBECNE */

/* HLAVNI BOX KTERY DRZI VSECHNY TRI SLOUPCE (+ STIN BOXU S TEXTM) */
.page-holder {
	width : 940px;
	_width : 960px; 
	text-align : left; 
	margin : auto;
	background: url('../images/bg_body.gif') 0 0 repeat-y;
    height:auto !important;
    height:100%;
    min-height:100%;
}
/* HLAVNI BOX KTERY DRZI VSECHNY TRI SLOUPCE (+ STIN BOXU S TEXTM) */

/* GRAFIKA VLEVO NAHORE */
.graphic-left {
	width : 55px;
	height : 100px;	
	float : left;
	background : url('../images/graphic-left.gif') top right no-repeat;
}
/* GRAFIKA VLEVO NAHORE */


/* HLAVNI OBSAH */
a {
color:#a19111; text-decoration : underline;
}
a: hover {
color:#807414;
}
.page-main {
	padding : 0 10px 0 10px;
	width : 620px;
	float : left;
	margin : 0 -3px 0 0; /* coz of ie (3px bug) */
}
h1 {
	width : 620px;
	height : 247px;
	font-size : 35px;
}
.header {
	width : 620px;
	height : 247px;
	position : absolute;
	background : url('../images/header.jpg') top right no-repeat;
}

ul.menu {
	margin : 0 -10px 0 -10px;
	padding : 0 10px 0 10px;
	/* border-bottom : 1px solid #f1f0ef; */
	background : url('../images/bg_menu_border.gif') bottom left no-repeat;
	width : 100%;
	height : 51px;
	list-style : none;
}
ul.menu li.first a {padding-left : 0;}
ul.menu li.last a {padding-right : 0;}
ul.menu li {
	float : left;
	height : 51px;
	_margin-bottom : -6px;
}
ul.menu li a {color : #a19111; display : block; padding : 14px 7px 22px 7px;text-decoration : none;}
ul.menu li a:hover {
border-bottom:2px solid #a19111;
/*background-color : #f0eadf; 

*/}
ul.menu li a.active { font-weight: bold; border-bottom:2px solid #000; color:#000; }

.language {
	float : right;
	margin-top : -37px;
}
.language span {color : #8a8a8a;}

.sidebar-inner {
	width : 180px;
	float : right;
	margin : 45px -10px 0 0; 
	padding : 0 10px 0 10px;
	_padding : 0 20px 0 10px;
}
.sidebar-inner ul {
	list-style : none;
	margin-right : -10px;
}
.sidebar-inner ul li.active {border-bottom : 1px solid #e6e6e6;}
.sidebar-inner ul li {margin : 0 0 5px 0;}

.content {
	margin : 40px 0 0 0;
	width : 417px;
	float: left;
}

.content-full {
	margin : 40px 0 0 0;
	width : 620px;
}


div.album img.cover {float : left; margin : 0 10px 10px 0;}
div.news img.news {float : left; margin : 0 10px 10px 0;}
div.news {  margin-bottom:40px;}
div.news .date  { font-size:80%; 	display:block; margin-bottom :10px; color:#a19111;}
div.news p {margin : 0 0 20px 0;}
.line {clear : both; height : 1px; background-color : #DADADA; color : #DADADA; margin-bottom : 10px; font-size : 0px; border : 0;}

table.album {width : 100%; border-top : 1px solid #cbcbcb; border-bottom : 1px solid #cbcbcb; border-collapse: collapse; clear : right}
table.album th {padding : 15px 0 10px 0; border-bottom : 1px solid #cbcbcb; vertical-align : top; text-align : center;}
table.album td {text-align:center;}
table.album td.first {padding-top : 10px;}
table.album td.last {padding-bottom : 20px;}
table.album td.left {text-align:left;}

.detail {width : 417px;}
.detail img.cover {float : right; margin : 0 0 10px 10px ;}

.page-main h2 {
	font-size : 160%;
	font-weight : 400;
	margin-bottom :0px;
	color:#a19111;
	text-transform: uppercase;
}
.page-main h3 {font-size : 100%; margin-bottom : 15px;color:#a19111;}
.page-main p {margin : 10px 0 5px 0;}

.page-main p.arrow-left {float : left; background : url('../images/arrow-left.gif') top left no-repeat; padding-top : 10px; font-weight : 800;}
.page-main p.arrow-right {float : right; background : url('../images/arrow-right.gif') top right no-repeat; padding-top : 10px;  font-weight : 800;}
.page-main p.show-all {clear : both; font-weight : 800;}
.page-main p.show-all a {color : #8a7171}

/* form */

label {
	text-transform : uppercase;
	display : block;
	width : 88px;
	float : left;
	font-size : 100%;
}

input, textarea {font-size : 100%;width : 310px; background-color : #f0eadf; border : 0; margin-bottom : 3px; font-family : "georgia",sherif;}
textarea {height : 80px;}

input.button {margin-left : 88px;font-size : 100%;text-transform : uppercase; width : auto; background-color : #fff;}

/* konec form */

/* zprava guestbook */

.message {border-top : 1px solid #cbcbcb; margin-top : 10px; padding-top : 10px;}
.message span.date {display : block; float: left; width : 88px;}
.message span.message-head {font-size : 110%; font-weight : 800; display : block;}
.message span.message-body {display : block; line-height : 140%; margin-left : 88px;}
/* konec zprava guestbook */

/* KONEC HLAVNI OBSAH */

/* SIDEBAR VPRAVO */
.sidebar {
	width : 245px;
	margin : 0 0 0 695px !important;
	margin : 0 0 0 692px; /* coz of ie (3px bug) */
}

.sidebar div h3 {font-size : 120%; font-weight : 400; padding : 5px 0 10px;	color:#a19111;}
.sidebar div p {padding : 0 0 5px 0 }
.sidebar div a {color:#a19111; text-decoration : none;}

.sidebar div {
	margin : 0 0 15px 15px;
	padding : 0 10px 10px 10px;
	background-color : #fff;
}

.sidebar div.graphic-sidebar {
	width : 245px;
	height : 255px;
	margin : -15px 0 0 0;
	background : url('../images/graphic-right.gif') top left no-repeat;
}
/* KONEC SIDEBAR VPRAVO */


.footer {
	clear : both;
	margin : 0 0 0 55px;
	padding : 100px 10px 10px 10px;
	/* ffox v tomto pripade spatne vykresluje margin, proto je misto nej pouzit padding horizontalni cara potom patricne odsazena */
	width : 620px;
	line-height : 200%;
	/* border-top : 1px solid #f1f0ef; */
	background : url('../images/bg_menu_border.gif') 0 100px no-repeat;
}
.footer a {margin-right : 10px;}
.cleaner {visibility : hidden; padding : 0; margin : 0; clear : both;}


/* dalsi veci */
#imageAlbum IMG {
	margin-right: 10px;
	margin-bottom:10px;
}

.gallerySwitch {
	list-style : none;
}

.gallerySwitch li {
	float:left;
}

.gallerySwitch li a {
	padding : 0px 7px 0px 7px;
	font-size: 14px;
	display: block;
}

.gallerySwitch li a.active {
	font-weight: bold;
}
