/*
Author: Jiří Petruželka | www.noxart.cz | petruzelka@nox-art.cz
*/

/* Reset */
html,body,div,p,ul,ol,li,menu,table,td,blockquote,address,pre,form,fieldset,legend,em,span,
h1,h2,h3,h4,h5,h6,pre,xmp{ margin: 0;padding: 0; }
a,table,img,fieldset,button,legend{ border: none;outline: none; }

/* Elements */
html, body{ height: 100%; }
body{
	font: 14px/1.3 "Segoe UI",Tahoma, "Lucida Grande CE", lucida, sans-serif;
	background: rgb(21,21,21) url('/pcs/pattern.gif') repeat-x 0px -147px;
	color: rgb(245,240,240);
	text-align: center;
	}
body>#container, body>#inner_container{ height: auto; }

#pattern-bottom{
	background: url('/pcs/pattern.gif') repeat-x 0px 0px;
	position: absolute;
	left: 0;
	bottom: 0px;
	height: 47px;
	width: 100%;
	}

a{	color: rgb(245,240,240);
	text-decoration: none;
	}
a:hover{ text-decoration: underline; }

address{ font-style: normal; }

p{ margin-top: 8px; }

/* --- Forms --- */
legend{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
	}
label{ display: none; }

input, textarea{
	background: rgb(21,21,21);
	color: rgb(245,240,240);
	}
input.text, textarea{
	padding: 10px 20px;
	width: 90%;
	border: 4px solid rgb(245,240,240); 
	font-size: 15px;
	}
input.submit{
	margin-top: 17px;
	border: none;
	outline: none;
	font-size: 20px;
	padding-right: 8px;
	background: url('/pcs/arrow-big.gif') no-repeat right 10px;
	cursor: pointer;
	}
input.submit:hover{ padding-right: 10px; }

input.placeholder, textarea.placeholder{
	color: rgb(205,200,200);
	font-style: italic;
	}
	
em.corner-form{
	display: block;
	width: 21px;
	height: 21px;
	background: url('/pcs/corner-form.gif');
	position: relative;
	left: 396px;
	top: 21px;
	}

select{
	padding: 10px 20px;
	width: 97%;
	border: 4px solid rgb(245,240,240); 
	font-size: 15px;
	display: block;
	background: rgb(21,21,21);
	color: rgb(245,240,240);
	cursor: pointer;
	margin-top: 10px;
}
option{
	border: 2px solid rgb(245,240,240);
	font-size: 15px;
	cursor: pointer;
	padding: 6px 20px;
}

label.display{
	font-size: 15px;
	font-weight: bold;
	margin-top: 17px;
	display: block !important;
}

/* chrome/safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	em.corner-form{
		top: 23px;
	}
}

/* === CLASSES ========================= */
.button{
	padding: 4px 10px !important;
	color: rgb(21,21,21) !important;
	background: rgb(245,240,240) !important;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

.hidden{ visibility: hidden; }

#loading{
	background: rgb(0,0,0) url('/pcs/loading.gif') no-repeat center center;
	opacity: .6;
	display: none;
	z-index: 1000;
	cursor: progress;
}

/* === TEMPLATE ========================= */
#container{
	min-height: 100%;
	height: 100%;
	position: relative;
	}
#inner_container{
	margin: 0 auto;
	width: 850px;
	height: 100%;
	min-height: 100%;	
	text-align: left;
	padding-bottom: 100px;
	}

/* --- Header --- */
#header{
	padding-top: 124px;
	margin: 0 50px 66px 50px;
	height: 185px;
	}
	
#logo{
	float: left;
	display: inline;
	margin-right: 24px;
	position: relative;
	width: 295px;
	height: 185px;
	}	
#logo a{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url('/pcs/logo.gif');
	}
#logo h1{
	position: absolute;
	left: 30px;
	top: 30px;
	}

#header menu{
	width: 411px;
	height: 32px;
	float: left;
	}
	#header menu li{		
		list-style: none;
		display: inline;
		font-size: 20px;
		padding-left: 20px;
		/*cursor: help;*/
		}
	#header menu a{
		cursor: pointer;
		padding-right: 8px;
		background: url('/pcs/arrow-big.gif') no-repeat right 11px;
		}

#header span{
	width: 411px;
	float: left;
	display: inline;
	margin: 10px 0 13px 20px;
	}
	#header span img{ padding-right: 2px; }

#header p{
	float: left;
	padding-left: 20px;
	width: 411px;
	}
/* --- /header --- */


#content{
	clear: both;
	margin: 0 50px;
	position: relative;
	min-height: 400px;
	}

#footer{
	clear: both;
	width: 850px;
	height: 60px;
	margin: 40px 0;
	background: url('/pcs/dashed.gif') repeat-x left top;
	}
	#footer li{
		list-style: none;
		padding-top: 13px;
		display: inline;
		}
	#footer li, #footer a{
		color: rgb(150,150,150);
		font-style: italic;
		}
	#footer a{ text-decoration: underline;background: none; }
	
	#copy{
		float: left;
		margin-left: 50px;
		width: 24%;
		}
		#copy a{ padding-top: 5px;display: block; }
	
	#links{
		float: left;
		margin-left: 60px;
		width: 35%;
		}
		#links a{ padding: 0 5px; }
	
	#author{
		float: right;
		margin-right: 50px;
		width: 20%;
		}

/* === DECORATIONS =================== */
#uvod #decoration{
	position: absolute;
	top: -250px;
	left: -500px;
	width: 400px;
	height: 266px;
	background-image: url('/data/decoration/7.jpg');
	border: 4px solid rgb(245,245,245);
	display: none;
}

.decoration{
	position: absolute;
	top: -248px;
	width: 250px;
	height: 374px;
	border: 4px solid rgb(245,245,245);
}

#kontakt #decoration-one{
	/*left: -290px;
	background-image: url('/data/decoration/1.jpg');*/
	display: none;
}
#kontakt #decoration-two{
	/*right: -290px;
	background-image: url('/data/decoration/11.jpg');*/
	display: none;
}
#kontakt .decoration{
	position: relative;
	left: 0;
	top: 0;
	background-image: url('/data/decoration/1.jpg');
	margin-top: 35px;
}

#rezervovat #decoration-one{
	left: -290px;
	background-image: url('/data/decoration/4.jpg');
}
#rezervovat #decoration-two{
	right: -290px;
	background-image: url('/data/decoration/6.jpg');
}

#rezervovat #sidebar{
	padding-bottom: 400px;
}

#rezervovat #decoration-three{
	position: absolute;
	top: 0px;
	left: 0px;

	width: 266px;
	height: 400px;
	background-image: url('/data/decoration/6.jpg');
	border: 4px solid rgb(245,245,245);
}


/* === PAGES ========================= */
#content a{
	padding-right: 5px;
	background: url('/pcs/arrow-small.gif') no-repeat right 8px;
	}

#content a.big{
	font-size: 20px;
	padding-right: 8px;
	background: url('/pcs/arrow-big.gif') no-repeat right 11px;
	}

/* --- Index --- */
#slider{
	width: 374px !important;
	overflow: hidden;
	margin: 15px 0 40px 40px;
	position: relative;
	height: 221px;
}

#slider ol{
	width: 2618px;
	position: relative;
	height: 216px;
}
#slider ol li{
	float: left;
	display: inline;
	width: 168px;
	margin-right: 19px;
	list-style: none;
}
#slider ol li.last{ margin-right: 0; }

#slider a.thumb img{
	border: 4px solid rgb(245,240,240);
}
#slider a.thumb{
	display: block;
	width: 168px;
	height: 221px;
	position: relative;
	background: none;
	padding-right: 0;
}
#slider a.thumb em{
	display: block;
	height: 31px;
	width: 31px;
	background: url('/pcs/corner-gallery.png') no-repeat right top;
	position: absolute;
	right: 0;
	top: 0;
}

#sidebar{
	text-align: center;
	float: left;
	display: inline;
	width: 295px;
	margin-right: 44px;
	}
#sidebar a.big{
	margin: 30px 0;
	display: block;
	background: none;
	}
	
#galerie-prodejny a.image, #sidebar a.image{
	background: none;
	position: relative;
	display: block;
	width: 302px;
	height: 229px;
	padding-right: 0;
	}	
#galerie-prodejny a.image img, #sidebar a.image img{
	border: 4px solid rgb(245,240,240);
	cursor: pointer;
	}
#galerie-prodejny a.image em, #sidebar a.image em{
	display: block;
	width: 52px;
	height: 53px;
	background: url('/pcs/corner-photo.png') no-repeat;
	position: absolute;
	right: 0;
	}
#galerie-prodejny a.image-top em, #sidebar a.image-top em{
	top: 0;
	background-position: left -53px;
	}
#galerie-prodejny a.image-bottom em, #sidebar a.image-bottom em{
	bottom: 0;
	background-position: left top;
	}

#main{
	float: left;
	width: 411px;
	display: inline;
	}

#main h2{
	font-weight: normal;
	margin-right: -50px;
	margin-bottom: 64px;
	margin-top: 36px;
	padding-right: 50px;
	width: 411px;
	background: url('/pcs/dashed.gif') repeat-x left 16px;
	text-align: right; 
	}
	#main h2 span{ background-color: rgb(21,21,21);padding: 0 6px; }
	
	#main h3{
		text-align: right;
		margin-right: 20px;
	}

#main a.facebook{
	float: left;
	width: 150px;
	margin-right: 21px;
	background: none;
	padding-right: 0;
	}
#main a.facebook img{
	float: left;
	margin-right: 10px;
	}

#main div{
	float: left;
	width: 240px;
	text-align: right;
	}
	
/* --- Kontakt --- */
#kontakt #sidebar{ text-align: left; }
#kontakt #sidebar h4{ margin: 15px 0 2px; }
#kontakt #sidebar p{ margin: 0; }
#kontakt #sidebar a.facebook img{ float: left;margin-right: 10px; }

/* --- Galerie --- */
a#gallery-left, a#gallery-right{
	position: absolute;
	top: 0px;
	width: 40px;
	height: 221px;
	background-image: url('/pcs/arrow-gallery.gif');
	overflow: hidden;
	text-indent: -1000px;
	padding: 0;
	cursor: pointer;
}
a#gallery-left{
	left: -55px;
	background-position: 24px center;
}
a#gallery-right{
	right: -40px;
	background-position: -16px center;
}
a#gallery-left.disabled, a#gallery-right.disabled{
	cursor: default;
	opacity: .5;
}

#gallery-slice{
	width: 748px;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
}
#loading{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center 100px;
}


#galerie ol{
	width: 769px;
	position: relative;
	min-height: 216px;
}
#galerie #content ol li{
	float: left;
	display: inline;
	width: 168px;
	margin-right: 19px;
	list-style: none;
}
#galerie ol li.last{ margin-right: 0; }

#galerie a.thumb img{
	border: 4px solid rgb(245,240,240);
}
#galerie a.thumb{
	display: block;
	width: 168px;
	height: 221px;
	position: relative;
	background: none;
	padding-right: 0;
}
#galerie a.thumb em{
	display: block;
	height: 31px;
	width: 31px;
	background: url('/pcs/corner-gallery.png') no-repeat right top;
	position: absolute;
	right: 0;
	top: 0;
}

#galerie #content span{
	color: rgb(21,21,21);
	background: rgb(245,240,240);
	padding: 2px 8px 3px;
	float: right;
	position: relative;
	margin: 5px 0 8px;
}
#galerie #content span em{
	position: absolute;
	right: 11px;
	bottom: -5px;
	display: block;
	width: 10px;
	height: 5px;
	background: url('/pcs/arrow-down.gif');
}

#galerie #content p{
	clear: both;
	margin: 0 0 9px 10px;
	padding-bottom: 9px;
	background: url('/pcs/dashed.gif') repeat-x left bottom;
}
#galerie #content p:last-of-type{ background: none;margin-bottom: 0; }

#galerie #content p a{
	float: right;
	margin: 3px;
}

#galerie #content p em{
	color: rgb(190,190,190);
}

#paging, #reserved, #reserve{
	float: left;
}
#paging strong, #reserved h3, #reserve strong{
	font-size: 20px;
	font-weight: normal;
}
#paging form{
	margin-top: 15px;
}

#paging{
	width: 140px;
	margin-left: 4px;
}
#paging input[type=number]{
	border: none;
	border-bottom: 1px solid rgb(245,240,240);
	text-align: right;
}
#paging input[type=submit]{
	border: none;
	padding-right: 5px;
	padding-left: 0;
	background: url('/pcs/arrow-small.gif') no-repeat right 9px;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
}

#reserved{
	width: 374px;
	margin-left: 47px;
}
#reserved li{
	list-style: none;
}
#reserved a{
	text-decoration: underline;
	padding: 0;
	background: none;
}

#reserve{
	width: 163px;
}

/* --- Rezervace --- */
#rezervovat #sidebar{
	text-align: left;
	width: 245px;
	padding-left: 50px;
}
#rezervovat #sidebar ul{
	list-style: none;
}
#rezervovat #sidebar ul a{
	text-decoration: underline;
}

#rezervovat #sidebar li a{
	background: none;
	padding: 0;
}

#rezervovat #sidebar h3{
	margin-top: 15px;
	margin-bottom: 16px;
}


/* --- Galerie prodejny --- */
#galerie-prodejny a.image{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

/* --- Admin --- */
#admin #content input{ border: 1px solid rgb(245,240,240);padding: 1px;margin: 1px; }
#admin #content div{
	width: 160px;
	float: left;
	margin-right: 25px;
	margin-bottom: 50px;
	min-height: 213px;
}
#admin #content ul{ clear: both;list-style: none; }
#admin #content li{ padding-bottom: 8px; }
#admin #content a{ text-decoration: underline; }
#admin #content h2{ margin-top: 30px; }

#admin li.highlighted input{ color: rgb(230,50,0);border: 1px solid rgb(230,50,0) !important; }