/* 
    Document   : menu
    Created on : 30.1.2010, 8:34:20
    Author     : Roman
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#menu {
width:665px; height: 57px;
float:right;
}

ul#menu{
margin:0;
padding:0;
}
ul#menu li{
margin:0;
padding:0;
list-style:none;
float:left;
}
ul#menu li a{
margin:0;
padding:0;
text-indent:-2000px; /*Posunie Váš textový link o 2000 px doľava*/
height:57px; /*Všetky tlačítka menu majú 57px výšku*/
float:left;
outline:none;
}

ul#menu li.home a{
background:url(../pictures/menu_top.jpg) no-repeat 0 0;
width:114px;
}
ul#menu li.about a{
background:url(../pictures/menu_top.jpg) no-repeat -114px 0;
width:114px;
}
ul#menu li.gallery a{
background:url(../pictures/menu_top.jpg) no-repeat -228px 0;
width:114px;
}
ul#menu li.links a{
background:url(../pictures/menu_top.jpg) no-repeat -342px 0;
width:114px;
}
ul#menu li.contact a{
background:url(../pictures/menu_top.jpg) no-repeat -456px 0;
width:113px;
}
ul#menu li.blog a{
background:url(../pictures/menu_top.jpg) no-repeat -570px 0;
width:96px;
}


ul#menu li.home a:hover{
background:url(../pictures/menu_top.jpg) no-repeat 0 -57px;
width:114px;
}
ul#menu li.about a:hover{
background:url(../pictures/menu_top.jpg) no-repeat -114px -57px;
width:114px;
}
ul#menu li.gallery a:hover{
background:url(../pictures/menu_top.jpg) no-repeat -228px -57px;
width:114px;
}
ul#menu li.links a:hover{
background:url(../pictures/menu_top.jpg) no-repeat -342px -57px;
width:114px;
}
ul#menu li.contact a:hover{
background:url(../pictures/menu_top.jpg) no-repeat -456px -57px;
width:113px;
}
ul#menu li.blog a:hover{
background:url(../pictures/menu_top.jpg) no-repeat -570px -57px;
width:96px;
}