/* CSS Document */
body{
background-color: black;
background-position: center top;
background-repeat: no-repeat;
margin:0;
}
#obal{
width: 900px;
height: 220px;
padding-top:20px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;

margin-left: auto;
margin-right: auto;
z-index:2;
}
#logo{
width: 760px;
padding-top: 10px;
background-image: url(img/logo.png);
background-repeat: no-repeat;
height: 80px;
margin-left: auto;
margin-right: auto;
}
#pozadi4{width:100%;height:100%;position:absolute;z-index:-500;background-image: url(bg/bg.jpg);}
#videogate{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(videogate.php);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#videogate:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
} 
#sunshine{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(obrazky/sunshine.png);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#sunshine:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
} 
#portal{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 380px;
height: 100px;
background-image: url(img/portal.png);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#portal:hover{
width: 380px;
height: 100px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#forum{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(forum.php);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#forum:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#wow{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(obrazky/wow.png);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#wow:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#cod4{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(obrazky/fejsbucik.png);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#cod4:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#fejsbucik{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(obrazky/cod4.png);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#fejsbucik:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#wotlk{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(http://manius.eu/wotlk.php);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#wotlk:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}
#cataclysm{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
width: 420px;
height: 219px;
background-image: url(cataclysm.php);
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;

}
#cataclysm:hover{
width: 420px;
height: 219px;
opacity: 4.5;
filter: alpha(opacity=100);
-moz-opacity: 4.5;
-khtml-opacity: 4.5;
}