/*
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; }

/* Fonts */
@font-face {
	font-family: 'fnt';
	src: url('/pcs/fnt.eot');
	src: local('☺'),
		 url('/pcs/fnt.woff') format('woff'),
		 url('/pcs/fnt.ttf') format('truetype'),
		 url('/pcs/fnt.svg#webfont4abO5tN6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fnt-bold';
	src: url('/pcs/fnt-bold.eot');
	src: local('☺'),
		 url('/pcs/fnt-bold.woff') format('woff'),
		 url('/pcs/fnt-bold.ttf') format('truetype'),
		 url('/pcs/fnt-bold.svg#webfont3zRSbSnL') format('svg');
	font-weight: bold;
	font-style: normal;
}


/* Elements */
html, body{ height: 100%; }

html{
	background: rgb(61,85,112) url('/pcs/bg_center.jpg');
	}
body{
	font: 16px/1.2 Georgia, "New York CE", utopia, serif;
	background: url('/pcs/bg_header.jpg') repeat-x;
	color: rgb(250,250,250);
	text-align: center;
	}

a{ color: rgb(250,250,250);cursor: pointer; }

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

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

.content-hidden{
	display: none;
}

h1{ font-size: 49px; }
h2{ font-size: 25px; }
h3{ font-size: 15px; }

/* --- Forms --- */
fieldset{
	margin-top: 25px;
	position: relative;
}

fieldset label:first-of-type{
	margin-top: 50px;
}

input.text, input.email, textarea{
	border: 2px solid rgb(47,65,86);
	background-image: url('/pcs/bg_input.jpg');
	padding: 7px 14px;
	width: 85%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top: 6px;
	color: rgb(250,250,250);
	font-family: inherit;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgb(33,47,65);
}
input.text:focus, input.email:focus, textarea:focus{
	border: 2px solid rgb(30,40,50);
}

#cost{
	border-color: rgb(100,100,100);
	color: white;
	cursor: default;
	background-image: url('/pcs/bg_input_readonly.jpg');
}

input.submit{
	font: inherit;
	background: transparent;
	text-shadow: 1px 1px 3px rgb(20,30,40);
	color: inherit;
	border: none;
	cursor: pointer;
	margin-top: 25px;
	font-weight: bold;
}

.left input.submit{
	text-align: left;
	background: url('/pcs/arrow_right.jpg') no-repeat right center;
	padding-right: 17px;
}

.right input.submit{
	text-align: right;
	background: url('/pcs/arrow_left.jpg') no-repeat left center;
	padding-left: 17px;
}

/* --- Template --- */
#container{
	width: 907px;
	margin: 0 auto;
}

#header{
	width: 100%;
	position: relative;
	margin-bottom: 70px;
}

#header a{
	position: absolute;
	left: 50%;
	top: 56px;
	margin-left: -237px;
	display: block;
	width: 474px;
	height: 50px;
	background: url('/pcs/logo.jpg') no-repeat;
}
#header h1{
	padding-top: 60px;
	font-family: "Chaparral Pro", 'fnt-bold';
	text-shadow: 1px 1px 4px rgb(3,4,5);
	font-weight: normal;	
}
#header strong{
	display: block;
	margin-bottom: 50px;
	font-size: 30px;
}
#header img{ padding-top: 5px; }

menu{
	width: 100%;
	margin: 0 auto;
	color: rgb(30,42,55);
	text-align: left;
	padding-left: 7%;
	}
menu li{
	float: left;
	list-style: none;
	background: url('/pcs/menu.jpg') no-repeat;
	display: inline;
	width: 18%;
	margin-right: 1%;
	min-height: 27px;
	padding: 1px 0 0 7px;
}
menu li a{ padding-left: 12px; }

div#gallery{
	clear: both;
	margin: 40px auto 0;
	width: 723px;
	height: 482px;
	position: relative;
	}

div#gallery a{
	width: 100px;
	padding: 3px;
	border: 1px solid rgb(200,200,200);
	background-color: rgb(240,245,255);
	float: left;
	display: inline;
	margin: 10px 10px 0 0;
	cursor: pointer;
}
div#gallery img{ display: block; }
div#gallery a:hover{
	border: 1px solid rgb(50,60,75);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

a#gallery{
	text-align: center;
	display: block;
	width: 723px;
	height: 482px;
	margin: 30px auto 10px;
	background: url('/pcs/gallery.jpg') no-repeat 0 30px;
	cursor: pointer;
	padding-bottom: 30px;
}
a#back{
	text-align: center;
	color: rgb(255,204,0);
	font-weight: bold;
	text-shadow: 1px 1px 4px rgb(3,4,5);
}

.message{
	color: rgb(255,204,0);
	padding: 7px 0;
}

h2.header{
	font-family: 'fnt-bold';
	text-shadow: 1px 1px 4px rgb(3,4,5);
	background: url('/pcs/dashed.jpg') repeat-x center center;
	position: relative;
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	}
	h2.header span{
		padding: 0 20px;
		background: rgb(61,85,112) url('/pcs/bg_center.jpg');
	}
	
	h2.header em{
		position: absolute;
		left: 30px;
		top: 10px;
		padding: 0 10px;
		display: block;
		width: 12px;
		height: 12px;
		background: rgb(61,85,112) url('/pcs/bg_center.jpg');
	}
	h2.header em span{
		display: block;
		width: 12px;
		height: 12px;
		padding: 0;
		background: url('/pcs/arrow_down.jpg');
	}
	#footer h2.header em span{ background: url('/pcs/arrow_up.jpg'); }

.section{
	width: 100%;	
}

.section ul{
	margin-left: 50px;
	text-align: left;
}
.section .left, .section .right{
	width: 38%;
	margin-top: 35px;
	text-shadow: 1px 1px 3px rgb(20,30,40);
}
.section .left{
	text-align: left;
	padding-left: 100px;
	float: left;
}
.section .left h3, .section .left label{ margin-left: -30px; }
	
.section .right{
	text-align: right;
	padding-left: 100px;
	float: right;
}
.section .right h3, .section .right label{ margin-right: -30px;	}

.section .left legend{ position: absolute;left: -30px }
.section .right legend{ position: absolute;right: -30px }


#mapa{
	width: 440px;
	height: 440px;
	border: 1px solid silver;
	margin-left: -30px;
	margin-top: 15px;
	margin: 0 auto
}

.section h3{ margin-top: 25px; }
.section p em{ color: rgb(200,210,220); }
.section legend{
	font-weight: bold;
	display: inline;
	width: 100%;
}
.section label{
	display: block;
	margin-top: 25px;
	font-weight: bold;
}

.section address img{
	margin-left: -42px;
	padding-right: 5px;
}


#footer{
	font-size: 13px;
	text-shadow: 1px 1px 2px rgb(0,0,3);
	padding-bottom: 140px;
}
#footer .left, #footer .right{ display: inline;padding: 0; }
#footer .left{
	width: 55%;
	margin-left: 120px;
	float: left;
	text-align: left;
}
#footer .right{
	width: 20%;
	margin-right: 80px;
	float: right;
	text-align: right;
}

#calendar{
	padding: 0;
	width: 350px;
	text-align: left;
}

#calendar h3{
	font-family: 'fnt';
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-right: 0;
}
#calendar h4{
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
#calendar p{
	font-style: italic;
	color: rgb(200,210,220);
	padding: 0 20px;
	text-shadow: none;
	font-size: 15px;
}
#calendar p b{
	color: rgb(255,204,0);
}

#calendar hr{
	width: 264px;
	height: 10px;
	background-image: url('/pcs/shadows.jpg');
	border: none;
	margin: 20px 0;
	clear: both;
}
#calendar hr.top{
	background-position: 0 -10px;
}

#calendar a{
	display: inline;
	float: left;
	width: 24%;
	margin-bottom: 10px;
	text-align: center;
}
#calendar a.next, #calendar a.previous{
	text-decoration: none;
	color: rgb(200,210,220);
}
#calendar a.next:hover, #calendar a.previous:hover{ color: rgb(250,250,250);text-decoration: underline; }
#calendar a.next{
	text-align: left;
	margin-left: 5%;
	padding-right: 0%;
	background: url('/pcs/callendar_arrow_right.jpg') no-repeat right center;
}
#calendar a.previous{
	text-align: right;
	margin-right: 5%;
	padding-left: 5%;
	margin-left: 7%;
	background: url('/pcs/callendar_arrow_left.jpg') no-repeat left center;
}

#calendar td{
	padding: 3px;
	font-size: 20px;
}
#calendar td.outside{
	color: rgb(200,200,210);
}
#calendar td.weekend{
	color: rgb(255,204,0);
}

#calendar tr.selected{
	border: 2px solid rgb(47,65,86);
	background-image: url('/pcs/bg_input.jpg');
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: rgb(250,250,250);
}

#calendar tr.reserved td{
	color: rgb(140,140,155) !important;
	text-shadow: none;
}

#cenik table{
	text-align: left;
	margin: 20px auto 0;
}

.inner b, .inner u, .inner span{
	color: rgb(255,204,0);
}

ul.inner{
	margin-bottom: 20px;
}

#adresa .left{
	width: 25%;
}
#adresa .right{
	padding: 22px 0 0;
	width: 49%;
}
#calendar .current{
	color: rgb(255,204,0);
}

#adresa a{
	color: rgb(255,204,0);
}