@charset "utf-8";
/* CSS Document */
/* #ccc grey */
/* #ff0000 red */
/* #292d94 dark blue */
/* #00a500 green */

body {
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	line-height: 13px;
	color:#333;
	background-color:#fff;
	padding-top:0px;
	margin:0px}

a img {
	border:none}
a {
	color:#292D93;
	text-decoration:underline}
h1, h2, h3 {
	font-family:Georgia, Arial}

h1 {
	font-size:29px;
	padding-top:7px;
	padding-bottom:7px;
	line-height:33px;
	color:#ff0000}
h2 {
	font-size:21px;
	padding-top:3px;
	padding-bottom:2px;
	color:#292d93;
	margin-top:2px;
	margin-bottom:5px}
	
h3 {
	font-size:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:#292d93}
	
	#page {
		display:block;
		position:relative;
		height:100%;
		margin:auto;
		width:930px}
		
	#logo {
		display:block;
		margin-top:15px;
		float:left}	
		
	#menu {
		display:block;
		width:931px;
		height:58px;
		float:left;
		background-image:url(../img/bg-breadcrumbs.png);
		background-position:bottom;
		background-repeat:no-repeat;
		margin-top:14px;
		z-index:992;
		position:relative}
		
	li.zalozky {
		display:inline;
		list-style:none;
		margin-top:2px;
		}
		#content {
			display:block;
			width:932px;
			float:left;
			position:relative;
			height:auto;
			margin-top:25px;
			padding-top:10px;
			padding-bottom:20px;
			background-image:url(../img/bg-refs-end.png);
			background-position:bottom;
			background-repeat:no-repeat}
		ul#tabbs {
			display:block;
			width:932px;
			float:left;
			height:35px;
			margin-top:0px;
			margin-left:0px;
			background-image:url(../img/bg-refs-top.png);
			background-position:bottom;
			background-repeat:no-repeat;
			list-style:none;
			text-indent:0px;
			padding-left:0px;
		}
		ul#tabbs-o-firme {
			display:block;
			width:932px;
			float:left;
			height:35px;
			margin-top:0px;
			margin-left:0px;
			background-image:url(../img/bg-kontakt-top.png);
			background-position:bottom;
			background-repeat:no-repeat;
			list-style:none;
			text-indent:0px;
			padding-left:0px;
		}
		#tabs {
			display:block;
			position:absolute;
			width:100%;
			height:27px;
			margin-top:0px;
			z-index:991}
			
			#tabs a {
				text-align:center;
				color:#f1f1f1;
				font-size:14px;
				text-decoration:none;
				float:left;
				margin-right:1px}
				#tabs a:hover {
					color:#fff}
					
					
/* zalozky pro reference */

			#tabbs li { 
				float:left; 
				margin:0; 
				padding:0; 
				text-indent:0; 
				list-style-type:none}
				
			#tabbs li a {
				display:inline;
				float:left;
				margin-right:1px;
				margin-top:-1px;
				height:22px;
				text-align:center;
				text-decoration:none;
				font-size:15px;
				padding-top:7px;
				color:#f1f1f1;
				bottom:-2px;
				background-repeat:no-repeat}
			#tabbs li a:hover {
				color:#900}
				
			#tabbs-o-firme li { 
				float:left; 
				margin:0; 
				padding:0; 
				text-indent:0; 
				list-style-type:none}
				
			#tabbs-o-firme li a {
				display:inline;
				float:left;
				margin-right:1px;
				margin-top:-1px;
				height:22px;
				text-align:center;
				text-decoration:none;
				font-size:15px;
				padding-top:7px;
				color:#f1f1f1;
				bottom:-2px;
				background-repeat:no-repeat}
			#tabbs-o-firme li a:hover {
				color:#900}
			
			#t1 {
				background-image:url(../img/reftab01.png);
				width:177px}
			#t1:hover {
				color:#900}
			#t1.current {
				background-image:url(../img/reftab01-active.png);
				width:177px;
				color:#ff0000}

			#t2 {
				background-image:url(../img/reftab02.png);
				width:138px}
			#t2:hover {
				color:#900}
			#t2.current {
				background-image:url(../img/reftab02-active.png);
				color:#ff0000;
				width:138px}
			#t3 {
				background-image:url(../img/reftab03.png);
				width:301px}
			#t3:hover {
				color:#900}
			#t3.current {
				background-image:url(../img/reftab03-active.png);
				width:301px;
				color:#ff0000
				}
			#t4 {
				background-image:url(../img/reftab04.png);
				width:197px}
			#t4:hover {
				color:#900}
			#t4.current {
				background-image:url(../img/reftab04-active.png);
				width:197px;
				color:#ff0000}
			
					a#main01 {
					padding-top:6px;
					display:block;
					width:216px;
					height:21px;
					background-image:url(../img/main-01-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main01-active {
					padding-top:6px;
					display:block;
					width:216px;
					height:21px;
					color:#212121;
					background-image:url(../img/main-01-active-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main01-active:hover {
					color:#666}
					
					a#main02 {
					padding-top:6px;
					display:block;
					width:166px;
					height:21px;
					background-image:url(../img/main-02-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main02-active {
					padding-top:6px;
					display:block;
					width:166px;
					height:21px;
					color:#212121;
					background-image:url(../img/main-02-active-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main02-active:hover {
					color:#666}
					
					a#main03 {
					padding-top:6px;
					display:block;
					width:97px;
					height:21px;
					background-image:url(../img/main-03-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main03-active {
					padding-top:6px;
					display:block;
					width:97px;
					height:21px;
					color:#212121;
					background-image:url(../img/main-03-active-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main03-active:hover {
					color:#666}
					
					a#main04 {
					padding-top:6px;
					display:block;
					width:107px;
					height:21px;
					background-image:url(../img/main-04-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main04-active {
					padding-top:6px;
					display:block;
					width:107px;
					height:21px;
					color:#212121;
					background-image:url(../img/main-04-active-bg.png);
					background-repeat:no-repeat;
					background-position:bottom;
					z-index:993}
					a#main04-active:hover {
						color:#666}
					
					a#main05 {
					padding-top:6px;
					display:block;
					width:98px;
					height:21px;
					background-image:url(../img/main-05-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main05-active {
					padding-top:6px;
					display:block;
					width:98px;
					height:21px;
					color:#212121;
					background-image:url(../img/main-05-active-bg.png);
					background-repeat:no-repeat;
					background-position:bottom}
					a#main05-active:hover {
					color:#666}
					
					#prouzek {
					padding-top:21px;
					float:left;
					margin-left:-2px;
					display:block;
					width:240px;
					height:6px;
					background-image:url(../img/prouzek-modry.png);
					background-repeat:no-repeat;
					background-position:bottom;
					z-index:1}
					
		#breadcrumbs {
			padding-top:6px;
			font-size:12px;
			padding-left:15px;
			display:block;
			position:absolute;
			width:100%;
			color:#212121;
			height:25px;
			margin-top:29px;
			z-index:992}
			
		#breadcrumbs a {
			font-weight:bold;
			color:#292d93;
			padding-left:15px;
			text-decoration:none}
		#breadcrumbs a:hover {
			text-decoration:underline}
		#breadcrumbs span {
			padding-right:10px}

/* CONTENT */


	
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #ccc;
}
.btn-slide {
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
div#index_img	{
	display:block;
	position:relative;
	width:930px;
	height:345px;}
div#img_circles	{
		position:absolute;
		margin-top:-40px;
		margin-left:430px}
h1#hlavni-nadpis {
	display:block;
	width:555px;
	height:122px;
	background-image:url(../img/bg-hlavni-nadpis.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:190px;
	margin-left:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:29px;
	color:#FFF;
	padding-right:100px;
	padding-top:20px;
	padding-left:10px;
	line-height:33px
	}
#folio{
	margin-top:4px;
	float:left}
a#portfolio {
	margin-top:4px;
	margin-left:14px;
	float:left;
	width:301px;
	height:140px;
	background-image:url(../img/loga_restauraci.png)}
a#portfolio:hover {
	background-image:url(../img/loga_restauraci-over.png)}
#folio-produkty {
	margin-top:4px;
	margin-left:13px;
	float:left
	}
#breadcrumbs {
	float:left;
	width:100%;
	height:40px}
	
#menu-products {
	float:left;
	display:block;
	width:251px;
	text-align:center;
	margin-top:20px;}
	
	#menu-products strong {
		display:block;
		text-align:left;
		width:100%;
		padding-left:14px;
		padding-top:12px;
		margin-top:10px;
		background-image:url(../img/bg-strong-produkty.png);
		background-repeat:no-repeat;
		background-position:left;
		height:15px;
		float:left;
		width:251px;
		color:#FFF}
	
	#menu-products a {
		width:235px;
		text-align:left;
		padding-left:15px;
		padding-top:5px;
		padding-bottom:4px;
		font-size:14px;
		display:block;
		color:#333;
		margin-top:3px;
		line-height:16px;
		background-image:url(../img/produkty-cara-01.png);
		background-position:bottom;
		background-repeat:no-repeat;
		text-decoration:none}
		
	#menu-products a.active {
		width:235px;
		line-height:16px;
		text-align:left;
		color:#292d93;
		font-size:14px;
		padding-left:15px;
		padding-bottom:4px;
		padding-top:5px;
		display:block;
		margin-top:3px;
		background-image:url(../img/produkty-cara-02.png);
		background-position:bottom;
		background-repeat:no-repeat;
		text-decoration:none}
		
	#menu-products a:hover {
		color:#292d93;
		background-image:url(../img/produkty-cara-02.png);
		background-position:bottom;
		background-repeat:no-repeat;
		text-decoration:none}
		
	div.fillprodukty {
		display:block;
		background-image:url(../img/bg-produkty-fill-y.png);
		width:251px;
		float:left;
		background-repeat:repeat-y;
		min-height:350px;
		padding-top:10px}
	
	div.fillprodukty-end {
		display:block;
		width:100%;
		float:left;
		background-image:url(../img/bg-produkty-end.png);
		height:25px}
		
#article {
	float:left;
	padding-left:40px;
	width:640px;}
	
	#article img {
		max-height:inherit;
		max-width:100%}
#product-list {
	display:block;
	float:left;
	width:932px;
	margin-top:25px}
		
	#products-start {
		background-image:url(../img/bg-products-top.png);
		background-repeat:no-repeat;
		background-position:left;
		height:16px;
		width:932px;
		font-weight:bold;
		padding-top:12px;
		padding-left:15px;
		float:left;
		color:#FFF}
	#products {
		float:left;
		background-image:url(../img/bg-refs-fill-y.png);
		background-repeat:repeat-y;
		border:none;
		width:100%}
		#products td {
			padding: 2px}
		#products tr:hover {
			background-color:#f1f1f1;
			cursor:pointer}
		#products tr.hlavicka {
			background-color:	#f1f1f1;
			border:0px;
			padding:0px}
		#products tr.hlavicka:hover {
			background-color:;
			border:0px}
	
/* MENU */
.a-menu {
	float:left;
	height:51px}
a#profi-gastro {
	background-image:url(../img/menu-profi-gastro.png);
	width:271px}
a#pradelny {
	background-image:url(../img/menu-pradelny.png);
	width:182px;
	margin-left:15px}
a#o-firme {
	background-image:url(../img/menu-o-firme.png);
	width:89px;
	margin-left:15px}
a#reference {
	background-image:url(../img/menu-reference.png);
	width:117px;
	margin-left:15px}
a#kontakt {
	background-image:url(../img/menu-kontakt.png);
	width:97px;
	margin-left:15px}


/* SITEMAP */
div#sitemap {
	display:block;
	float:left;
	width:913px;
	background-image:url(../img/bg-sitemap.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:256px;
	padding-left:18px;
	margin-top:20px;
	margin-bottom:30px}

	.sitemapcol {
		float:left;
		margin-right:20px;
		margin-top:10px;
		width:205px}
	
	span.sekce {
		font-weight:bold;
		display:block;
		height:20px;
		color:#CCC;
		padding-bottom:10px;
		padding-left:0px;
		font-size:12px}
		
		span.sekce a {
			text-decoration:none;
			color:#ccc;}
		span.sekce a:hover {
			text-decoration:none;
			color:#fff;}
		a.rada {
			display:block;
			height:18px;
			text-decoration:none}
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	display:block;
	width:100%;
	height:10%;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}

/* tab pane styling */

div.panes div {
	display:none;
	float:left;
	width:100%;
	min-height:1px;
	background-image:url(../img/bg-refs-fill-y.png);
	background-repeat:repeat-y;
}



/* the thumbnails */
.triggers {
	padding:20px;
	padding-left:30px;
	padding-top:2px;
}
 
.triggers p img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 2px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left
}
.triggers p img:hover {
	background-color:#f1f1f1;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.triggers p {
	display:block;
	min-height:70px;
	width:350px;
	float:left;
	margin-right:100px;
	position:relative;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
	padding-right:10px;
	border-bottom-width:1px;
	border-bottom-color:#CCC;
	border-bottom-style:dotted}

.triggers p:hover {
	border-bottom-color:#ff0000;
	cursor:pointer}
	
	.triggers p .work {
	display:block;
	width:100%;
	clear:both;
	text-align:left;
	text-indent:20px;
	background-image:url(../img/work-point-blue.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:10px;
	padding:10px
	}
	
	.triggers p:hover .work {
	background-image:url(../img/work-point.png);
	}
	
	.triggers p span {
	display:block;
	width:100%;
	clear:both;
	text-align:left;
	padding:10px;
	padding-bottom:0px
	}
	
	.triggers p strong {
	display:block;
	text-indent:10px;
	width:100%;
	padding:3px;
	padding-left:0px;
	font-size:17px;
	line-height:20px;
	font-weight:bold;
	color:#292d94}
	
	.triggers p:hover strong {
	color:#ff0000}
 
/* the active thumbnail */
.triggers a.active img {
	outline:1px solid #000;
 
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

div.reference {
	display:inline-block;
	width:425px;
	background-color:#f1f1f1;
	}

div#scrollable {  
	position:relative;
	overflow:hidden;
	float:left;
	width: 300px;	 
	height:140px;
	margin-left:0px;
	margin-top:10px}
#thumbs {	
	position:absolute;
	width:1800px}

div.sluzby {
display:block;
float:left;
position:relative;
width:300px;
height:140px;
background-image:url(../img/bg-sluzby.png);
background-position:top;
background-repeat:no-repeat}

div.sluzby:hover {
	background-image:url(../img/bg-sluzby-hover.png);
	cursor:pointer}
		h3 {
		position:absolute;
		height:17px;
		margin-left:120px;
		margin-top:26px;
		display:block;
		padding-bottom:10px;
		padding-left:0;
		color:#292d93;
		width:150px}
		
	.img-sluzby {
		position:absolute;
		left:17px;
		margin-top:35px}
		
	.sluzby p {
		position:absolute;
		width:170px;
		left:120px;
		margin-top:59px;
		font-size:13px}
	.sluzby a {
		position:absolute;
		width:170px;
		left:120px;
		bottom:15px}
		
img.small-adds {
	float:left;
	margin-left:10px;
	margin-top:10px}
	
/* mapa a adresa */
#mapa, #adresa {
		float:left;
		margin-right:10px}
		
		#adresa {
		display:block;
		width:400px;
		height:500px;
		padding:15px;
		padding-top:0px}
		
		#mapa {
			padding-top:22px}
		
		#adresa span {
			display:block;
			min-height:18px;
			width:40%;
			float:left;
			margin-right:20px;
			padding:2px}
	
		#adresa strong {
			width:100%;
			padding-top:25px;
			color:#292d93;
			clear:both}


#portfolio {
	background-image:url(../img/bg-refs-fill-y.png);
	width:932px;
	background-repeat:repeat-y;
	padding:10px}
	
#portfolio .sluzby {
	margin-right:5px;
	margin-top:5px}
	
	#portfolio p.port {
	padding:20px;
	width:350px;
	float:left;
	margin-right:50px;
	margin-top:5px}
	
 div.produktova-rada {
	border:thin;
	border-style:solid;
	border-color:#f1f1f1;
	display:block;
	width:28%;
	margin-right:1%;
	float:left;
	padding:3px;
	padding-top:5px;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;}
	
	a:hover {
		text-decoration:none}
	div#rada600 {
		background-image:url(img/600-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
	div#rada700 {
		background-image:url(img/700-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
	div#rada900 {
		background-image:url(img/900-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
		
	div#snack {
		background-image:url(img/snack-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
		
	div#konvektomaty {
		background-image:url(img/konvektomaty-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
		
	div#myti {
		background-image:url(img/myti-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
		
	div#chlazeni {
		background-image:url(img/chlazeni-icon.jpg);
		background-repeat:no-repeat;
		background-position:top;
		padding-top:140px}
							 
	hr {
		width:100%;
		color:#FFF;
		line-height:2px}