body {
	padding: 0;
	margin: 0;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #E9AB2A;
	background: url('img/bg.gif') #200000 left top repeat-x;
  background-attachment: scroll;
	scrollbar-face-color:#548FC9;
	scrollbar-arrow-color:#AAC7E4;
	scrollbar-base-color:#274776;
	scrollbar-shadow-color:#274776;
	scrollbar-dark-shadow-color:#548FC9;
	scrollbar-highlight-color:#548FC9;
	scrollbar-3d-light-color:#548FC9;
	cursor: default;
}

/* FORMOVANI STRANKY ===================================================================================*/

#body{ clear:both;}
#bodyContent {
	margin-left: auto; margin-right: auto;
	width:770px; height: 100%;
}

#header {clear:both; margin: 0px; padding: 0px;}
#headerContent {
	width:770px; height: 145px;
	margin: 0px; padding: 0px;
	background: url('img/head-bg.jpg') left top no-repeat;
	clear:both;
	border: solid #ddd000 0px;
}
#header IMG{ margin: 0px;}

#page { clear: both; width: 770px; height: 100%; margin: 0px; /*background: url('img/page-bg.gif') left top repeat-y;*/}
#pageContentTop { 
	width: 770px; 
	margin-top: 0px; padding: 0px;
	background: url('img/page-bg-bot.gif') 14px 12px repeat-y;
	border: solid #00FFFF 0px;
	clear:both;
}
#pageContentEnd {
	width: 770px; min-height: 600px; 
	margin-top: 0px; padding: 14px; padding-top: 12px;
	background: url('img/page-bg-top.gif') left top no-repeat;
	border: solid #00FFFF 0px;
}

#footer {clear:both;}
#footerContent {
	width: 770px; height: 100%;
	margin: 0px; padding: 0px;
	background: url('img/footer-bg.gif') left top repeat-x;	
}

.galerie {width: 390px; border:solid 0px #ffffff;}
.galerie a {display:block; width: 120px; margin-right:10px; margin-bottom:10px; float:left;}

/* PAGE ================================================================================================*/

/* PAGE LEVA STRANA */
#pageLeft {
	width:140px;
	margin: 20px, 20px, 0px, 20px; padding: 0px;
	/*background: url('img/bg-left.gif') top left repeat-y;*/
	border: solid #FF77FF 0px;
	float:left;
}

/* PAGE PRAVA STRANA */
#pageRight {
	width:600px;
	margin: 10px, 0px, 0px, 3px; padding: 0px;
	/*background-color:#2C0000;*/
	border: solid #FF77FF 0px;
	float:left;
	/*clear:right;*/
}

/* POLOZKY PRAVE STRANY ================================================================================*/

#title {
	width:590px; height: 80px;
	margin: 0px, 10px, 30px, 10px; padding-left: 10px;
	/*background: url('img/bg-left.gif') top left repeat-y;*/
	border: solid #FF77FF 0px;
	clear:both;
}

#content 	{width: 570px; margin: 0px; padding-left: 20px; clear:both;}
/*#content .page	{font-size: 11px; color: #D29824; font-family: Arial CE, Arial, sans-serif; font-weight:none;}*/
#content .img {
	margin: 0px 6px; padding: 3px;
	border: solid #471919 1px;	
}

#content .text 	{width: 380px; margin: 0px; padding: 0px; clear:both;}

/* STRANKOVANI- */

#pageLeft #pager {
	width:550px; height:20px;
	margin: 20px 0px 0px 0px; padding: 0px;
	clear:both;
}
#pager p {
	width:80px; height:20px;
	margin: 0px; padding: 0px;
	float:left;}

#pager ul { 
	width:400px; height:20px;
	margin-left: 20px; padding: 0px; 
	list-style:none;
	}
#pager li {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background: url('../img/trans.gif') left top no-repeat;
	color: #FFFFFF; font-weight:bold;
}
#pager li a, #pager li a:link, #pager li a:visited, #pager li a:active {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; font-weight:normal; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
}
#pager li a:hover {
	color: #FFFFFF;
	border-bottom: solid #3F95C0 2px;
}
#pager li span.prev {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../img/pages-prev1.gif) 50% 40% no-repeat;
}
#pager li span.prev:hover {
	background:url(../img/pages-prev2.gif) 50% 40% no-repeat;
}
#pager li span.next {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(../img/pages-next1.gif) 50% 40% no-repeat;
}
#pager li span.next:hover {
	background:url(../img/pages-next2.gif) 50% 40% no-repeat;
}




/* FOTOGALERIE =========================================================================================*/

#fotogalerie-vypis, #fotogalerie-popis, #fotogalerie-detail{
 	width: 340px; 
	margin: 0px; padding: 0px;
	clear: both;
}

#fotogalerie-vypis-content {
  border: 1px solid #653636;
	width: 340px; 
	margin: 0px; padding: 0px; padding-top: 4px; padding-right: 2px; padding-bottom: 2px;
	clear: both;
}
/* vypis */ 
#fotogalerie-vypis .foto{
	width: 110px; 
	margin: 0px 0px 2px 2px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-vypis .foto .image, #fotogalerie-vypis .foto .image table{
  background-color: #471919;
	width: 110px; height: 110px;
	margin: 0px; padding: 0px; border: 0px;
}
#fotogalerie-vypis .foto .image td{
	margin: 0px; padding: 0px;
	text-align: center; vertical-align: middle;
	border: 0px;	
}

/* detail */
#fotogalerie-detail .foto {
	width: 550px; 
	margin: 0px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-detail .foto .image {
	width: 550px; text-align: center;
	margin: 0px; padding: 0px; border: 0px;
}


/* image */
#fotogalerie-vypis .foto .image a img, #fotogalerie-detail .foto .image a img{
	padding: 2px;
	border: 1px solid #653636;	
}
#fotogalerie-vypis .foto .image a:hover img, #fotogalerie-detail .foto .image a:hover img{
	border: 1px solid #FFFFFF;	
}

/* popis*/
#fotogalerie-vypis .foto .popis, #fotogalerie-detail .foto .popis{
	margin-top: 5px; padding: 5px;
	/*border-top: 1px solid #3F95C0;*/	
}

/* navigace */
#pageLeft #photosNav {
	width:550px; height:20px;
	margin: 20px 0px 0px 0px; padding: 0px;
	text-align:center; clear:both;
}
#photosNav .polozky {
	width:200px; height:20px;
	margin: 0px; padding: 0px;
	float:left;
}
#photosNav ul { 
	width:172px; height:20px;
	margin: 0px; padding: 0px; text-align:center; 
	list-style:none;
}
#photosNav li {
	margin: 0px; padding: 0px;
	/*width:26px; height:16px;*/
	font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background: url('img/trans.gif') left top no-repeat;
	color: #FFFFFF; font-weight:bold;
}	
#photosNav li a, #photosNav li a:link, #photosNav li a:visited, #photosNav li a:active {
	margin: 0px; padding: 0px;
	/*width:150px; height:16px;*/
	color: #66DFFF; font-size: 100%; font-weight:normal; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
}
#photosNav li a:hover {
	color: #FFFFFF;
	border-bottom: 2px solid #3F95C0;
}
#photosNav li .zpet  {
	margin: 0px; padding: 0px;
	width:120px; height:16px;
}
#photosNav li a.prev  {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(img/pages-prev1.gif) 50% 40% no-repeat;
}
#photosNav li a.prev:hover {
	background:url(img/pages-prev2.gif) 50% 40% no-repeat;
}
#photosNav li a.next {
	margin: 0px; padding: 0px;
	width:26px; height:16px;
	color: #66DFFF; font-size: 100%; text-decoration: none; text-align:center;	
	list-style:none; position:relative; float:left;
	background:url(img/pages-next1.gif) 50% 40% no-repeat;
}
#photosNav li a.next:hover {
	background:url(img/pages-next2.gif) 50% 40% no-repeat;
}



/* HTML ================================================================================================*/

p {margin-top:5px;}
strong {font-size: 100%;}
small {
	color: #66DFFF; font-size: 90%;	
}
em {
	color: #FFFFFF; font-size: 100%;	
}
img {
	margin:0px; padding:0px; border:0px;
  }
h1 {
	margin: 0px 0px 8px 0px; padding: 0px;
	color: #FFF00C; font-size: 175%;
	font-family: serif;
}
h2 {
	margin: 0px 0px 8px 0px; padding: 0px;
	/*color: #E9AB2A;*/ color: #FFFFFF; font-size: 120%;
}
h3 {
	margin: 0px 0px 8px 0px; padding: 0px;
	/*color: #E9AB2A;*/ color: #FFFFFF; font-size: 120%;
}
h4 {
	margin: 0px 0px 8px 0px; padding: 0px;
	color: #FFFFFF; font-size: 100%;
	font-family: serif;
}
h5 {
	margin: 0px; padding: 0px;
	color: #66DFFF; font-size: 92%;	
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
}
.a		{ }
a:link 		{font-size: 11px; color: #D77777; text-decoration: none;}
a:visited	{font-size: 11px; color: #D77777; text-decoration: none;}
a:active	{font-size: 11px; color: #D77777; text-decoration: none;}
a:hover		{font-size: 11px; color: #E1BBBB; text-decoration: underline;}

ul { list-style: none; margin: 0px; padding: 0px;}
li { margin: 10px, 0px, 14px, 0px; padding: 0px 0px 0px 12px; background: url('img/li.gif') 0px 0px no-repeat;}


//.hr {width: 100%; height: 5px; border: 0px; clear:both;}
hr {color: #653636; width: 100%; height: 1px; line-height: 1px; border: 0px; background-color: #653636; clear:both;}

.nazevodkaz { 
	margin: 0px; padding: 0px 15px 0px 0px; display:block; clear:both;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	background: url('img/nazevodkaz-li1.gif') center right no-repeat;
	font-weight: bold;
}	
.nazevodkaz:link, .nazevodkaz:active, .nazevodkaz:visited { 
	margin: 0px; padding: 0px 15px 0px 0px;
	color: #FFF00C; font-size: 100%; text-decoration: none;	
	font-weight: bold;
}
.nazevodkaz:hover { 
	text-decoration: underline;
	background: url('img/nazevodkaz-li2.gif') center right no-repeat;	
}


.doba		{ width:160px; height: auto; float:left; padding:10px; padding-top:20px; background: url(img/doba-bg.gif) no-repeat;}
.doba .den	{ width:70px; float:left; /*padding-left:10px;*/}
.doba .hod	{ width:70px; float:left;}
.doba .info	{ width:140px; float:left; margin-top:10px; padding-left:10px;}
.cenik	{ width:140px; height: 100px; float:left; padding-left:10px; padding-top:30px; margin-top:25px; background: url(img/cenik-bg.gif) no-repeat; }

#cenik		{ width:160px; height: 200px; float:left; background-image: url(img/open-bg.gif); background-repeat: repeat-x;}
#cenik .odkaz	{ width:140px; float:left; padding-left:10px;}


#provoz		{background-color:#2C0000; width: 610px;}
#provoz .kavarna{width:610px; background-image: url(img/provoz-kavarna2.jpg); background-repeat: no-repeat;}


#enprimeur 	{font-size: 11px; color: #D29824; font-family: Arial CE, Arial, sans-serif; font-weight:none;}
.enprimeur 	{ color: #D29824;}
.enprimeur .title	{ background-color: #471F1F;}
.enprimeur .tr	{ background-color: #330000;}
.enprimeur .td 	{color: #D29824;}
.enprimeur .tdc	{color: #D29824;}

.listy {width:520px; margin: 0px, 0px, 25px, 10px; padding: 0px; clear: both;}
.listy h4 {font-size: 10px; width:80%; margin: 0px, 0px, 5px, 0px; clear: both; }
.listy div {margin-left: 10px; padding: 0px; width:150px; height:200px; float:left; }
.listy div img {border: solid #0F77FF 0px; }

.kontakty {width:580px; margin: 0px, 0px, 25px, 0px; padding: 0px; clear: both;}
.kontakty .uno {margin-right: 10px; margin-bottom:10px; padding: 7px; width:260px; height:120px; clear: both; background-color: #330000; border: 1px solid #471919;}
.kontakty .duo {margin-right: 10px; margin-bottom:10px; padding: 7px; width:260px; height:120px; float:left; background-color: #330000; border: 1px solid #471919;}
.kontakty .pozn {margin-left: 10px; margin-bottom:20px; padding: 0px; width:500px; height:30px; clear: both; float:left; }
.kontakty div img {border: solid #0F77FF 0px; }

/* Zalozky na strance */
.pagemenu2 {width:560px; min-height:29px; clear:both; margin-bottom:40px;} /* horizontal */
.pagemenu2 div {height:22px; margin-left: 5px; background: url('img/menu2.gif') top left no-repeat; float:left; padding-top:3px;}
.pagemenu2 div a {display:block; margin: 0px; padding: 5px 0px 0px 0px; width:184px; height:18px; #D77777; font-weight: bold; text-decoration: none; text-align:center;}
.pagemenu2 div a:visited { color: #D77777; text-decoration: none;}
.pagemenu2 div a:link{ color: #D77777; text-decoration: none;}
.pagemenu2 div a:active{ color: #FFFFFF; text-decoration: none;}
.pagemenu2 div a:hover { color: #E1BBBB; text-decoration: none;}
.pagemenu2 .on { background: url('img/menu2on.gif') top left no-repeat;}
.pagemenu2 .on a{ color: #FFFFFF !important;}

/* BMENUS ==============================================================================================*/
#bmenu 			          { clear: both;}
#bmenuContent         { width:740px; padding: 10px; color: #683939; text-align: center; }
#bmenu .delic 		    { font-size: 11px; color: #683939; margin-left:5px; margin-right:5px;}
#bmenu .mn1		        { }
#bmenu .mn1 A:link 	  { font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:visited	{ font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:active	{ font-size: 11px; color: #D77777; text-decoration: none;}
#bmenu .mn1 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mn2		        { }
#bmenu .mn2 A:link 	  { font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:visited	{ font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:active	{ font-size: 11px; color: #BE8B59; text-decoration: none;}
#bmenu .mn2 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mn3		        { }
#bmenu .mn3 A:link 	  { font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:visited	{ font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:active	{ font-size: 11px; color: #D29824; text-decoration: none;}
#bmenu .mn3 A:hover	  { font-size: 11px; color: #FFFFFF; text-decoration: underline;}
#bmenu .mezera		    { width:720px; height:5px; float:left;}

#copy 			          { clear: both;}
#copyContent          { width:740px; height: 40px; padding: 10px; color: #683939; text-align: center; }

/* EXTRAS ==============================================================================================*/

.FFclearer {clear:both; width:100%; height:0px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}


