body {
	padding: 0;
	margin: 0;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #444444;
	background-color: #FFFFFF;
  background-attachment: scroll;
	cursor: default;
}

/* FORMOVANI STRANKY ===================================================================================*/

#body{ clear:both;}
#bodyContent {
	margin-left: auto; margin-right: auto;
	width:740px!important; height: 100%;
}

#header {clear:both; margin: 0px; padding: 0px;}
#headerContent {
	width:740px!important; 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: 740px!important; height: 100%; margin: 0px; /*background: url('img/page-bg.gif') left top repeat-y;*/}
#pageContentTop { 
	width: 740px!important; 
	margin: 0px; padding: 0px;
	/*background: url('img/page-bg-bot.gif') 14px 12px repeat-y;*/
	border: solid #00FFFF 0px;
	clear:both;
}
#pageContentEnd {
	width: 740px!important; 
	margin: 0px; margin-top: 0px; padding: 0px; padding-top: 12px;
	/*background: url('img/page-bg-top.gif') left top no-repeat;*/
	border: solid #00FFFF 0px;
}

#footer {clear:both;}
#footerContent {
	width: 740px!important; height: 100%;
	margin: 0px; padding: 0px;
	/*background: url('img/footer-bg.gif') left top repeat-x;	*/
}


/* PAGE ================================================================================================*/

/* PAGE LEVA STRANA */
.left {
	width:250px; height: 100%;
	margin: 0px; padding: 0px; padding-right: 10px; 
	/*background: url('img/bg-left.gif') top left repeat-y;*/
	border: solid #FF77FF 0px;
	float:left;
}

/* PAGE PRAVA STRANA */
.right {
	width:480px; height: 100%;
	margin: 0px; padding: 0px;
	/*background-color:#2C0000;*/
	border: solid #FF77FF 0px; 
  text-align: left;
	float:right;
	/*clear:right;*/
}

/* POPUP ================================================================================*/
#popup {position:absolute; float:none; top:20px; left:20px;}


/* POLOZKY PRAVE STRANY ================================================================================*/

.title {
	width:240px; height: 60px;
	margin: 0px; padding: 0px;
	/*background: url('img/bg-left.gif') top left repeat-y;*/
	border: solid #FF77FF 0px;
	
}

#content 	{width: 740px; margin: 0px; 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 #474519 0px;	
}

#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: #D77777; 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;
}

/* TECHTABLE ===========================================================================================*/
.techtable {width:320px;}
.techtable h3 {}
.techtable .roll {width:320px; height:14px; padding:5px; background-color:#EEEEEE; margin-top:2px; float:left; font-weight:bold;}
.techtable .roll:hover {background-color:#DDDDDD;}
.techtable .roll .title {display:block; margin:0px; width:120px; float:left;}

.techtable .roll .a {display:block; margin:0px; width:90px; float:right;}
.techtable .roll .a img {margin: 0px 5px;}



/* FOTOGALERIE =========================================================================================*/

#fotogalerie-vypis, #fotogalerie-popis, #fotogalerie-detail{
	width: 550px; 
	margin: 0px; padding: 0px;
	clear: both;
}

/* vypis */ 
#fotogalerie-vypis .foto{
	width: 170px; 
	margin: 0px 0px 10px 5px; padding: 0px; float: left;
	border: 0px solid #3F95C0;
}
#fotogalerie-vypis .foto .image, #fotogalerie-vypis .foto .image table{
	width: 170px; height: 170px;
	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 #3F95C0;	
}
#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;
}

/* Ke stazeni ================================================================================================*/
#kestazeni {clear:both;}
#kestazeni .item {width:350px; height:220px; float:left; margin-bottom:20px;}




/* HTML ================================================================================================*/

p {
	font-size: 100%;
	font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
}
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 5px 0px; padding: 0px;
	color: #000000; font-size: 150%;	
}
h3 {
	margin: 0px; padding: 0px;
	color: #000000; font-size: 130%;
}
h4 {
	margin: 0px; padding: 0px;
	color: #000000; font-size: 110%;
	font-weight: bold;
}
h5 {
 margin: 0px; padding: 0px; font-size:110%;	font-weight: normal;
}
.a		{ }
a:link 		{text-decoration: none; color: #CC6600;}
a:visited {text-decoration: none; color: #CC6600;}
a:active 	{text-decoration: none; color: #CC6600;}
a:hover 	{text-decoration: none; color: #CC6600; text-decoration: underline;}

.link-white {color: #FFFFFF; font-weight:bold;}
.link-white:link 		{text-decoration: none; color: #FFFFFF;}
.link-white:visited {text-decoration: none; color: #FFFFFF;}
.link-white:active 	{text-decoration: none; color: #FFFFFF;}
.link-white:hover 	{text-decoration: none; color: #FFFFFF; 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') 2px 0px no-repeat;}


//.hr {width: 100%; height: 5px; border: 0px; clear:both;}
hr {color: #DBDAD0; width: 100%; height: 1px; line-height: 1px; border: 0px; background-color: #DBDAD0; clear:both;}

.akcetext {font-size: 110%;}
.bigger {font-size: 140%;	font-weight: bold;}
.bigger-red {font-size: 120%;	font-weight: bold; color: #CC0000;}
.bg-red { background-color:#A00; width:230px; color: #FFF; padding:10px;}
.w250px { width:250px;}

.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: 200px; float:left; background-image: url(img/doba-bg.gif); background-repeat: repeat-x;}
#doba .den	{ width:70px; float:left; padding-left:10px;}
#doba .hod	{ width:70px; float:left;}
#doba .cenik	{ width:140px; float:left; padding-left:10px; margin-top:45px;}

.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: right; background-color: #042700; border: 1px solid #1E2D00;}
.kontakty .duo {margin-right: 10px; margin-bottom:10px; padding: 7px; width:260px; height:120px; float:left; background-color: #042700; border: 1px solid #1E2D00;}
.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; }


.formular {width:700px; padding:20px; background-color:#F3F3E7;}
.formular form { margin:0px; border: solid #0F77FF 0px;}
.formular input, .formular textarea {font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif; font-size: 100%; margin: 2px; padding:2px; border: solid #999999 1px; height:14px;}
.formular .obsah {width:700px; height:100%; clear: both;}
.formular .cols {width:340px; height:100%; float:left; }
.formular .rows {width:700px; clear: both; }
.formular .cols .polen {width:80px; height:100%; float:left; margin: 0px 0px; padding-top: 7px; border: solid #0F77FF 0px;}
.formular .cols .polenbig {width:320px; float:left; margin: 0px 0px; padding-top: 7px; border: solid #0F77FF 0px;}
.formular .cols .polei {width:240px; height:100%; float:left; margin: 3px 0px; border: solid #0F77FF 0px;}
.formular .checkbox {width: 20px; height:18px; float:left; border: solid #0F77FF 0px;}
.formular .checkboxn {width: 210px; height:18px; margin-left: 22px; padding-top: 2px; padding-left: 3px; border: solid #0F77FF 0px;}
.formular .p {color:#BE5813; font-weight:bold;}
.formular .info {background-color:#F3F3E7; border: solid #0F77FF 0px; color:#BE5813; font-weight:bold; text-align:center;}
.formular .inf {color:#BE5813; font-weight:bold; text-align:center;}


#kolekce {width:760px; clear:both; border: solid #0F77FF 0px; }
#kolekce .item{ width:233px; float:left; margin-right:18px; margin-bottom:18px;}
#kolekce .item h3{ width:233px; color:#666666; margin-top:5px;}

#menu 			          { width:720px; padding:10px; margin-bottom:20px; clear: both; color:#AAAAAA; text-align:right; background-color:#F4F4F4; font-weight:bold;}
#menu 			         a{ margin-left:10px; margin-right:10px; text-decoration:none;}
#menu 			         a:hover{ border-bottom: solid #CC6600 2px; }
#menu 			         a.on{ color:#AAAAAA; border-bottom: solid #CC6600 0px;}
/* 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; }

.floatleft            {float:left; margin:10px;}
.floatright           {float:right; margin:10px;}


/* EXTRAS ==============================================================================================*/

.clearer {clear:both; width:100%; height:0px; visibility:hidden; overflow:hidden; line-height: 1px; background-color: #000;}