body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6,p { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background: url(images/back_03.png); color: #666; font: 10pt Verdana, Arial, Helvetica, sans-serif; }
#pozadi { background: #1775A5 url(images/back_02.png) repeat-x; }

/*@import url("jquery-ui-1.8.1.custom.css");*/

/* links  */
a { color: #006699; text-decoration: underline;}
a:hover { color: #234466; }

/* headings */
h1 {font-size: 2em}  /* displayed at 24px */
h2 {font-size: 1.5em}  /* displayed at 18px */
h3 {font-size: 1.25em}  /* displayed at 15px */
h4 {font-size: 1em}  /* displayed at 12px */

/* strong em */
strong { font-weight: bolder; }
em { font-style: italic; }

/* tables & forms */
input, textarea, select, th, td {font-size:1em}

/* classes */
.error { color: #000; background-color: #FFFF99; }

/*             HEADER             */
/**************************************/
#header { background: url(images/pilot_01.png) 50% 0 no-repeat; width: 100%; height: 320px; margin: 0; padding: 0; overflow: hidden; position: relative; }
#inheader { position: relative; margin: 0 auto; padding: 0; width: 768px; height: 320px; overflow: hidden; }
#logo { position: absolute; top: 77px; left: 26px; width: 200px; height: 91px; }

/*             NAVIGATION             */
/**************************************/
ul#nav { position: absolute; top: 232px; left: 0px; height: 52px; overflow: hidden; padding: 0 10px; font: bold 14px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; }
ul#nav li { list-style-type: none; padding: 0; margin: 0; float: left; position: relative; }
ul#nav li a { text-decoration: none; color: #C2E3FF; text-transform: uppercase; padding: 18px 14px 16px 14px; display: block; background: none; }
ul#nav li a:hover { text-decoration: none; color: #FFF; display: block; background-color: #003366; }

/*             HOMEPAGE             */
/**************************************/
#home { background: url(images/pilot_02.png) 50% 0 no-repeat; width: 100%; height: 331px; margin: 0; padding: 0; overflow: hidden; position: relative; }
#inhome { position: relative; margin: 0 auto; padding: 0; width: 768px; height: 331px; overflow: hidden; }
.box { width: 236px; height: 236px; margin: 0; padding: 0; float: left; overflow: hidden; position: relative; display: block; }
.box:hover { background: url(images/box_03.gif) no-repeat; overflow: hidden; }
.box h2 { width: 236px; display: block; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; left: 0; top: 0; z-index: 10; }
.box h2 a, .cert h2 a { text-decoration: none; padding: 0 15px; height: 236px; display: block; color: #006699; }
.box h2 a:hover, .cert h2 a:hover { color: #003366; }
.box p { font: 14px Verdana, Arial, Helvetica, sans-serif; position: absolute; left: 0; top: 55px; z-index: 1; padding: 0 15px; }
.box ul { font: bold 15px Arial, Helvetica, sans-serif; position: absolute; left: 0; top: 60px; z-index: 1; padding: 0 15px; }
.box ul li { list-style: none; line-height: 19px; padding: 8px 0 0 22px; background: url(images/star.gif) 0 8px no-repeat; }
.space30 { width: 30px; margin: 0; padding: 0; float: left; overflow: hidden; }

.cert { width: 236px; height: 236px; margin: 0; padding: 0; float: left; overflow: hidden; position: relative; display: block; background: url(images/voucher.png) no-repeat; }
.cert h2 { width: 236px; display: block; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; left: 0; top: 0; z-index: 10; }
.cert:hover { background: url(images/voucher.png) no-repeat bottom; }
.cert p { font: bold 15px Arial, Helvetica, sans-serif; line-height: 19px; position: absolute; left: 0; top: 160px; z-index: 1; padding: 0 15px 0 15px; color: #006699; }
/*.cert h2 { width: 236px; display: block; font: bold 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: none; position: absolute; left: 0; top: 0; z-index: 10; }
.cert h2 a { text-decoration: none; padding: 10px 15px; height: 236px; display: block; color: #006699; }
.cert h2 a:hover { color: #003366; background: url(images/voucher.png) no-repeat 0 -236px; }*/

/*             PAGE             */
/**************************************/
#page { background: url(images/page_02.png) 50% 0 no-repeat; width: 100%; height: auto; margin: 0 0 0 0; padding: 0 0 20px 0; overflow: hidden; position: relative; }
#inpage { position: relative; margin: 0 auto; padding: 0; width: 768px; height: auto; background: #FFF url(images/back_page.gif) 516px 0 repeat-y; }
#page_in { width: auto; padding: 0 15px; }
#page_top { margin: 0; padding: 0; width: 768px; height: 15px; background: url(images/page_03.gif) no-repeat; }
#page_end { margin: 0; padding: 0; width: 768px; height: 10px; background: url(images/page_04.gif) no-repeat bottom; clear: both; }

/* content main */
#content { float: left; line-height: 1.2em; margin: 0; padding: 0; width: 487px; }

/* sidebar */
#sidebar { float: right; margin: 0; padding: 0; width: 221px; height: 500px;  }

/*             booking form             */
/**************************************/
.box2 { width: 236px; height: 236px; margin: 0; padding: 0; float: left; position: relative; display: block; }
.box2 .fromhome { width: 206px; margin: 0 auto; padding: 15px 0; display: block; position: relative; }
.box2 .fromhome h2 { width: auto; display: block; font: bold 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #006699; margin: 0 0 5px 0; padding: 0 0 7px 0; border-bottom: 2px solid #FFF; }
.box2 .fromhome p { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 1px 0; }
.box2 .fromhome input { font: normal 12px Arial, Helvetica, sans-serif; }
.box2 .fromhome option { font: normal 12px Arial, Helvetica, sans-serif; }
.box2 .fromhome #send { width: 85px; height: 34px; display: block; position: absolute; top: 190px; right: 0px; cursor: pointer; background: none; text-align: left; border: none; font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #003366; }
.float1 { width: 115px; float: left; margin: 0 0 0 0; position: relative; }
.float2 { width: 70px; float: right; margin: 0 0; padding: 0; position: relative; }

#sidebar .fromhome { height: 236px; margin: 0 auto; padding: 0 10px; display: block; position: relative; background:url(images/form_03.gif) no-repeat; }
#sidebar .fromhome h2 { width: auto; display: block; font: bold 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666; margin: 0 0 5px 0; padding: 10px 0 7px 0; border-bottom: 2px solid #CCC; }
#sidebar .fromhome p { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 1px 0; }
#sidebar .fromhome input { font: normal 12px Arial, Helvetica, sans-serif; }
#sidebar .fromhome option { font: normal 12px Arial, Helvetica, sans-serif; }
#sidebar .fromhome #send { width: 85px; height: 32px; display: block; position: absolute; top: 178px; left: 130px; cursor: pointer; background: none; text-align: left; border: none; font: bold 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #003366; }

label { display: block; font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 1px 0; }
#datum { width: 65px; }
#osob { width: 40px; }
#email, #tel, #jmeno { width: 115px; }

/* pocasi */
#pocasi { position: relative; margin: 0 auto; padding: 0; width: 220px; height: 140px; text-align: center; position: relative; overflow: hidden; font-size: 0.85em; background: url(images/box_pocasi.gif) no-repeat; }
#sidebar #pocasi h3 { color: #444; font: bold 1.4em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0.5em 0; text-align: left; padding: 12px 10px; }
#inpocasi { position: relative; margin: 0 auto; width: 190px; padding: 0; }

/* poukaz vpravo */
#sidebar h3.voucher { margin: 1em auto; padding: 0; width: 220px; height: 110px; display: block; }
#sidebar h3.voucher a { margin: 0 auto; padding: 0; width: 220px; height: 110px; background: url(images/poukaz.png) no-repeat; display: block; }


/*             FOOTER            */
/**************************************/
#footer { background: url(images/foot_01.png) repeat-x; margin: 0; padding: 0; width: 100%; }
#foot { background: url(images/pilot_03.png) 50% 0 no-repeat; width: 100%; height: 167px; margin: 0; padding: 0; overflow: hidden; position: relative; }
#infoot { position: relative; margin: 0px auto 0 auto; padding: 5px 0; width: 768px; height: 15px; border-top: 1px solid #003366; color: #003366; font-size: 0.9em; }
#infoot a { color: #003366; text-decoration: underline; }
#infoot a:hover { color: #006699; }
#infoot ul { margin: 0; padding: 0; float: left; }
#infoot ul li { margin: 0 1em 0 0; padding: 0; float: left; }

/* externi odkazy */
#promo { position: relative; margin: 0px auto 0 auto; padding: 5px 0; width: 768px; height: 15px; color: #3399CC; font-size: 0.8em; text-align: right; }
#promo a { color: #3399CC; }

/* info */
#info { background: #76AAC9; border-bottom: 3px solid #93CCEA; color: #E4EEF4; font-size: 1.2em; line-height: 2.0em; position: relative; padding: 20px 230px 20px 30px; }
#info a { color: #E4EEF4; }

/* content */
#content h1 { color: #76aac9; font: bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0.2em 0; margin: 0 0 0.5em 0; clear: both; }
#content h1 a { color: #76aac9; text-decoration: none; }
#content h1 a:hover { color: #7C90A1; }
#content h2 { border-bottom: 0px solid #dfe3e4; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 1em 0 0.2em 0; padding: 0 0 0em 0; clear: both; color: #000; }
#content .big { color: #76aac9; font: bold 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0.5em 0 0.2em 0; margin: 0 0 0.5em 0; clear: both; border-bottom: 1px solid #CCC; }
#content h3 { background: none; border-bottom: 0px solid #000; font: bold 1em Verdana, Arial, Helvetica, sans-serif; margin: 1em 0 0.2em 0; padding: 0 0 0em 0; clear: both; }
#content h2 a, #content h3 a { text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { color: #76aac9; text-decoration: underline; }
#content p { line-height: 1.2em; margin: 0 0 1em 0; }

#content img.maly { padding: 7px; border: 1px solid #CCC; float: left; margin: 0 5px 10px 0; }

#content table { margin: 5px 0 2px 0; }
#content th { line-height: 1.2em; margin: 0 0 0 0; padding: 5px 5px; border-bottom: 0px solid #CCC; font: bold 0.9em Arial, Helvetica, sans-serif; background-color: #dce5ee; text-align: center; border-right: 1px solid #FFF; color: #003366; letter-spacing: 1px; }
#content td { line-height: 1.2em; margin: 0 0 0 0; padding: 5px 0; border-bottom: 1px solid #CCC; text-align: center; }
#content td p { line-height: 1.2em; margin: 0 0 0 0; padding: 0 0; }

/* poukaz formular*/
#poukaz { margin: 0 0 3em 0; padding: 0; }
#poukaz table { margin: 0.5em 0 1em 0; }
#poukaz th { line-height: 1.2em; margin: 0 0 0 0; padding: 5px 5px; border-bottom: 0px solid #CCC; font: bold 0.9em Arial, Helvetica, sans-serif; background-color: #dce5ee; text-align: left; border-right: 1px solid #FFF; color: #003366; }
#poukaz td { line-height: 1.2em; margin: 0 0 0 0; padding: 5px 0; border-bottom: 1px solid #CCC; text-align: left; }
#poukaz td.alignr { text-align: right; }
#poukaz td.cena { text-align: center; background-color: #EEE; font: bold 1.1em Arial, Helvetica, sans-serif; color: #000; }
#poukaz td p { line-height: 1.2em; margin: 0 0 0 0; padding: 0 0; }
#poukaz #price { margin: 0 0 0 0; padding: 0 0; border: none; text-align: right; font-weight: bold; background-color: #EEE; }
#poukaz label { display: block; font: normal 0.85em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 2px 0; }
#poukaz label.error { display: none; visibility: hidden; margin: 0; padding: 0; float: right; width: 0; height: 0; overflow: hidden;}
#poukaz #send { padding: 5px; font: 1.2em Arial, Helvetica, sans-serif; color: #000; margin: 0; }
#poukaz sup { color: #003366; padding: 0 2px 0 0; }
#who { width: 310px; font-family: sans-serif; }
#name, #surname, #ulice, #mesto, #posta, #zip, #cell { width: 150px; font-family: sans-serif; }
#pozn { width: 415px; font-family: sans-serif; }

/* breadcrumb */
#content #breadcrumb { font-size: 0.85em; margin: 0 0 1em 0; padding: 0;}
#breadcrumb a { color: #4c7897; text-decoration: none; }
#breadcrumb a:hover { color: #4c7897; text-decoration: underline; }

#content ol { line-height: 1.8em; margin: 0 30px 20px 50px; }
#content ul { margin: 0 30px 20px 30px; }
#content ul li { list-style: disc; padding: 0 0 0.8em 2px; }

/* secondary content */
#sidebar h2, #sidebar h3 { color: #444; font: bold 1.2em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 0.5em 0; }
#sidebar p { margin: 0; }
#sidebar ul { margin: 7px 0 20px 20px; }
#sidebar ul li { line-height: 18px; list-style: square; }	
#sidebar a { color: #4B798B; }
#sidebar a:hover { color: #231f20; }

/* misc */
a img { border: none; }
acronym { cursor: help; }
blockquote { color: #003366; border-left: 2px solid #003366; margin: 0 0 1em 1.5em; padding: 10px 10px; font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; background-color: #EEE; }
hr, .hide { display: none; }
.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

/* classes */
.extra { display: none; visibility: hidden; }
.cleaner { clear: both; background: none; margin: 0; padding: 0; }
.greenline { clear: both; background: #339933; margin: 0; padding: 0; height: 0.5em; overflow: hidden; display: block; }
.vpravo { float: right; }
.stred { text-align: center; }


/* comment */
.comment-form-body {
  width: 450px;
}

/* Class for the "fancy_parent" function 
 * It gives a thick 1px grey border around image
*/
.link img { 
	border: 1px solid #999; 
	outline:none;
	padding:5px;
	margin:5px;
}

.link img:hover {
	border:1px solid #ccc;
}

/* Class for single image listing (fancy function) 
 * It gives a grey 1px border around image
*/
.photo { 
	padding: 5px; 
	margin: 5px; 
	border: 1px solid #999; 
	display: block; 
	float: left; 
}

.photo:hover	{ border-color: #ccc; }