/* Example menu stylings */
.examplediv a  {
display: inline;
clear: both;
width: 130px;
/*height: 100px;*/
font-size: 100%;

line-height: 30px; /* Bez tego na Operze się sypnie */

padding-right:20px; /* padding: 0 10px 0 20px; */
padding-left:20px;
/*padding-top:20px;
padding-bottom:20px; */
color: black;
text-decoration: none;
/*margin-top: -30px;*/
background: #EAEEF2 url(../rys/rys_animacja/menuanim.png) no-repeat; /*0px 0px no-repeat;*/
/*Using a color similar to our start frames as background color*/
}

#animmenu2 a {
background: #EAEEF2 url(../rys/rys_animacja/menusingle.png) repeat-x; /*-10px 50% repeat-x;*/
}

/*because the stupid IE doesn't calculate CSS rules correctly,
I had to use the id's instead of classes to style*/
#animenu a, #animmenu2 a, #animmenu3 a {
color: black;
}

#animmenu a:hover, #animmenu2 a:hover, #animmenu3 a:hover {
color: #400;
}


#animmenu.noscript a:hover, #animmenu3.noscript a:hover {
background: #AEB7C6 url(menuanim.png) ; /*0px -420px;*/
/*This style is used for hovering when user does not enable javascript*/
}

#animmenu2.noscript a:hover {
background: #AEB7C6 url(../rys/rys_animacja/menusingle.png) 5px 50% repeat-x;
/*This style is used for hovering when user does not enable javascript*/
}



.examplealign {
padding-left: 2em;
}

* html .examplealign {
padding: 0;
position:relative;
}

html>body .examplediv a:hover {
background-color:#AEB7C6;
/*because the stupid IE6 slows to a crawl when background-color is set on hover,
we hide the rule from it, IE7 is not effected, hooray!*/
}

html>body #animmenu2 a:hover {
background-color:#D8DDE7;
/*Likewise*/
}