.header_okraj {

}



.menu_podklad { /*background-color: #F3EEF4; padding-top: 2px;
BORDER-left: 0px solid #ffffff; BORDER-right: 0px solid #FFFFFF;
border-top: 1px solid #653D82; border-bottom: 0px solid #ffffff;*/
box-shadow: inset 0px 0px 8px black;
border:2px solid #FECA2F;
border-radius:15px;
margin:5px;
padding:0px 5px 0px 5px;
height:0px;
transition: height 500ms;
-moz-transition:  height  500ms; 
-webkit-transition:  height  500ms;
-o-transition:  height  500ms;

}


/* zaciatok******Stred stranky*/
#content{float: left; width: 100%;
background: left bottom repeat-x;
background-image: url(http://www.joomlashine.com/templates/jsn_joomlashine_main/images/colors/yellow/promotion-bg.png);



}
/* Stred stranky - obrazok*/
.feature img{float: left; padding: 0px 10px 0px 0px;}
/* Stred stranky - nadpis*/
.feature h3{padding: 10px 0px 0px 0px;text-align: center;}
/* Stred stranky - text*/
.feature{ color: #5A5A5A; font-size : 12px; text-align: justify; padding: 5px 10px 0px 0px; }



#menul:hover .menu_podklad {
	height:380px;
}




#menul ul { color:#653D82;list-style: none;
opacity:0;
padding: 5px;
transition: opacity 1000ms;
-moz-transition:  opacity  1000ms; 
-webkit-transition:  opacity  1000ms;
-o-transition:  opacity  1000ms;
visibility:hidden;
transition-delay: 500ms;
-moz-transition-delay: 500ms; /* Firefox 4 */
-webkit-transition-delay: 500ms; /* Safari and Chrome */
-o-transition-delay: 500ms /* Opera */
}

#menul:hover ul {
	opacity:1;
	visibility:visible;
}
#menul ul li { margin:0; 
margin: 0;
padding: 7px 0 7px 0px;
border-bottom: 1px solid #CCC;
border-bottom-right-radius: 20px;
transition: background-color 300ms;
-moz-transition:  background-color  300ms;
-webkit-transition:  background-color  300ms;
-o-transition:  background-color  300ms;
}
#menul ul li:hover{
background-color: #CCC;}
#menul ul li a { font-size : 12px; color:#5A5A5A; text-decoration:none;   }
#menul ul li a:hover { text-decoration:none; }

#menur ul { color:#653D82}
#menur ul li { margin:0; padding:0 0 2px 0px;  }
#menur ul li a { font-size : 12px; color:#5A5A5A; text-decoration:none;   }
#menur ul li a:hover { text-decoration:underline; }

.menu_nadpis			{ color: black; font-size : 14px; padding-left: 20px; font-weight : bold; } 
.nadpis					{ color: #653D82; font-size : 15px; padding : 0; margin : 1px; font-weight : bold; } 

a.link				{ color: #653D82; font-size : 12px; text-decoration:none}
a.link.bold				{ color: #653D82; font-size : 12px; text-decoration:underline !important;font-weight:bold;}
a.link:hover 		{ color: #563AA9; font-size : 12px; text-decoration:underline}
a.link:link 		{ color: #653D82; font-size : 12px; text-decoration:underline}
a.link:active		{ color: #653D82; font-size : 12px; text-decoration:underline}

a.linkmal				{ color: #653D82; font-size : 10px; text-decoration:underline}
a.linkmal:hover 		{ color: #563AA9; font-size : 10px; text-decoration:underline}
a.linkmal:link 			{ color: #653D82; font-size : 10px; text-decoration:underline}
a.linkmal:active		{ color: #653D82; font-size : 10px; text-decoration:underline}

a.linkkal				{ color: #653D82; font-size : 10px; text-decoration:none}
a.linkkal:hover 		{ color: #563AA9; font-size : 10px; text-decoration:underline;}
a.linkkal:link 			{ color: #653D82; font-size : 10px; text-decoration:none}
a.linkkal:active		{ color: #653D82; font-size : 10px; text-decoration:none}

#menur .menu_podklad {
height:100%;
}