body {
  color: #fff;
  background-color: #262626;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  background-image: url(/themes/gta4/images/bottomback.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  cursor: url(/themes/gta4/images/default.ani), default;
  margin: 0;
  padding: 0;
  text-align: center;
}

p {
  margin: 0 0 12px 0;
}

a {
  color: #ccc;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

div {
  margin: 0;
  padding: 0;
}

p {
  text-align: justify;
}

li {
  text-align: justify;
  margin: 5px 0 10px 20px;
  padding: 0;
}

ul {
  margin: 7px 0 12px 0;
  padding: 0;
}

td {
  vertical-align: top;
}

input {
  border: solid 2px #111;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}

h1 {
  display: none;
}

h2 {
  font-size: 12px;
  margin: 8px 0 10px;
  font-variant: small-caps;
  position: relative;
  text-align: center;
}

h3 {
  font-size: 12px;
  margin: 18px 0 9px 0;
}

h4 {
  font-size: 11px;
  margin: 16px 0 8px 0;
}
  
div#lista {
  /*position: relative;
  z-index: 1;*/
}

div#adminlink {
  position: absolute;
  right: 5px;
  top: -1px;
  z-index: 1;
  font-size: 8px
}

div#main {
  position: relative;
  margin: auto;
  margin-top: 25px;
  width: 800px;
  text-align: left;
}

div#header {
  height: 120px;
}  

#IV {
  position: absolute;
  top: -32px;
  left: 596px;
  z-index: 1;
}

div#topmenu {
  height: 32px;
  margin: 0 0 10px 0;
  background-color: #000;
}

#topmenu div {
  /*kvuli chybnemu boxmodelu radeji vnoruji*/
  text-align: center;
  padding-top: 7px;
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

#topmenu a {
  padding: 4px;
}

#topmenu a:hover {
  text-decoration: none;
  color: #08b;
}

#topmenu img {
  vertical-align: middle;
}

.four {
  color: #c00;
  font-variant: normal;
  font-size: 14px;
}

p.uvod {
  margin: 0 0 18px 4px;
  text-align: center;
}

div#bottommargin {
  height: 230px;
  clear: both;
}

.footmsg {
  text-align: center;
  padding-top: 170px;
  color: #aaa;
}
.footmsg p {
  text-align: center;
  margin: 2px 0 8px 0;
}
#bottommargin .footmsg a {
  color: #aaa;
}

.cleaner {
  clear: both;
  height: 0;
  visibility: hidden;
}

.center, .center p {
  text-align: center;
}

.prechod {
  background: url(/themes/gta4/images/prechod.png) no-repeat;
  height: 44px;
  margin-top: 7px;
}

#datacol {
  float: left;
  width: 526px;
}

#datacolpad {
  padding: 0 10px;
}

.menu {
  float: left;
  width: 137px;
  background-color: #2b2b2b;
}

.menu h3 {
  background-position: left top;
  background-repeat: no-repeat;
  margin: 0 0 3px 0;
  padding: 4px 0 5px 0;
  text-align: center;
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  color: #ccc;
  background-color: #000;
}
.menu h4 {
  margin: 0;
  padding: 0 0 0 13px;
  font-size: 10px;
}

.menu ul {
  margin: 0 0 8px 0;
  padding: 0;
}

.menu a {
  font-weight: normal;
}

.menu a:hover {
  text-decoration: none;
}

.menu li {
  padding: 0;
  margin: 0 0 0 30px;
}

.newska {
  background-color: #333;
  margin-bottom: 20px;
}

.newska h3 {
  margin: 0;
  background: #000 url(/themes/gta4/images/newstop.png) no-repeat left top;
  padding: 7px 0 12px 10px;
  font-size: 12px;
  position: relative;
}
.newska h3 span {
  /*text-align: right;*/
  position: absolute;
  top: 14px;
  right: 5px;
  _right: 17px; /* sorry for this hack but IE interprets lots of things differently... */
  /*padding: 2px 5px 6px 0;*/
}
.newska .pata {
  background: #000 url(/themes/gta4/images/newsbot.png) no-repeat right top;
  padding: 5px 0 4px 6px;
  clear: both;
}

.newska .telo {
  text-align: justify;
  vertical-align: top;
  padding: 8px 10px 10px 150px;
  background-repeat: no-repeat;
  background-position: left top;
}

.newska .telo a {
  font-weight: bold;
  text-transform: uppercase;
}


/*** Pozadi nadpisu v menu ***/
.menu .site h3 {
  background-image: url(/themes/gta4/images/menuheaders/site.png);
}
.menu .info h3 {
  background-image: url(/themes/gta4/images/menuheaders/info.png);
}
.menu .galerie h3 {
  background-image: url(/themes/gta4/images/menuheaders/galerie.png);
}
.menu .download h3 {
  background-image: url(/themes/gta4/images/menuheaders/download.png);
}
.menu .komunita h3 {
  background-image: url(/themes/gta4/images/menuheaders/komunita.png);
}
.menu .universal h3,
.menu .stories h3 {
  background-image: url(/themes/gta4/images/menuheaders/universal.png);
}


/*** Odrazky v menu ***/
.menu .site ul {
  list-style-image: url(/themes/gta4/images/bullets/site.png);
}
.menu .info ul {
  list-style-image: url(/themes/gta4/images/bullets/info.png);
}
.menu .download ul {
  list-style-image: url(/themes/gta4/images/bullets/download.png);
}
.menu .galerie ul,
.menu .stories ul {
  list-style-image: url(/themes/gta4/images/bullets/galerie.png);
}
.menu .komunita ul {
  list-style-image: url(/themes/gta4/images/bullets/komunita.png);
}


/*** Definice barev ***/
body .menu a, #datacol .uvod a {
  color: #ccc;
  /* bez tohohle by mi nasledujici radky vybarvovaly menu */
}

body a.site,
.menu .site a:hover,
body #datacol .uvod a.site:hover,
body #bottommargin .footmsg a:hover,
.site a {
  color: #08b;
}
body a.info,
.menu .info a:hover,
.neoficialni a,
.info a {
  color: #d00;
}
body a.galerie,
.menu .galerie a:hover,
.menu .stories a:hover,
.galerie a {
  color: #f93;
}
body a.download,
.menu .download a:hover,
#datacol .uvod a.download:hover,
.download a {
  color: #6a3;
}
body a.komunita,
.menu .komunita a:hover,
#datacol .uvod a.komunita:hover,
.komunita a {
  color: #FF00BA;
}


/*** obrazky v newsce ***/

.newska div.site {
  background-image: url(/themes/gta4/images/news/site.jpg);
}
.newska div.info {
  background-image: url(/themes/gta4/images/news/oficialni.jpg);
}
.newska div.neoficialni {
  background-image: url(/themes/gta4/images/news/neoficialni.jpg);
}
.newska div.galerie {
  background-image: url(/themes/gta4/images/news/galerie.jpg);
}
.newska div.download {
  background-image: url(/themes/gta4/images/news/download.jpg);
}
.newska div.komunita {
  background-image: url(/themes/gta4/images/news/komunita.jpg);
}


/*** vseobecna pravidla v modulech ***/

.modul {
  background-color: #2b2b2b;
  margin-top: -7px;
  padding: 0 10px 50px 10px;
  background-image: url(/themes/gta4/images/prechod.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

.modul a {
  text-transform: uppercase;
}

.modul h2 {
  font-variant: normal;
  letter-spacing: 1px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 18px;
  padding: 5px 0 5px 0;
  background-image: url(/themes/gta4/images/newstop.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-left: -10px;
  margin-right: -10px;
}

.modul h3 {
  font-size: 16px;
  font-variant: small-caps;
  padding: 2px 0 4px 25px;
  color: #999;
  background-image: url(/themes/gta4/images/menusplitter.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000;
}

.modul h4 {
  text-transform: uppercase;
  margin: 10px 0 3px 0;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #555;
}

.modul .uvodnik {
  text-align: center;
  font-style: italic;
}

.autor {
  margin-top: 30px;
  text-align: right;
}

/*** Specificka nastaveni modulu ***/

.modul .info h2 {
  color: #d00;
}

.screentable {
  width: 100%;
}

.screentable td {
  text-align: center;
}

table {

  font-family: Verdana, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
  margin: 0 7px 0 0;
  
}

.SITE:link		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.SITE:active		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.SITE:visited  		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.SITE:hover 		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.SITE-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.SITE-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.SITE-MLINK:visited   	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.SITE-MLINK:hover  	{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.SITE-NADPIS		{BACKGROUND: none; color: #0FA3D6; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.SITE-POPIS		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.SITE-PODNADPIS		{BACKGROUND: none; color: #0FA3D6; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.SITE-TEXT		{BACKGROUND: none; color: #0FA3D6; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.INFO:link		{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.INFO:active		{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.INFO:visited   	{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.INFO:hover  		{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.INFO-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.INFO-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.INFO-MLINK:visited   	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.INFO-MLINK:hover  	{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.INFO-NADPIS		{BACKGROUND: none; color: red; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.INFO-POPIS		{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.INFO-PODNADPIS		{BACKGROUND: none; color: red; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.INFO-TEXT		{BACKGROUND: none; color: red; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.PLAY:link	   	{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.PLAY:active	   	{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.PLAY:visited   	{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.PLAY:hover  		{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.PLAY-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.PLAY-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.PLAY-MLINK:visited   	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.PLAY-MLINK:hover  	{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.PLAY-NADPIS		{BACKGROUND: none; color: #ECCA4C; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.PLAY-POPIS		{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.PLAY-PODNADPIS		{BACKGROUND: none; color: #ECCA4C; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.PLAY-TEXT		{BACKGROUND: none; color: #ECCA4C; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.GALERIE:link		{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.GALERIE:active		{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.GALERIE:visited	{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.GALERIE:hover  	{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.GALERIE-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.GALERIE-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.GALERIE-MLINK:visited  {BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.GALERIE-MLINK:hover  	{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.GALERIE-NADPIS		{BACKGROUND: none; color: #FC8204; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.GALERIE-POPIS		{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.GALERIE-PODNADPIS	{BACKGROUND: none; color: #FC8204; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.GALERIE-TEXT		{BACKGROUND: none; color: #FC8204; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}


.DOWNLOAD:link	   	{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.DOWNLOAD:active	{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.DOWNLOAD:visited   	{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.DOWNLOAD:hover 	{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.DOWNLOAD-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.DOWNLOAD-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.DOWNLOAD-MLINK:visited {BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.DOWNLOAD-MLINK:hover  	{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.DOWNLOAD-NADPIS	{BACKGROUND: none; color: #5CAE34; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.DOWNLOAD-POPIS		{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.DOWNLOAD-PODNADPIS	{BACKGROUND: none; color: #5CAE34; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.DOWNLOAD-TEXT		{BACKGROUND: none; color: #5CAE34; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.COMMUNITY:link		{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.COMMUNITY:active	{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.COMMUNITY:visited  	{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.COMMUNITY:hover  	{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.COMMUNITY-MLINK:link	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.COMMUNITY-MLINK:active	{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.COMMUNITY-MLINK:visited{BACKGROUND: none; color: #cccccc; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
a.COMMUNITY-MLINK:hover  {BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.COMMUNITY-NADPIS	{BACKGROUND: none; color: #FF00BA; font-size: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.COMMUNITY-POPIS	{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: normal; Font-style: italic;}
.COMMUNITY-PODNADPIS	{BACKGROUND: none; color: #FF00BA; font-size: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: overline}
.COMMUNITY-TEXT		{BACKGROUND: none; color: #FF00BA; font-size: 10px; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.OTHER:link		{BACKGROUND: none; color: #969696; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.OTHER:active		{BACKGROUND: none; color: #969696; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.OTHER:visited  	{BACKGROUND: none; color: #969696; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.OTHER:hover  		{BACKGROUND: none; color: #FFffff; font-size: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline}