/* CSS Document */

p {
	padding-top: 5px;
	padding-bottom: 8px;
	color: #965a00;
	cursor: default; }
	
td, th {
	color: #965a00; }
	
h1 {
	padding-left: 11px;
	padding-right: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
	font: bold 22px "Trebuchet MS", Arial, Tahoma;
	text-align: left;
	text-shadow: #FF6 1px 1px 0px;
	background: url(_images/nadpis-h1.png);
	background-repeat: no-repeat;
	color: #600;
	cursor: default; }
	
h2 {
	padding-left: 11px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	font: bold 16px "Trebuchet MS", Arial, Tahoma;
	text-align: left;
	text-shadow: #FF9 1px 1px 0px;
	background: url(_images/nadpis-h2.png);
	background-repeat: no-repeat;
	color: #930;
	cursor: default; }

a {
	color: #600;
	font: "Trebuchet MS", Arial, Tahoma;
	text-decoration: none; }
	
a:hover {
	color: #C00;
}

ul {
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #965a00;
	text-align: left;
	cursor: default; }
	
ol {
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #965a00;
	text-align: left;
	cursor: default; }
	
#nav,#nav li {
	width: 180px;
	padding: 0px;
	margin: 0px;
	position: relative;
	list-style: none none; }

#nav a {
	width: 180px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #ffe47a;
	font: bold 26px "Trebuchet MS", Arial, Tahoma;
	text-align: right;
	text-shadow: #000 1px 1px 0px;
	display: block; }

#nav a:hover {
	color: #930;
	text-shadow: #000 1px 1px 1px }

/* div formatting */

* {
	margin: 0;
	padding: 0; }
	
	/* The CSS that's required to position the footer */

html {
	height: 100%; }

body {
	height: 100%;
	font: 14px "Trebuchet MS", Arial, Tahoma;
	color: #965a00;
	margin: 0 auto;
	text-align: center;
	background-color: #ffda5c;
	background-image: url(_images/00-background.png);
	background-repeat: repeat-x; }
	
#page {
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	text-align: justify;
	background: url(_images/03-body.png); }

* html #page {
	height: 100%; }

#nonFooter {
	position: relative;
	min-height: 100%; }

* html #nonFooter {
	height: 100%; }
	
#header {
	height: 280px;
	width: 980px;
	background: url(_images/01-title.png); }
	
/* menu buttons formatting */

#content {
	padding-bottom: 102px;
	overflow: auto; }
	
	#cont-back {
		top: 280px;
		position: absolute;
		width: 980px;
		height: 118px;
		background: url(_images/02-text-top.png);
		background-position: center; }
	
#columnLeft {
	display: inline;
	clear: both;
	float: left;
	width: 220px;
	color: #003;
	text-align: left; }
	
	#columnLeft-padding {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px; }
	
	#columnLeft p {
		color: #ffe47a;
		font-size: 12px;
		text-shadow: none; }
		
	#columnLeft a {
		border: none; }
	
	#eshop-button {
		margin-left: 48px;
		margin-top: 16px;
		height: 169px;
		border: none;
		padding: none;
		background: none; }
	#eshop-button:hover {
		border: none; }
		
#columnRight {
	display: inline;
	float: right;
	width: 220px;
	text-align: left;
	color: #FFF; }
	
	#columnRight-padding {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px; }
		
	#columnRight p {
		color: #ffe47a;
		font-size: 12px;
		text-shadow: none; }
		
	#columnRight a {
		border: none; }
		
	a.tooltip{
    	position: relative; /*this is the key*/
    	z-index:24;
    	color:#000;
    	text-decoration:none;
		display: block; }

	a.tooltip:hover{ z-index:25; }

	a.tooltip span{ display: none; }

	a.tooltip:hover span{ /*the span will display just on :hover state*/
	    display:block;
    	position:absolute;
    	top: 175px;
		left: 6px;
		width: 165px;
		padding-top: 5px;
		padding-bottom: 10px;
    	border: 1px solid #330;
    	background-color: #FC3;
		color: #600;
    	text-align: center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }
		
#columnCenter {
	display: inline;
	float: right;
	width: 540px;
	text-align: justify;
	text-shadow: #FF9 1px 1px 0px; }
	
	#columnCenter-padding {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px; }
	

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px; }

#container_footer {
	width: 980px;
	height: 102px;
	position: relative;
	margin: -102px auto 0 auto;
	background: url(_images/04-footer.png); }

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #container_footer {
	padding-top: -102px; }
	
#container_footer-background {
	width: 100%;
	height: 50px;
	position: relative;
	margin: -50px auto 0 auto;
	background: url(_images/00-back-footer.png); }

* html #container_footer-background {
	padding-top: -50px; }
	
	#footer_padding {
		padding-top: 70px;
		padding-left: 100px;
		padding-right: 100px;
		font-size: 12px;
		text-align: center; }
	#footer_padding a { color: #FF6; }
	#footer_padding a:hover { color: #FFF; }
	#footer_padding p { text-shadow: none; color: #A46F26; }
	
.img_context-left-float {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left; }
	
.img_context-right-float {
	margin-left: 10px;
	margin-bottom: 5px;
	float: right; }
	
.img_galeria-left-float {
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px;
	background: url(_images/srafovanie.png);
	float: left; }
	
/* formatovanie TINYstyle - editacia */

.hlavickamenu {
	background-image: url(_images/00-srafovanie.png);
	background-repeat: repeat;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	text-align: center; }
	
.menu {
	margin: 0px;
	padding: 0px; }
	
.menu li {
	background-image: url(_images/nadpis-back2.png);
	background-position: center;
	list-style: none;
	margin-bottom: 4px;
	width: auto;
	text-align: center; }
	
	.menu li:hover {
		background-image: url(_images/nadpis-back.png); }
	
.menu a {
	color: #006;
	display: block;
	padding-top: 4px;
	padding-bottom: 3px; }
	
	.menu a:hover {
		color: #F00; }
		
.tlacidlo { 
          color: #666; 
          background: url(_images/tlacidlo-back.png) top left no-repeat;
          border: none; 
          width: 140px; 
          padding-top: 2px; 
          padding-bottom: 3px;
          margin-top: 5px;
          margin-right: 5px; 
          margin-bottom: 5px;
          display: block;
          font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
          text-align: center; 
          cursor: pointer;
          cursor: hand;
          }
           
          .tlacidlo:hover { 
               background-image: url(_images/tlacidlo-back2.png); 
               color: #F00; }

/* formatovanie Nahodne produkty - z Eshopu */
			
.katalog-produkt-box {
	width: 254px;
	height: 168px;
	background-image: url(_images/nahodny-tovar.png);
	background-repeat: no-repeat;
	color: #003;
	float: left;
	margin-right: 5px;
	margin-left: 48px;
	margin-bottom: 5px; }
			
	.katalog-produkt-box-padding {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px; }
				
.katalog-img-container {
	padding: 8px;
	margin-right: 4px;
	margin-bottom: 2px;
	background: url(_images/srafovanie.png);
	border: 1px solid;
	border-color: #069;
	float: left; }
				
	.katalog-img-container:hover {
		padding: 7px;
		background: #FFF;
		border: 2px solid;
		border-color: #000; }
			
.katalog-img-product-photo {
	width: 100px;
	height: 100px;
	overflow: hidden; }
				
h2.katalog-nazov-produktu {
	font-size: 12px;
	border-bottom: 1px solid;
	background-image: url(_images/male-srafovanie.png);
	background-position: bottom;
	background-repeat: repeat;
	padding-bottom: 2px;
	margin: 0px; }
				
.katalog-popis-produktu {
	font-size: 10px;
	height: 65px;
	overflow: hidden; }