.cleft	{ clear:left; }
.cright { clear:right; }
.cboth	{ clear:both; }

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

.vmiddle	{ vertical-align:middle; }

.amid, .aligncenter, .acenter	{ text-align:center; }
.alignleft, .aleft						{ text-align:left; }
.alignright, .aright					{ text-align:right; }

.noshow	{ display:none; }

.small	{ font-size:0.8em !Important; }

.spacetop			{ margin-top:20px; }
.spacebottom	{ margin-bottom:20px; }
.spaceleft		{ margin-left:20px; }

.bold	{ font-weight:bold; }

h3 {font-size: 10pt; color: #00AEEF;}

/* ********************************************************** */

*			{ margin: 0;	padding: 0; }
body	{ background: #121212 url('images/bg-2.jpg') 150% 0 repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body#bg1	{ background: #121212 url('images/bg-1.gif') 0 0 repeat; }
body#bg2	{ background: #121212 url('images/bg-2.jpg') 150% 0 repeat; }
body#bg3	{ background: #bbb url('images/bg-3.gif') 0 0 repeat; }
body#bg4	{ background: #bbb url('images/bg-4.jpg') top center repeat; }
body#bg5	{ background: #bbb url('images/bg-5.jpg') center repeat; }
body#bg6	{ background: #bbb url('images/bg-6.jpg') 0 0 repeat; }

#page	{ width:960px; margin:5px auto; background:url('images/bg-header.gif') 0 0 no-repeat; position:relative; }

h1		{ color: black; background: rgb(0,174,239); font-size:12px; width: 250px; padding: 2px 5px; margin-bottom: 10px;}

h2		{ color:#fff; font-size:12px; background-color:#000; padding:2px 5px; margin-left:70px; width:200px; }

p			{ margin:10px 0; color:#fff; }

a				{ color:#00aeef; text-decoration:none; }
a:hover	{ text-decoration:underline; }
a img		{ border:0; }

.noborder	{ border:0; }

.sbottom	{ margin-bottom:5px; }

/*#maincontent .imagebox li	{ list-style-type:none; margin:2; padding:0; vertical-align:middle; display:inline; _position:relative; _top:-222px; _left:-170px;}
#maincontent .imagebox img	{ padding:2px 0; }*/

.imagebox {width: 310px; height: 265px; overflow: auto; padding: 10px 0 10px 10px;}
.imagebox.gaspi {width: 465px; height: 270px; overflow: auto; padding: 0;}
.imagebox li	{ list-style-type:none; margin: 2px 0; padding:0; vertical-align:middle; float:left; }
.imagebox li.nadpis	{ width:260px; padding-top:20px; }

.videobox {width: 340px; height: 265px; overflow: auto; padding:0;}
.videobox li	{ list-style-type:none; margin:0 0 20px; padding:0; vertical-align:middle; float:left; }

/* ********************************************************** */

/* HEADER */
#header					{ height:180px;}
#header h1			{ position:absolute; top:54px; left:102px; width:170px; height:90px; padding:0; margin:0; background: none; }
#header h1 a		{ position:relative; width:170px; height:90px; padding:0; margin:0; overflow:hidden; cursor:pointer; display: block;}
#header h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width:170px; height:90px; background:url("images/logo.gif") 0 0 no-repeat; }
#flags {position: absolute; top: 20px; width: 29px; height: 19px; right: 135px;}
#flags img {border: 1px solid gray;}

/* MENU */
#menu					{ position:absolute; top:55px; right:115px; }
#menu li			{ float:left; padding:12px 0; margin-right:1px; list-style-type:none; }
#menu .active	{ background:url('images/bg-menu-active.gif') 6px 50% no-repeat; }
#menu a				{ display:block;  background-color:#000; color:#fff; text-transform:uppercase; padding:6px 8px; font-weight:bold; font-size:12px; text-decoration:none; line-height:1; }
#menu a:hover	{ background-color:#009de9; color:#000; }

/*#nikita {position: absolute; display: block; top: 102px;  left: 420px;}*/
#nikita {position:absolute; display:block; top:133px; left:400px;}

#facebook {position:absolute; display:block; top:133px; left:520px;}
#stream {position:absolute; display:block; top:133px; left:657px;}

#novinky {background: #009de9; color: white; padding: 5px 10px; margin: 10px 80px 20px 70px;}
#novinky a {color: white; text-decoration: underline;}
#novinky a:hover {text-decoration: none;}
#novinky .dalsi {float: right; font-weight: bold;}

#newseason {text-align: center; font-size: 24px; margin: 20px 100px 0 10px; }

/* NEWSLETTER */
#newsletter		{ position:absolute; top:100px; right:115px; }
#newsletter_i	{ background-color:#009de9; color:#fff; border:0; padding:2px; }

/* INDEX SPECIAL */
#indexspecial						{ background:url('images/bg-content-index.gif') 70px 0 no-repeat; color:#fff; }
#indexspecial .leftbox	{ position:relative; width:293px; height:325px; left:70px; top:40px; padding:10px;  text-align:left; }
#indexspecial .leftbox p { margin:3px 0; }
#indexspecial .rightbox	{ /*background:url('images/video-splash.jpg') 0 0 no-repeat;*/ position:absolute; width:469px; height:265px; left:402px; top:193px; margin-top:0; padding-top:30px; }

#rt_perforation {margin-left:70px; margin-top: -23px; position: absolute;}
/* MAINCONTENT */
#maincontent				{ margin: 0; position: relative; background:url('images/bg-content-main.gif') 0 0 no-repeat; margin-left:70px; color:#fff; min-height: 201px; _height:201px; padding:30px 10px 0; }
#maincontent.kempy {min-height: 131px; _height:131px; }

#maincontent h1	{ background: #00AEEF; position: absolute; font-size:12px; position: absolute; width: 23px; height: 72px; top: 0; left: 0; margin: 0; padding: 0; visibility: hidden;}

#maincontent h1	span {display: block; width: 23px; height: 72px;position: absolute; top: 0; left: 0; _left: -30px; visibility: visible;}

#maincontent h1.kempy span { background: url('images/strip_kempy.gif'); _margin-left:30px;}
#maincontent h1.rezervace span { background: url('images/strip_rezervace.gif'); _margin-left:30px; }
#maincontent h1.pujcovna span { background: url('images/strip_pujcovna.gif'); top: 5px; _margin-left:30px;  }
#maincontent h1.galerie span { background: url('images/strip_galerie.gif'); top: 5px; _margin-left:30px; }
#maincontent h1.kontakt span { background: url('images/strip_kontakt.gif'); top: 30px; _margin-left:30px; }

body.eng #maincontent h1.kempy span { background: url('images/strip_camps_en.gif'); _margin-left:30px;}
body.eng #maincontent h1.rezervace span { background: url('images/strip_booking_en.gif'); _margin-left:30px; }
body.eng #maincontent h1.pujcovna span { background: url('images/strip_rental_en.gif'); top: 5px; _margin-left:30px;  }
body.eng #maincontent h1.galerie span { background: url('images/strip_gallery_en.gif'); top: 5px; _margin-left:30px; }
body.eng #maincontent h1.kontakt span { background: url('images/strip_contact_en.gif'); top: 30px; _margin-left:30px;}

#maincontent h2	{padding:0; margin-bottom: 1em; width:auto; font-weight:bold; }
#maincontent ul	{ list-style-position:inside; margin:5px 10px; }
#maincontent p	{ margin-top:0; }
#maincontent strong {color: #00AEEF;}


#maincontent .box		{ float:left; text-align:left; margin:0 10px; width:235px; }
#maincontent .box.first		{ margin:0 10px 0 20px; }
#maincontent .box.last		{  margin:0 0 0 10px; }

#maincontent .leftbox, #maincontent .rightbox	{ float: left; text-align:left; margin:0 10px; width:360px; }
#maincontent .leftbox		{ margin-left:20px; }
#maincontent .rightbox	{ margin-right:20px; }

#maincontent.dynamic	{ /*height:auto;*/ background:url('images/bg-content-main-footer.gif') 0 100% no-repeat; padding-bottom: 40px; padding-top:0; }
#maincontentdummy	{ margin-left:70px; width:841px; height:32px; background:url('images/bg-content-main-header.gif') 0 0 no-repeat; }

#maincontent.plain					{ padding-left:30px; padding-right:30px; }
#maincontent.plain h1				{ margin-left:0; margin-bottom:10px; }
#maincontent.plain .wrapper { margin-right:80px;}

/* CONTENT */
#twocolums								{  margin-left:66px; }
#twocolums .colum					{ float:left; }
#twocolums .colum.first		{ width:499px; }
#twocolums .colum.second	{ width:313px; }

#twocolums .colum.top			{ background:url('images/bg-content-box-header.gif') -12px 0 no-repeat; padding-top:30px; }

#twocolums .colum	.content .wrapper { background:url('images/bg-content-box.gif') -12px 100% no-repeat; padding:10px 20px 20px !Important; text-align:left; margin-top:0 !Important; }

#twocolums .colum.first .content h2 { margin:0 0 0 3px; padding-left:20px; }
#twocolums .colum.second .content h2 { background-color:#000; margin:0 0 0 3px; width:200px; padding-left:5px; }

/* GASPI */
.gaspistrong strong	{ color:#c5b468; font-weight:normal; }
#gaspicontent				{ background:url('images/bg-gaspi-rightboxheader.gif') 3px 0 no-repeat; padding-top:23px; }
#gaspicontent h2		{ margin:0 0 10px !Important; padding:0 !Important; background-color:#c5b468 !Important; width:auto !Important; }
#twocolums #gaspicontent .wrapper { background:url('images/bg-gaspi-rightbox.gif') 3px 100% no-repeat; }

#kemphotos { margin: 2em 0;}
#kemphotos img {margin: 2px;}

#rezervace { background: #fff url('images/stitek-mini.gif'); width: 90px; height: 37px; display: block; padding-left: 40px; padding-top: 1px;color: #000;font-size: 15px;}

/* FORM */
.form									{ background-color:#333;  border:1px solid #bbb; padding:10px 20px; }

.form fieldset				{ border:0; margin-bottom:5px; padding-top:10px; border-top:1px solid #bbb; }
.form fieldset.first	{ border-top:0; }

.form .bg							{ background-color:#00AEEF; color:#fff; }

.form label						{ color:#c5b468; width:6em; float:left; display:block; text-align:right; padding-right:0.5em; }
.form .label					{ color:#c5b468; width:6em; /*float:left;*/ display:block; text-align:right; padding-right:0.5em; }

.form label.radio			{ width:auto; float:none; display:inline; color:#fff; padding-left:0.5em; line-height:1.5; text-align:left; padding-right:0; }
.form input.radio			{ margin-left:6em; line-height:1.5; }

.form .submit input		{ margin-left:6em; }

/* KEMPY */
#kempycomplete	{ clear:both; }
.kempy					{ margin-left:70px; list-style-type:none; }
.kempy	.kemp			{ float:left; padding:0 6px 6px 0; width:262px; height:75px; }
.kemp.title {margin-left: -30px; _margin-left: 0; margin-bottom: 1em; width: 292px; float: none;  }
.listek				{ display:block; width:175px; height:70px; background:url('images/bg-stitek.gif') 0 0 no-repeat; text-decoration:none; color:#000; padding:8px 12px 0 75px; font-weight: bold; font-size: 12px;}
.first .listek {background:url('images/bg-stitek-1.gif') 0 0 no-repeat;}
.second .listek {background:url('images/bg-stitek-2.gif') 0 0 no-repeat;}
.third .listek {background:url('images/bg-stitek-3.gif') 0 0 no-repeat;}
.fourth .listek {background:url('images/bg-stitek-4.gif') 0 0 no-repeat;}
.fifth .listek {background:url('images/bg-stitek-5.gif') 0 0 no-repeat;}
.sixth .listek {background:url('images/bg-stitek-6.gif') 0 0 no-repeat;}
.seventh .listek {background:url('images/bg-stitek-7.gif') 0 0 no-repeat;}
.eighth .listek {background:url('images/bg-stitek-8.gif') 0 0 no-repeat;}
.ninth .listek {background:url('images/bg-stitek-9.gif') 0 0 no-repeat;}
.zero .listek {background:url('images/bg-stitek-0.gif') 0 0 no-repeat;}
.listek h4	{ font-size:13px; white-space: nowrap; }
.kempy a:hover	{ color:#009de9; }

span.info, span.photo, .photo img {display: none;}
.complete span.info, span.photo {display: block;}
.complete .kempy .kemp {float: none; display: block; margin-bottom: 5px; height: 69px; width: 800px; background: white url('./images/perforace.gif') top right no-repeat; _padding: 0;}

.complete .kempy .listek {float: left; width: 172px;}
.complete .kempy .info {float: left; background: url('./images/perforace.gif') top left no-repeat; display: block; width:300px; height:68px; padding:7px 10px 0 20px; }
.complete .kempy .info.full { width:500px !Important; }

.complete .kempy .photo {float: left; background: url('./images/perforace.gif') top left no-repeat; display: block; height:68px; padding:7px 10px 0 15px; text-align: center;}

.complete .kempy .photo img { width: 55px; height: 55px; background: grey; margin: 2px; border: 1px solid black; display: inline;}

#slovensko .info {background: none; width: 300px; _width: 290px;}
#slovensko .listek {margin: 0; padding: 0; background: none; width: 260px;}

/* PARTNERI */
#partneri			{ margin:20px 0; }
#partneri ul	{ background:url('images/bg-partneri.gif') 0 0 no-repeat; padding:0 20px 80px 19px; margin-left:56px; }
#partneri li	{ list-style-type:none; }

#partneri.gaspi ul	{ background:url('images/bg-partneri-gaspi.gif') 0 0 no-repeat; }


/* FOOTER */
#footer						{ background:url('images/bg-footer.gif') 0 0 no-repeat; height:93px; width:600px; margin:10px auto; }
#footer p					{ background-color:#000; color:#fff; padding:2px; position:relative; top:39px; _top:29px; left:150px; width:400px; }
#footer p	a				{ color:#fff; text-decoration:none; }
#footer p	a:hover	{ text-decoration:underline; }


/* ********************************************************** */
/* PRINT */
@media print {

.noprint	{ display:none; }
.allwaysprint	{ display:block !Important; }
body			{ background:#fff url(none); color:#000; }

}