* {margin: 0; padding: 0; border: 0;}

body {
/* TEMP */color: #FFF;
background: #000 url('http://gtaplanet.bonusweb.cz/grafika/gta4-pozadi.gif');
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 70%;
text-align: center;
line-height: 130%;
}

/* odkazy */

a{
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover, #hlavicka a:hover, .infobox a:hover, .ukonceni a:hover{
color: #FFCA66;
}

.nej a, .nej2 a, .nej2b a, .relevant a, #hlavicka a, .infobox a, .ukonceni a{
color: #FFA500;
font-weight: normal;
}
.nej a:hover, .nej2 a:hover, .nej2b a:hover, .relevant a:hover{color: #FFF}
.nej {text-align: left; padding: 3px 0 3px 10px;}
.nej2 {text-align: left; padding: 0 0 0 0;}
.nej2b {text-align: left; padding: 0 0 0 10px;}


#texter a{
font-weight: bold;
}

/* elementy */

dd{
width: 128px;
}

/* univerzalni */

.center{text-align: center;}
.bold{font-weight: bold;}
img{border: 0px;}
hr, .noscreen{display: none}
.left{float: left; margin: 2px 5px 2px 0;}
.right{float: right; margin:  2px 0 2px 5px;}
.border{border: 1px solid black;}
.clear{clear: both;}
.full{width:100%;}
.block{display: block;}
.noindent{text-indent: 0;}
.justify{text-align: justify;}
.vlevo{text-align: left;}
.vpravo{text-align: right;}
.nastred{margin: 0 auto 0 auto}

/* nadpisy */

h1, h1 span, .lzal, .lzal span, .rzal, .rzal span{
display: block;
width: 776px;
height: 69px;
overflow: hidden;
position: relative;
cursor: default;
right: 0;
top: 0;
z-index: 0;
text-align: center;
}
h1{top: 17px;}

h1 span, .lzal span, .rzal span{
display: block;
z-index: 1;
position: absolute;
background: url('../grafika/logo.jpg');
}

h2{
width: 498px;
padding: 2px 0 2px 0;
font-size: 120%;
background: #AD7837 url('../grafika/lista.gif') no-repeat;
text-align: center;
border-bottom: 1px solid black;
margin-bottom: 2px;
}

h3{
text-weight: bold;
font-size: 105%;
margin-bottom: 3px;
}

/* ?dentifikatory */

#kostra{
background: #525252 url('../grafika/kostra_bg.png');
position: relative;
width: 776px;
margin: 8px auto 15px auto;
text-align: left;
border: 1px solid #999;
}

#hlavicka{
height: 103px;
background: url('../grafika/hlavicka.png');
/*border-bottom: 1px solid #999;*/
}

#rozcesti, #datum, #nejnew, #shortnews{
width: 460px;
height: 18px;
position: absolute;
top: 0;
left: 5px;
}
#datum{
left: auto;
right: 5px;
text-align: right;}
#nejnew, #shortnews{
top: 87px;
width: 140px;}
#shortnews{
width: 620px;
left: 150px;}

#levemenu{
float: left;
width: 137px;
background: #AD7837 url('../grafika/levemenu_bg.png');
border-right: 1px solid #292929;
overflow: hidden;
}

#pravemenu{
float: right;
width: 137px;
border-left: 1px solid #292929;
background: #AD7837 url('../grafika/pravemenu_bg.png');
overflow: hidden;
}

#texter{
width: 498px;
border-left: 1px solid #999;
border-right: 1px solid #999;
overflow: hidden;
float: left;}
#texter ul{
position: relative;
top: 1px;
background: #808080;
padding: 8px 0;
margin: -2px 0 0 0;
color: #000;
border: 1px solid black;
border-top: 0;
border-bottom: 0;
}
#texter .okraj li{
margin-left: 30px;
}

#zapati{
clear:both;
height: 20px;
background: #AD7837 url('../grafika/zapati.png');
}

/* tridy */

.menu{
margin-left: 5px;
list-style-type: none;
/* TEMP */ color: #000;
}
.menu ul{
margin: 12px 0 3px 3px;
list-style-type: none;
}
.menu ul a{
font-weight: normal;
background: url('../grafika/sipka.gif') left center no-repeat;
_background-position: left top;
padding-left: 12px;
}

.menu dt{
height: 22px;
margin-bottom: 3px;
}
.menu dd ul{
margin: 3px 0 3px 0;}

.lzal span, .rzal span{
width: 137px;
height: 20px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
left: -5px;
}

.lzal, .rzal{
width: 138px;
height: auto;
text-align: left;
overflow: visible;
}

/* na zatrideni, smes */

#hlavicka table{
position: absolute;
top: 20px;
right: 8px;
color: #FFA500;
width: 250px;
height: 65px;
text-align: right;
}
#hlavicka a img{
border: 1px solid #FFA500}
#hlavicka a:hover img{
border: 1px solid #FFCA66}

#levemenu ul{
width: 120px;
}

.menu p{
margin: 0 0 3px 0;
text-indent: 5px;
width: 128px;
text-align: justify;
}

.search{
border: 1px solid black;
text-align: center;
width: 100px;
margin: 0 0 3px 0;
}

#texter p{
background: #808080;
padding: 8px;
text-indent: 5px;
border: 1px solid black;
/* TEMP */color: #000;
}

.separator{
clear: both;
display: block;
width: 50%;
border-bottom: 1px dotted white;
text-align: center;
margin: 10px auto 10px auto;
_margin-top: 0;
}

.hodnoceni{
width: 100%;
background: #2B2B2B;
border: 1px solid black;
text-align: center;
}

.hodnoceni4{
	width: 100%;
	border: 1px solid black;
	text-align: center;
	background: Black;
}

.hod_sb{

font-family: Arial, sans-serif;
font-weight: bold;
border: 1px solid #FF9933;
background-color: #666666;
font-size: 10px;
text-transform:uppercase;
color:#FFA500;
padding: 1px 3px 1px 3px;
}

.hod_fl{
height: 16px;
background: #000 url('../grafika/hod_fl.gif') repeat-x;
font-weight: bold;
}

.hod_fl4{
height: 16px;
background: #000 url('../grafika/hod_fl4.gif') repeat-x;
font-weight: bold;
}

.hodnoceni input, .hodnoceni img{
margin-top: 5px;
}

.odstavec{
display: block;
text-indent: 5px;
margin-bottom: 5px;
}

.ukonceni, .nadpis, .infobox{
display: block;
color: #000;
margin: -5px auto 5px auto;
padding-bottom: 1px;
background: #636363;
}

.bleskovka{
display: block;
color: #00000;
text-align: center;
margin: -5px auto 5px auto;
padding-bottom: 1px;
background: #8F8F8F;
}

.nadpis{
color: #FFF;
font: bolder 140% Arial, sans-serif;
padding-left: 15px;
margin: 0 0 5px 0;
background: #636363 url('../grafika/sipkanews.gif') 3px center no-repeat;
}
.ukonceni{
clear: both;
margin: 5px 0 0 0;
text-align: right;
padding: 1px 5px 1px 0;
}

/* grafika */

.novinky span{background: url('../grafika/m_novinky.gif');}
.tisk span{background: url('../grafika/m_tisk.gif');}
.info span{background: url('../grafika/m_info.gif');}
.play span{background: url('../grafika/m_play.gif');}
.galerie span{background: url('../grafika/m_galerie.gif');}
.downloady span{background: url('../grafika/m_downloady.gif');}
.ostatni span{background: url('../grafika/m_ostatni.gif');}
.vyhledavani span{background: url('../grafika/m_vyhledavani.gif');}
.statistiky span{background: url('../grafika/m_statistiky.gif');}
.nejnovejsi span{background: url('../grafika/m_nejnovejsi.gif');}
.anketa span{background: url('../grafika/m_anketa.gif');}
.editorial span{background: url('../grafika/m_editorial.gif');}
.koupit span{background: url('../grafika/m_koupithru.gif');}
.gameplay span{background: url('../grafika/m_gameplay.gif');}
.screenshot span{background: url('../grafika/m_screenshot.gif');}
.gtalcs span{background: url('../grafika/m_gtalcs.gif');}
.gtaiv span{background: url('../grafika/m_gtaiv.gif');}
.gtachw span{background: url('../grafika/m_gtachw.gif');}
.spoluprace span{background: url('../grafika/m_spoluprace.gif');}