/*
 * CSS Reset Reloaded by Eric Meyer
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * 
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #333333; background: transparent; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/*
 * Compose To A Vertical Rhythm
 * http://24ways.org/2006/compose-to-a-vertical-rhythm
 *  
 */
 
body { font: 62.5%/1.5 sans-serif; }
ul, ol, dl, p { margin-bottom: 1.5em; }
li, dt, dd { margin-bottom: 0.3em; }
ul, ol, dl { margin-bottom: 1.8em; }
em { font-style: italic; }
strong { font-weight: bolder; color: #3b6359; }

a {	text-decoration:underline; }
a:hover { text-decoration:none; }

.clear {
	clear:both;
}

.left {
	float: left;
}
.right {
	float: right;
}
.mt {
	margin-top:5px;
}
.mr15 {
	margin-right:20px;
}

ul.inline li{
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}

body {
	background-image: url('img/bg-body.jpg');
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
}
#shadow {
	background-image:url('img/bg-shadow.png');
	background-repeat:repeat-x;
	background-position:left top;
}

#header-bar {
	width:100%;
	height:42px;
	position:absolute;
	background-image:url('img/bg-menu-bar.gif');
	background-position:left top;
	background-repeat:repeat-x;
	top:0;
	left:0;
	z-index:10;
}
#header-bar .wrap {
	width:990px;
	margin:0 auto;
}
#header-bar .wrap a {
	position:relative;
	left:7px;
}

#content-bar {
	margin:0 auto;
	position:relative;	
	width:990px;
	z-index:0;
}

.main #content {
	width:550px;
	padding-top:120px;
	padding-bottom:25px;	
	min-height: 320px; 
}
.sub #content {
	float:left;
	width:650px;
	padding-top:120px;	
	padding-bottom:25px;			
}
.sub #boxes {
	float:right;
	z-index:1000;
	padding-top:310px;
}
.sub #boxes2 {
	float:right;
	z-index:1000;
	padding-top: 75px;
}

#content .nadpis {
  background-image: url(img/bg-h1-left.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left:13px;
}
#content .nadpis span {
  float:right;
  width:14px;
  display:block;
  height:37px;
  background-image: url(img/bg-h1-right.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#content h1 {  	
  width:97%;
  color:#fff;
  display:block;
  height:37px;
	font-size:20px;
	font-weight:bold;
	margin-bottom:25Px;
	background-image: url(img/bg-h1-copy.png);
	background-repeat: repeat-x;
	line-height:37px;
}


#content h1 strong {
	color:#1d364f;
	font-weight:normal;
}
#content p {
	font-size:13px;
	color:#223f5d;
}
#content p strong {
	font-size:13px;
	color:#223f5d;
	font-weight:bold;	
}

#content p strong.cred { color: #cc0000; }

#content ul.con {
	margin-bottom:30px;
	width:650px;	
}
#content ul.con li {
	clear:both;
	border-bottom:1px #324960 dotted;
	margin-bottom:10px;
}
#content ul.con li .cena {
	font-size:18px;
	color:#223b53;
	font-weight:bold;
	line-height:25px;
	padding-right:15px;
}
#content ul.con li p {
	color:#1d3349;
	font-size:14px;
	margin:0;padding:0;
}

#content h2{
	color:#ff8700;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
#content h3 {
	color:#31608b;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
#content h3.NormalText {
	text-transform:none;
}
#content h3.NormalText span {
	font-size: 85%;
}

#content input.pocet {
	width:23px;
	height:26px;
	border:0px;
	background-image:url('img/bg-input-count.png');
	background-position:left top;
	background-repeat:no-repeat;	
	background-color:transparent;
	margin-right:7px;
	padding-left:6px;
	position:relative;
	top:-7px;
	color:#ffd99c;
}

#content .more {
	width:236px;
	height:37px;
	text-transform:uppercase;
	background-image:url('img/content-button.png');
	background-position:left top;
	background-repeat:no-repeat;
	line-height:37px;
	color:#335273;
	font-size:12px;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;	
}
#content .more:hover {
	background-image:url('img/content-button-hover.png');
	color:#ff9d00;
}

#content form label {  
  width:180px;
  float:left;
  display:block;
  clear:both;
}
#content form input.text {
	float:left;
  width:191px;
	height:25px;
	background-image:url('img/form-email.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:12px;
	color:#ffd99c;
	padding-left:17px;
	margin-right:3px;
	line-height:25px;
	margin-bottom:10px;
}

#content form input.submit {
	float:left;
  width:149px;
	height:27px;
	background-image:url('img/bg-input-submit.png');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:11px;
	color:#90aece;
	font-weight:bold;
	margin-right:3px;
	line-height:25px;
	margin-bottom:10px;
	text-transform: uppercase;
	text-align:left;
	padding:0;
	padding-left:5px;
	cursor:pointer;
}


.box {
	position:relative;
	width:326px;
	height:213px;
	background-image:url('img/bg-box.png');
	background-repeat: no-repeat;
	background-position:left top;
	z-index:1000;
}
.box h3 {
	font-size:16px;
	color:#b2c9e0;
	margin-top:15px;
	margin-left:25px;
	text-transform:uppercase;
}
.sub .box h3 {
	position:relative;
	top:15px;
	margin-top:0;
}

.box h3 strong {
	color:#ffa700;
	font-weight:normal;
}
.box h4 {
	font-size:12px;
	color:#fff;
	margin-top:15px;
	margin-left:25px;
}
.box p {
	font-size:11px;
	color:#98b4d1;
	margin-left:25px;
	margin-bottom:5px;
}
.box p.white {
	color:#fff;
}
.box .all {
	position:relative;
	display:block;
	width:95px;
	height:21px;
	line-height:23px;
	background-image:url('img/bg-a-novinka.gif');
	background-position:left top;
	background-repeat:no-repeat;
	color:#92b8dd;
	font-size:9px;
	margin-right:20px;
	padding-left:8px;
	text-transform:uppercase;
	text-decoration:none;
	z-index:10;
}
.box .mapa {
	margin-left:25px;
	margin-top:15px;
}
.box #mapa {
	position:absolute;
	top:69px;
	left:17px;
	filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;	
}
.box #mapa:hover {
	filter: alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;	
}
.box p strong {
	color:#fff;
	font-size:12px;
	font-weight:normal;	
}
.box a {
	text-decoration:none;
	color:#fff;
	font-size:12px;
}
.box a:hover {
	text-decoration:underline;
}
.box span {
	color:#ffa100;
}

.box-orange {
	width:327px;
	height:160px;
	background-image:url('img/box-orange.png');
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:10px;
}
.box-orange h3{
	font-size:16px;
	color:#192e44;
	margin-left:25px;
	text-transform:uppercase;		
	position:relative;
	top:-20px;
}
.box-orange h4{
	font-size:14px;
	color:#203b57;
	font-weight:bold;
	margin-left:25px;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:5px;
}

.box-orange h3 strong{
	color:#ff8500;		
}
.box-orange p {
	width:290px;
	margin:0;padding:0;
	margin-left:25px;
	color:#fff;
	font-size:12px;	
}
.box-orange p span {
	float:right;
	margin-right:10px;	
	color:#1e3751;
	width:100px;
	font-weight:bold;
}

.orange-button {
	display:block;
	width:270px;
	height:26px;
	background-image:url('img/bg-orange-box-button.png');
	background-position:left top;
	background-repeat:no-repeat;
	line-height:26px;
	padding-left:30px;
	margin-left:12px;
	font-size:13px;
	color:#1f3a55;
	text-transform:uppercase;
	text-decoration:none;
}


#static-bar {
	width:100%;
	height:236px;
	background-image:url('img/bg-static-bar.gif');
	background-position:left top;
	background-repeat:repeat-x;
}
#static-bar .wrap {
	position:relative;
	width:990px;
	margin:0 auto;
}
#static-bar .l330 {
	position:relative;
	width:330px;
	float:left;
}
#static-bar h4 {
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	padding-top:10px;
}
#static-bar .rez form {
	margin-top:15px;
}

textarea { background-color: #ce7000; color:#ffd99c; border-color: #ce7000; }

#static-bar .rez input.small {
	width:130px;
	height:25px;
	background-image:url('img/form-small.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:12px;
	color:#ffd99c;
	padding-left:17px;
	margin-right:3px;
	line-height:25px;
}
#static-bar .rez input.big {
	width:283px;
	height:25px;
	background-image:url('img/form-big.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:12px;
	color:#ffd99c;
	padding-left:17px;
	margin-top:5px;
	line-height:25px;
}
#static-bar .rez div {
	margin-right:5px;
}

#static-bar .rez p  {
	margin:0;
	padding:0;
	margin-left:30px;
	color:#fff;
	line-height:30px;
	font-size:13px;	
}

#static-bar .upoutavky img{
	margin-right:15px;
	margin-top:15px;
	filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;
}
#static-bar .upoutavky a:hover img {
	filter: alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;		
}
#static-bar .other {
	width:310px;
	padding-left:10px;
}

#static-bar .other input.small {
	width:86px;
	height:25px;
	background-image:url('img/form-nick.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:12px;
	color:#ffd99c;
	padding-left:17px;
	margin-right:1px;
	line-height:25px;
}
#static-bar .other input.email {
	width:191px;
	height:25px;
	background-image:url('img/form-email.gif');
	background-position:left top;
	background-repeat:no-repeat;
	border:0px;
	font-size:12px;
	color:#ffd99c;
	padding-left:17px;
	margin-right:3px;
	line-height:25px;
}
#static-bar .other input.but {
	position:relative;
	top:8px;
}
#static-bar .other .reg {
	position:absolute;
	top:15px;
	left:190px;
	color:#ffe9c0;
	font-size:12px;
}
#static-bar .other span.reg {
	position:absolute;
	top:15px;
	left:130px;
	color:#ffe9c0;
	font-size:12px;
}
#static-bar .other .reg a { color:#ffe9c0; }

#static-bar .other ul {
	margin-top:10px;
}

#static-bar .other ul li{
	margin:10px 15px;
}
#static-bar .other ul li img {
		filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;
}
#static-bar .other ul li a:hover img {
	filter: alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;
}

#menu-bar {
	width:100%;
	position:absolute;
	z-index:100;
	top:0;
	left:0;
}
#menu-bar .wrap {
	width:990px;
	margin:0 auto;
	position:relative;
}

/*Drop Down Menu Styles*/
#ddmenu {
	background:url(images/menubg.gif) repeat-x;
	margin: 0;
	padding: 0;
	height:43px;
	width:800px;
	position:relative;
	left:225px;
}
	
#ddmenu li {	
	float: left;
	list-style: none;
	height:42px;
	background-image:url('img/bg-li.png');
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:4px;
	padding-left:2px;	
}

#ddmenu li.last {
	background:none;
}


#ddmenu li a {	
	display: block;
	padding: 0 5px;
	line-height:42px;
	text-decoration: none;
	color: #fff;
	font-size:13px;
	white-space: nowrap;
	text-align:center;
}

#ddmenu li a:hover, #ddmenu li.act a, #ddmenu li:hover a {	
	background-image:url('img/bg-menu-hover.png');
	background-position:left top;
	background-repeat:repeat-x;
	text-decoration:none;	
}

#ddmenu li.act ul {
	visibility:visible;
}
	
#ddmenu li ul {	
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	width:500px;
	background-image:url('img/bg-sub-li-first.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
}

#ddmenu li ul li {	
	display:inline;
	background:none;
	height:28px;
}

#ddmenu li ul li a {
	width: auto;	
	display: inline;
	color: #d9d9d9; 
	font-size: 12px;
	padding:0 5px;
	line-height:28px;
}

#ddmenu li ul li a:hover {	
	background: none;
	text-decoration:underline;
}

#ddmenu li ul li a, #ddmenu li.act ul li a, #ddmenu li:hover ul li a {	
	background: none;
}



#footer-bar {
	width:990px;
	margin:0 auto;
}
#footer-bar p {
	line-height:45px;
	color:#564e3a;	
	font-size:11px;
	padding:0;
	margin:0;	
}
#footer-bar .m30 {
	margin-left:70px;
}
#footer-bar img {
	margin-left:10px;;
	position:relative;
	top:10px;
}
#footer-bar p a  {
	color:#564e3a;
}


/* HOME REFER */
    .carousel {width:230px;  position:relative; height:150px;top:200px;left:125px;}
    .carousel .wrapper{width:260px; /* .carousel width - (.wrapper margin-left + .wrapper margin-right) */ overflow:hidden;  height:150px; /*min-height:300em;*/ margin:0;  position:relative;  }
    .carousel .wrapper ul{ width:9999px; list-style-type:none;  margin:0; padding:0; position:absolute; top:0;}
    .carousel ul li{ /*display:block; */ float:left;  padding-right:40px;  height:150px;  width:260px; color: #999; font-size: 11px; }
    .carousel ul li h3 {
		color:#faf7f6;
		font-size:40px;	
		line-height:40px;
		text-align:right;
}
    .carousel ul li h3 strong{
		color:#ffcb2b;
		font-size:30px;	
		text-align:left;
}
    .carousel ul li p{
		color:#a8bcd3;
		font-size:12px;
		margin:0
}	
	.carousel #next {
		position:absolute;
		left:270px;
		top:35px;
		cursor:pointer;		
}
	.carousel #prev {
		position:absolute;
		left:-30px;
		top:35px;
		cursor:pointer;
}

.carousel .all {
	display:block;
	width:95px;
	height:21px;
	line-height:23px;
	background-image:url('img/bg-a-novinka.gif');
	background-position:left top;
	background-repeat:no-repeat;
	color:#92b8dd;
	font-size:9px;
	padding-left:8px;
	text-transform:uppercase;
	text-decoration:none;
	filter: alpha(opacity=80);-moz-opacity: 0.80;opacity: 0.80;
}
.carousel .all:hover {
	filter: alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;	
}


#koule {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
	width:554px;
	height:500px;
	left:529px;
	top:0;
	bottom:0;
}

.LinkKoule0 { background-image:url('img/bg-icon-big-home.png'); }
.LinkKoule1 { background-image:url('img/bg-icon-big-bowling.png'); }
.LinkKoule2 { background-image:url('img/bg-icon-big-restaurace.png'); }
.LinkKoule3 { background-image:url('img/bg-icon-big-oslavy.png'); }
.LinkKoule4 { background-image:url('img/bg-icon-big-svatba.png'); }
.LinkKoule5 { background-image:url('img/bg-icon-big-galerie.png'); }
.LinkKoule6 { background-image:url('img/bg-icon-big-program.png'); }
.LinkKoule7 { background-image:url('img/bg-icon-big-reference.png'); }
.LinkKoule8 { background-image:url('img/bg-icon-big-rezervace.png'); }
.LinkKoule9 { background-image:url('img/bg-icon-big-kontakt.png'); }
.LinkKoule { background-image:url('img/bg-icon-big-bowling.png'); }


#talir {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
	width:326px;
	height:347px;
	top:0;
	left:660px;
}


.LinkTalir0 { background-image:url('img/bg-icon-small-home.png'); }
.LinkTalir1 { background-image:url('img/bg-icon-small-bowling.png'); }
.LinkTalir2 { background-image:url('img/bg-icon-small-restaurace.png'); }
.LinkTalir3 { background-image:url('img/bg-icon-small-oslavy.png'); }
.LinkTalir4 { background-image:url('img/bg-icon-small-svatba.png'); }
.LinkTalir5 { background-image:url('img/bg-icon-small-catering.png'); }
.LinkTalir6 { background-image:url('img/bg-icon-small-program.png'); }
.LinkTalir7 { background-image:url('img/bg-icon-small-reference.png'); }
.LinkTalir8 { background-image:url('img/bg-icon-small-rezervace.png'); }
.LinkTalir9 { background-image:url('img/bg-icon-small-kontakt.png'); }
.LinkTalir { background-image:url('img/bg-icon-small-bowling.png'); }


.napoje {
	position:absolute;
	width:266px;
	height:134px;
	left:43px;
	top:64px;
	background-image:url('img/bg-box-napojovy-listek.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	z-index:1;	
}
.pol-menu {
	position:absolute;
	width:281px;
	height:151px;
	left:28px;
	top:44px;
	background-image:url('img/bg-box-pol-menu.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	z-index:1;	
}
.jidlo {
	position:absolute;
	width:194px;
	height:151px;
	left:9px;
	top:44px;
	background-image:url('img/bg-box-jidlo.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	z-index:1;
}
.vernostni-program {
	position:absolute;
	width:234px;
	height:151px;
	left:9px;
	top:48px;
	background-image:url('img/bg-box-vernost.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	z-index:1;
}
.cenik-bowling {
	position:absolute;
	width:238px;
	height:116px;
	top:84px;
	left:71px;
	background-image:url('img/bg-box-cenik.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	z-index:1;
}
.speciality {
	position:absolute;
	width:194px;
	height:151px;
	left:9px;
	top:48px;
	background-image:url('img/bg-box-speciality.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	z-index:1;
}

.a-menu   { position:relative; top:110px; }
.a-alko   { position:relative; top:110px; }
.a-nealko { position:relative; top:110px; left:30px; }
.a-jidlo  { position:relative; top:80px; }
.p-jidlo  { width:100px; margin-right:30px; text-align:right;	margin-top: -2px; }

.a-vernost { position:relative; top:70px; left: -35px; }
.a-cenik   { position:relative; top:65px; left: 30px; }
.a-speciality  { position:relative; top:80px; }
.p-speciality  { width:100px; margin-right:30px; text-align:right;	margin-top: -2px; }


.textbox  { padding-top: 12px; height: 50px; }


.left p.paddingbox { margin-top: -15px; }

p.Reference img { padding-right: 20px; }

.CenikHodina { font-size: 12px; }
.CenikCena { font-size: 13px; }
.TextSmall { font-size: 9px; padding-top: 15px; }

.DetailFoto { padding-right: 5px; float: left; }
.DetailFoto img {
  width:100px;
  height:92px;
  margin-left:4px;
  margin-top:4px;
}
.DetailFoto a {
display:block;
width:108px;
height:100px;
background-image:url('img/carousel-li.png');
margin-bottom:5px;
}

#Datume { position: absolute; float: right; top: 13px; left: 917px; color: #00387e; width: 150px; font-size:11px; }
.rozbalit {padding-left: 500px; text-align: right; color: #000; display: block; }



#RestauraceMenu h2 { 
	font-size:18px;
  cursor: pointer;
	width:650px;
	height:45px;
	text-transform:uppercase;
	background-image:url('img/content-button-2.png');
	background-position:left top;
	background-repeat:no-repeat;
	line-height:37px;
	font-weight:bold;
	padding-left:20px;
	text-decoration:none;	
  color: #fff; }
#RestauraceMenu h2:hover {
	background-image:url('img/content-button-2-hover.png');
  color: #fff; }


#FloatBox {
	float: right;
	width: 320px;
	height: 265px;
	margin-right: 33%;
}
#EditorText li { font-size: 13px; margin: auto; padding: auto; margin-left: 20px; list-style-type: disc; }

.RightList { float: right; width: 250px; }

p.RefRadka { padding: 7px 0px; }