/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family:  sans-serif;
	color: #000000;
	background: url(../img/bcg_body.png) repeat-x top left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
}

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; text-decoration: none;}

/* --- ikonky k odkazum --- */
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}

/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
p 						{text-align: left; margin: 0px 0px 15px 0px; line-height: 1.3em;}
hr						{display: block; clear: both; margin: 10px 0px 10px 0px; color: #ffff66; background: #ffff66; text-align: center; border-width: 0px;}

/* --- seznamy --- */
ul						{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol						{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img 								{border: 0px;}
img.border						{border: 1px solid #e30133; padding: 2px;}
a:hover img.border			{border: 1px solid #e30133;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin: 0px 0px 10px 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table.nice						{width: 100%; font-size: 1em; }
table.nice tr td 				{padding: 2px;	border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #eef2fa bottom; font-weight: bold; width: 120px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #eef2fa bottom; font-weight: bold; padding: 2px;}
table.nice tr td.long		{width: 250px;}
table.nice tr td.short		{width: 150px;}
table.medium					{width: 350px;}

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 		{clear: both; color: #e30133; font-size: 1.3em; margin: 0px;}
h1									{display: none;}
h2									{padding: 0px;	margin: 0px 0px 7px 0px; font-size: 1.2em;}
h3 								{font-size: 1.1em; margin: 0px 0px 5px 0px;}
h4									{font-size: 1em; color: #000000;}

/* --- formulare --- */
input				{font-family:  sans-serif; border: 1px solid #e30133; margin-bottom: 5px; font-size: 1.2em; padding: 3px; background: #f8f8f8;}
button			{font-family:  sans-serif; border: 1px solid #e30133; margin-bottom: 5px; font-size: 1.2em; padding: 3px; background: #fceacb;}
input.submit	{border-width: 0px; width: 150px; background: #f69021; font-size: 1em; padding: 3px 0px 3px 0px; color: #ffffff; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: bold;}
input.checkbox	{vertical-align: -0.5em;}
textarea			{font-family:  sans-serif; border: 1px solid #e30133; margin-bottom: 5px; font-size: 1.2em; padding: 3px;  background: #f8f8f8;}
form				{margin: 0px; padding: 0px;}
fieldset			{background: #ffffff; margin-top: 15px;}
fieldset.informace, fieldset.popis	{width: 405px;}
fieldset.fotogalerie						{float: right; width: 207px;}
fieldset table tr td			{padding: 2px;	border: none;}
fieldset table tr td.item	{background: url(../img/bcg_menu_li.gif) repeat-x #eef2fa bottom; font-weight: bold; width: 150px; border: 1px solid #dadada;}
legend			{border: 1px solid #e30133; background: #ffff66; color: #000000; font-weight: bold; padding: 2px 10px 2px 10px;}
input.submit 	{font-size: 1em; background: #ed1c24; font-size: 1em; padding: 3px 0px 3px 0px; color: #ffffff; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: bold; vertical-align: -5px;}


/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red				{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.nomargin		{margin: 0px;}
.nobold			{font-weight: normal;}
.noborder		{border-width: 0px;}
.nobackground	{background: none;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.half				{width: 240px;}
.bad				{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.box-info			{border: solid 1px #000000; background: #ffffcc url(../img/ico/info.png) 8px 6px no-repeat; color:#222222; padding:4px; text-align: center; width: 80%; margin: 10px 0px 10px 0px;}
.box-error			{border: solid 1px #cc0000; background: #f7cbca url(../img/ico/error.png) 8px 6px no-repeat; color:#cc0000; padding:4px; text-align: center; width: 80%; margin: 10px 0px 10px 0px;}


/* --- layout --- */
#layout {
	display: block;
	margin: auto;
	width: 948px;
}

#layout #top {
	display: block;
	clear: both;
	width: 948px;
	height: 371px;
}

#layout #top #topLogo {
	display: block;
	float: left;
	width: 220px;
	height: 110px;
	background: url(../img/bcg_logo.gif) top left no-repeat;
	margin-left: 10px;
}

#layout #top ul#menu {
	display: block;
	float: right;
	text-align: right;
	width: 550px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#layout #top ul#menu li {
	display: inline;
	float: left;
	width: 115px;
	height: 46px;
	padding: 20px 15px 0px 15px;
	margin: 0px;
	list-style: none;
	background: url(../img/bcg_menu_li.gif) right top no-repeat;
}

#layout #top ul#menu li.o_nas		{width: 40px;}
#layout #top ul#menu li.sluzby		{width: 45px;}
#layout #top ul#menu li.makleri	{width: 50px;}
#layout #top ul#menu li.kontakt	{width: 53px;}
#layout #top ul#menu li.partneri 	{width: 56px; background: none;}

#layout #top ul#menu li a {
	display: block;
	padding: 0px 0px 7px 0px;
	text-decoration: none;	
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}

#layout #top ul#menu li a:hover, #layout #top ul#menu li a.zvyraznene {
	text-decoration: none;
	border-bottom: 5px solid #e30133;
}

#layout #top #topImage {
	display: block;
	clear: both;
	width: 948px;
	height: 262px;
	background: url(../img/bcg_top.jpg) bottom left no-repeat;
	margin: 3px 0px 0px 0px;
}

#layout #content {
	display: block;
	clear: both;
	width: 948px;
	margin-left: 6px;
	background: url(../img/bcg_menu.png) bottom left no-repeat;
}

#layout #content #left {
	display: block;
	float: left;
	width: 730px;
	margin-top: 30px;
}

#layout #content #left #leftTop {
	display: block;
	float: left;
	width: 730px;
	height: 25px;
	background: url(../img/bcg_content_top.jpg) top left no-repeat;
}

#layout #content #left #leftContent {
	display: block;
	float: left;
	width: 670px;
	padding: 10px 30px 0px 30px;
	background: url(../img/bcg_content.jpg) top left repeat-y;
}

#layout #content #left #leftBottom {
	display: block;
	float: left;
	width: 730px;
	height: 25px;
	background: url(../img/bcg_content_bottom.jpg) top left no-repeat;
}

#layout #content #left #leftContent h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

#layout #content #left h2 {
	margin: 0px;
}

#layout #content #left #form-rezervace {
	margin: 20px 0px 30px 0px;
}

#layout #content #left #form-rezervace label {
	display: block;
	float: left;
	width: 120px;
	padding: 2px 5px 0px 5px;
	margin: 0px 0px 5px 0px;
	text-align: right;
}          
          
#layout #content #left #form-rezervace input { 
	width: 220px;
	padding: 2px;
	margin: 0px 0px 5px 0px;
}     

#layout #content #left #form-rezervace input.submit { 
	width: 120px;
	text-transform: uppercase;
}
          
#layout #content #left #form-rezervace textarea{
	width: 260px;
	height: 120px;
	font-size: 1em;
} 

#layout #content #left form.search {
	border: 1px solid #dddddd;
	padding: 7px 7px 2px 7px;
	background: #d1d1d1;
	text-align: center;
	margin: 0px 0px 5px 0px;
}

#layout #content #left form.search input.submit {
	font-size: 1em;
	background: #ed1c24;
	font-size: 1em;
	padding: 3px 0px 3px 0px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	vertical-align: -5px;
}

#layout #content #left table#vypis {
	display: block;
	float: left;
	width: 730px;
	font-size: 0.9em;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
}

#layout #content #left table#vypis tr td {
	border-collapse: collapse;
	border: 1px solid #d1d1d1;
	padding: 5px;
}

#layout #content #left table#vypis tr th {
	padding: 6px;
	background: url(../img/bcg_menu_li.gif) repeat-x;
}


#layout #content #left table#vypis tr.strankovani td {
	border: none;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

#layout #content #left table#vypis tr.strankovani td table {
	text-align: center;
}

#layout #content #left table#vypis tr.strankovani td table tr td.predchozi {
	width: 80px;
	text-align: right;
}

#layout #content #left table#vypis tr.strankovani td table tr td.stranky {
	text-align: center;
}

#layout #content #left table#vypis tr.strankovani td table tr td.stranky ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#layout #content #left table#vypis tr.strankovani td table tr td.stranky ul li {
	display: inline;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#layout #content #left table#vypis tr.strankovani td table tr td.stranky ul li a {
	display: block;
	border: 1px solid #ed1c24;
	padding: 2px;
	background: #ffffff;
	width: 15px;
	margin: 3px;
	text-decoration: none;
}

#layout #content #left table#vypis tr.strankovani td table tr td.stranky ul li a.selected, #layout #content #left table#vypis tr.strankovani td table tr td.stranky ul li a:hover {
	background: #ed1c24;
	color: #ffffff;
}

#layout #content #left table#vypis tr.strankovani td table tr td.dalsi {
	width: 80px;
	text-align: left;	
}

#layout #content #left table#vypis tr.strankovani td table tr td.celkem {
	text-align: center;
	width: 80px;
}

#layout #content #left table#vypis tr td.obrazek {
	width: 100px;
	vertical-align: top;		
}


#layout #content #left table#vypis tr td.nazev {
	width: 360px;
	vertical-align: top;	
}

#layout #content #left table#vypis tr td.mesto {
	width: 140px;
	vertical-align: top;
}

#layout #content #left table#vypis tr td.cena {
	width: 85spx;
	text-align: right;
	vertical-align: top;
}

#layout #content #left table#vypis tr td.cena span.rezervace {
	color: #ff0000;
	font-weight: bold;
}

#layout #content #left table#vypis tr td.nemovitosti {
	text-align: center;
	background-color: #ffff66;
	vertical-align: middle;
}

#layout #content #right {
	display: block;
	float: right;
	width: 181px;
	margin: 30px 5px 0px 0px;
}

#layout #content #right h2 {
	display: block;
	width: 181px;
	height: 36px;
	background: url(../img/bcg_right_h2.jpg) top left no-repeat;
	color: #ffffff;
	text-align: center;
	padding: 18px 0px 0px 0px;
}

#layout #content #right div.container {
	width: 160px;
	padding: 10px;
}

#footer {
	display: block;
	clear: both;
	width: 715px;
	height: 35px;
	background: url(../img/bcg_footer.jpg) top left no-repeat #ff9100;
	color: #ffffff;
	text-align: left;
	padding: 20px 0px 0px 25px; 
	margin: 0px 0px 15px 0px;
}

#footer a {
  color: #fff;
}


/* --- lightbox --- */

#lightbox {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
	margin-top: 0px;
	cursor: pointer;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	top: 0px;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: auto;
	margin-top: 0px;
}

#outerImageContainer img {
		border: 1px solid #000000;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(lightbox/next.gif) right 15% no-repeat; }


#imageDataContainer {
	font-family:  "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}

#imageData {padding: 0px 10px 0px 10px; color: #666; height: 40px;}
#imageData #imageDetails {width: 70%; float: left; text-align: left;}	
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 120px; float: right;  padding-bottom: 0.7em;}	

		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
}