@import url("reset.css");
/*----------------------------veľkosť fontov=---------------------------------
8px 	0.667em 
9px 	0.75em 	
10px 	0.833em
11px 	0.917em
12px 	1em 	
13px 	1.083em 	
14px 	1.167em 	
15px 	1.25em 	
16px 	1.333em 	
17px 	1.417em 	
18px 	1.5em 	
19px 	1.583em 	
20px 	1.667em 	
21px 	1.75em 	
22px 	1.833em 	
23px 	1.917em 	
24px 	2em*/
/*--------------------priprava------------------------------------------------*/
.left {
  float: left;
  margin: 0 1.5em 1.5em 0;
  }
  
.right {
  float: right;
  margin: 0 0 1.5em 1.5em;
  }
  
p {
  margin: 0 0 1.5em 0;
  line-height: 18px;
  }
  
h1 {
  font-size: 1.5em;color:#474747;text-transform:uppercase;margin-bottom:15px;font-weight:bold
  }
  
h2 {
  font-size: 1.167em;color:#474747;font-weight:bold;margin-bottom:15px
  }
  
h3 {
  font-size: 1.167em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #000;font-weight:normal
  }
  
a {
  color: #993366;text-decoration:underline;font-weight:bold
  
  }
  
a:link, a:visited, a:active {
  color: #993366;
  } 
a:hover {
  text-decoration: none;
  color: #8CAE33;
  }  
ul {
  margin: 1.5em 0 1.5em 1em;
  list-style-type: square;
  line-height: 24px;}
  
.important {
  font-weight: bold;
  color: #ba0000;
  }

  
/*---------------------------------body---------------------------------------*/
body {
  font-size: 75%;
  font-family: arial, verdana, tahoma, sans-serif;
  color: #000;
  background-color: #fff; 
  }
.container {width: 950px;margin:0 auto;} 

/*-------------------------------head-----------------------------------------*/
#head {background: url(../images/bg.jpg) 0 0 repeat-x;height: 152px;}
                                 
   

#logo{width:225px;margin-top:23px;float:left}

/*----------------------------------nav---------------------------------------*/
#nav {background: url(../images/navBg.jpg) 0 0 no-repeat; width: 725px;margin-top: 37px; float:right}
#navIn {padding-bottom: 24px}  
#nav ul {list-style-type: none;padding: 11px 0 0 16px;margin:0;height:60px  
  }
#nav ul li{position:relative;float: left;line-height:1.833em;}
#nav ul li a {display:block;height:40px;font-weight:bold;padding: 10px;margin: 0 5px;font-size:0.917em;color: #fff;text-decoration: none;text-shadow: 1px 1px 1px #4E1A34;text-transform: uppercase;
} 
#nav ul li a span{font-weight: normal; font-style: italic;text-transform:none}  
#nav ul li:hover {background-color: #5c1f3e;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0px 7px 5px 1px #501b36, 0px 1px 1px 0px #a3557d;
-moz-box-shadow: inset 0px 7px 5px 1px #501b36, 0px 1px 1px 0px #a3557d;
box-shadow: inset 0px 7px 5px 1px #501b36, 0px 1px 1px 0px #a3557d;  
 z-index:100  }
#nav ul li a:hover{color: #adea00;}
#nav ul li ul {height: auto;display:none;width:193px;
background-color: #5c1f3e;
-webkit-border-radius: 0 8px 8px 8px;
-moz-border-radius: 0 8px 8px 8px;
border-radius: 0 8px 8px 8px;
z-index:50;
position:absolute;top: 54px;left: 0;padding: 5px 0 10px 0;
background: #5c1f3e; /* Old browsers */
background: -moz-linear-gradient(top,  #5c1f3e 65%, #42162d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#5c1f3e), color-stop(100%,#42162d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5c1f3e 65%,#42162d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5c1f3e 65%,#42162d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5c1f3e 65%,#42162d 100%); /* IE10+ */
background: linear-gradient(top,  #5c1f3e 65%,#42162d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c1f3e', endColorstr='#42162d',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.2);
 }
#nav ul li:hover ul{display:block}
#nav ul li ul li{float:none;line-height:1.833em;padding:5px 8px 0 8px}
#nav ul li ul li a{font-size:1.083em;text-transform: none;height: auto;background:url(../images/navSep.gif) left top repeat-x;padding:12px 0 5px 0;font-weight:normal;text-shadow: 1px 1px 1px #000}
#nav ul li ul li:hover{background-color:transparent; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
/*----------------------------------content-----------------------------------*/
#content { }
#contentIn{padding-top:20px}
#banner img{margin:0 0 10px 0px}
#text {}
#textIn{margin:10px 0px 20px 0;} 


#text ul{margin-left:10px}
#text ul li{padding: 0 0 10px 12px;}
div.last{margin-right:0}
#category{margin-bottom:40px}
.category{width:230px;margin: 0 10px 0 0;float:left}
.ornament{background: url(../images/ornament.gif) 0 0 repeat-x;height:9px;margin-bottom:15px}
.category{position:relative;height:340px}
.category img:hover{border-color: #993366}
.category img{border:1px solid #CCA3B7;margin-bottom: 10px}
.categoryLink{height:60px;margin-bottom:0}
.categoryLink a{color:#7e1b4c;font-size:1.5em;font-weight:bold;text-decoration:none;line-height:24px}
.categoryLink a:hover{color:#73990a}
a.viac{position:absolute;bottom:5px;right:5px;color:#993366;text-decoration:underline;padding-right:17px;font-weight:bold;background:url(../images/viac.png) 100% 100% no-repeat}
a.viac:hover{text-decoration:none}
/*------------------------------------footer----------------------------------*/
#footer{background: #993366 url(../images/footer.jpg) 0 0 repeat-x;padding: 25px 0 15px 0;margin-top: 35px;}
#footer ul{margin-top: 10px;float:right;padding: 0px 0 0 0;list-style-type:none;}
#footer, #footer a{color:#fff;text-shadow: 0 1px 0 #000;text-decoration:none;}
#footer a:hover{text-decoration:underline
   }
#footer li a{padding: 0 5px}
#footer li{float:left}
#footer p{float:left;margin:0}