body, table {
  font-family:Verdana,Arial,sans-serif;
}

body {
  background:#484E39 url('../grafika/html_bg.jpg') center top repeat-y;
  -webkit-font-smoothing: antialiased;
}

#top {
  height:200px;
  position:relative;
  overflow:hidden;
  background:url('../grafika/logo_arma3_2.jpg') left top no-repeat;  
}

#top h1 {
  line-height:247px;
  text-align:center;
}

#top a,#top a span {
  display:block;
  text-decoration:none;
  cursor:pointer;
  height:247px;
  width:100%;
}

#top h1 {
  font-size:30px;
  position:absolute;
  color:#fff;
  right:10px;
  bottom:0px;
  font-style: italic;
  text-shadow: 0.055556em 0.055556em 0.083334em #501312;  
}


#top a span {
  position:absolute;
  left:0;
  top:0;
  cursor:pointer;
  z-index:10;
}

#menu {
  background:#000 url('../grafika/menu_bg.jpg') left bottom repeat-x;
  height:40px;
  text-align:center;
  padding:0 10px;
  margin:0;
}

#menu a {
  color:#fff;
  font-weight: bold;;
  text-decoration: none;
  float:left;
  background:url('../grafika/menu-polozka-stred.jpg') left top repeat-x;
  position:relative;
  height:40px;
  line-height:35px;
  font-size:13px;
  margin-right:5px;
  text-transform: uppercase;
}

#menu a span {
  display:block;
  height:40px;
  padding:0;
}

#menu a span {
  background:url('../grafika/menu-polozka-vlevo.jpg') left top no-repeat;
  padding-left:10px;
}

#menu a span span {
  background:url('../grafika/menu-polozka-vpravo.jpg') right top no-repeat;
  padding:0 10px 0 0;
  margin:0;
  cursor:pointer;
  
}

#menu a:hover {
  color:#aaa;
}

#main-content {
  background:url('../grafika/obsah_bg.jpg') right top repeat-y;
  padding-bottom:30px;
}


#menu ul, #menu li {
  margin:0;padding:0;
  list-style: none;
  display: inline;
}

#prava-strana {
  background:url('../grafika/menu_right_bg.jpg') left top no-repeat;
  padding:0 10px 0 20px;
  position:relative;
}

#leva-strana {
  padding:20px;
  position:relative;
}

#obsah a {
  color:#902023;
  -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; outline: 0;
}

#obsah a:hover {
  color:#000;
  text-decoration: none;
  text-shadow: 0.055556em 0.055556em 0.083334em #501312;
}

.zprava {
  /*overflow:hidden;*/
  padding-bottom:10px;
  margin-bottom:20px;
  border-bottom:1px solid #eee;
}

.zprava .info {
  color:#999;
  font-size:90%;
  margin:5px 0;
}

.zprava .novinka {
  float:right;
}

.zprava h3 {
  height:30px;
  line-height:30px;
  margin:0 0 5px 0;
}

.zprava .subodkazy {
  margin:5px 0;
  height:15px;
}

.zprava .subodkazy a {
  border-right:1px solid #ddd;
  float:left;
  padding:0 10px 0 0;
  margin:0 10px 0 0;
}

.zprava-komentare .text-komentare {
  margin:10px 0 30px;
  border:2px inset #902023;
  background:#eee;
  overflow:auto;
  padding:20px;
} 

/*.jsactive .zprava-komentare .text {
  display:none;
}*/

.zprava-komentare .info strong {
  color:#555;
  font-size: 140%;
}

.zprava-komentare .vzkaz {
  margin:10px 0;
  /*border:1px solid #ddd;*/
  padding:10px;
  background:#eee url('../grafika/menu-prava-bg.jpg') left top repeat-y;;
  overflow:hidden;
  box-shadow: inset 0 2px 18px rgba(0,0,0,.1);
  -moz-border-radius: 10px;
  -moz-box-shadow: inset 0 2px 18px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 2px 18px rgba(0,0,0,.2);
	-webkit-border-radius: 10px;
  border-radius: 10px;

}

.zprava-komentare .vzkaz .foto {
  float:right;
  width:100px;
  height:100px;
  text-align:right;
  margin: 0 0 5px 5px;
}

.archiv-leta {
  margin:10px 0;
  border:1px solid #ddd;
  padding:10px;
  background:#eee;
  overflow:hidden;
}

.archiv-leta a {
  display:block;
  padding:0 8px 0 0;
  float:left;
}

.submit, .button {
  background:url('../grafika/button-bg.jpg') left top repeat-x;
  color:#fff;
  font-weight:bold;
  border:0;
  padding:5px;
  cursor:pointer;
}

#regForm .prvni-sloupec {
  width:120px;
}

.facebook_stante_se_fanouskem {
  text-align:center;
  padding:15px 0;
}

/*#loggedUser, #logForm {*/
.classicForm {
  border:1px solid #ddd;
  padding:10px;
  background:#eee url('../grafika/menu-prava-bg.jpg') left top repeat-y;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   box-shadow: inset 0 3px 8px rgba(0,0,0,.1);
  border-radius: 10px;

   
}

#prava-strana .classicForm fieldset{
    width:185px;
    border:0;
    padding:0;
    margin:0 0 5px;
}

#prava-strana .classicForm table {
  margin:0 0 5px;
}

#prava-strana .classicForm td, #prava-strana .classicForm th {
  padding:0;
}

#prava-strana .classicForm th {
  text-align:right;
  padding-right:5px;
}

#prava-strana table {
  width:auto;
}

#prava-strana .classicForm .text{
  width:130px;
}

.classicForm input{
  margin:2px;padding:2px;
}

/*
#logForm label {
  float:left;
  width:70px;
  padding-right:5px;
  text-align:right
}

#logForm input {
  width:100px;
  text-align:left;
}

#logForm .submitForm {
  text-align:center;
  padding:5px 0;
}

#logForm #logFormSubmit {
  text-align:center;
}
   */
.posledni-komentar {
  background:#eee url('../grafika/menu-prava-bg.jpg') left top repeat-y;
  padding:3px 8px;
  margin-bottom:5px
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   box-shadow: inset 0 3px 8px rgba(0,0,0,.1);
  overflow-x:hidden;   
  border-radius: 10px;
}

.posledni-komentar span {
  display:block;
}

#posledni-komentare {
  width:240px;
  overflow:hidden;
}

.jsactive #comForm {
  display:none;
}
/*
#obsah #komentarHref {
  background:url('../grafika/button-bg.jpg') left top repeat-x;
  color:#fff;
  font-weight:bold;
  border:0;
  padding:5px;
  cursor:pointer;
  display:block;
  float:left;
  text-align: center;
  text-decoration: none;
}*/

#komentarHrefDiv {
  overflow:hidden;
  margin:10px 0;
}

#komentarAddId {
  width:615px;
  height:100px;
  background:#eee;
}

.kratky {
  margin-bottom:0;
}

#loggedUser .foto {
  text-align:center;
  height:100px;
  margin:3px 0;
}

.text-stred {
  text-align:center;
}

.jsactive .nezobrazovatprijs {
  display:none;
}

#komentarAddLink {
  color:#f00;
  font-weight: bold;
}

.hlasovani {
  margin:0 0 0 10px;
}

.hlasovani a {
  margin:0 0 0 10px;
}

/* tridy pro hlasovani */
.banned .vzkaz {
  font-size:60%;
}
.malo .vzkaz {
  font-size:75%;
}
.mensi .vzkaz {
  font-size:85%;
}
.normal .vzkaz {
  font-size:100%;
}
.trochu .vzkaz {
  font-size:110%;
}
.hodne .vzkaz {
  font-size:120%;
}
.moc .vzkaz {
  font-size:130%;
}
.absolutne .vzkaz {
  font-size:150%;
}

.vysledek_hodnoceni {
  font-weight: bold;
}

#statistiky {
  display:none;
}

.jsactive #info-add {
  display:none;
}

.zprava-nahled {
  padding:10px;
}

.zprava-nahled .text {
  background:#eee url('../grafika/menu-prava-bg.jpg') left top repeat-y;;
  border:1px solid #ccc;
  padding:5px;
  overflow:hidden;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  -moz-box-shadow: inset 0 2px 18px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 2px 18px rgba(0,0,0,.2);
  box-shadow: inset 0 2px 18px rgba(0,0,0,.1);
  border-radius: 10px;

  
}

.zprava-nahled h4 {
  margin:0 0 5px 0;
  font-size:90%; 
  color:#999;
}

.zprava-nahled h4 .nadpis {
  font-size:140%;
  font-weight:bold;  
  color:#555;
}

.zprava-nahled .foto {
  float:right;
  height:105px;
  text-align:right;
  margin:5px;
}

.zprava-nahled .link {
  margin:5px 0;
  font-size:120%;
  font-style: italic;
}

.zprava-nahled p {
  margin:5px 0 0 0;
}

#prava-strana .logo {
  text-align:center;
  margin:10px 0;
}

#prava-strana hr {
  visibility:hidden;
}

#koupit, #server_list, #twitter_right_box {
  background:#eee url(../grafika/menu-prava-bg.jpg) repeat-y scroll left top;
  border:1px solid #ddd;
  padding:10px;
  text-align:center;
  font-size:20px;
  margin-bottom:10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.2);
   box-shadow: inset 0 3px 8px rgba(0,0,0,.1);

   
}

#userLoggedPanel {
  text-align:center;
}

#prava-strana #userLoggedPanel table {
  margin:0 auto;
}

#server_list  {
  font-size:11px;
  text-align:left;
  overflow:hidden;

}

#server_list .velke {
  font-size:14px;
}

#koupit a {
  display:block;
}

.xzone_banner {
  padding-bottom:20px;
}

.xzone_banner .obr {
  display:block;
  min-height:210px;
  &height:210px;
  /*overflow:hidden;*/
}

.xzone_banner img {
  /* OBSOLETE? */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;
  transition: all 200ms linear;  
}

.xzone_banner img:hover, .xzone_banner img:active, .xzone_banner img:focus {
  /* OBSOLETE? */ -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);  
  transform: scale(1.15);
  
  /* OBSOLETE? */-webkit-transition: all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;
  transition: all 200ms linear;  
  
}


#google-hledani {
  padding:0px 0 15px 12px; 
}

#google-hledani input {
  border-radius: 7px;
  -moz-border-radius: 7px;
	-webkit-border-radius: 7px;

	
}


pre {
  z-index:500;
  width:630px;
  position:relative;
  background:#fff;
  overflow:hidden;  
}

.warn {
  font-size:17px;
  color:#fff;
  background:#f00;
  font-weight:bold;
  padding:12px;
  text-shadow: 0.055556em 0.055556em 0.083334em #000;
  text-align:center
  border-radius: 15px;
  -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
  -moz-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  box-shadow: inset 0 5px 8px rgba(0,0,0,.1);

  

}

#serverNadpis {
  font-size:19px;
}


h4#twitter_right {
  font-size:15px;
  font-weight:bold;
}

#twitter_right_box .tvit {
  font-size:11px;
  clear:left;
  overflow:hidden;
}

#twitter_right_box .obr {
  float:right;
  width:70px;
  height:70px;
  overflow:hidden;
}

#twitter_right_box .obsah {
  text-align:left;
  margin-bottom:10px;
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
  
}

#twitter_right_box .obsah .jmeno {
  font-weight:bold;
  font-size:12px;
}

#twitter_right_box .obsah .obsah {
  margin:3px 0;
}

.jsactive #twitter_next {
  display:none;
}

#twitter_right_box .next {
  font-size:12px;
}

#rss-ikona-zpravy, #rss-ikona-zpravy span {
  position:absolute;
  right:20px;
  top:20px; 
}

#rss-ikona-zpravy a {
  text-decoration:none
}

#rss-ikona-zpravy span {
  display:block;
  right:0;top:0;
  width:28px;
  height:28px;
  background:url('../grafika/feed-icon-28x28.png') left top no-repeat;
  cursor:pointer;
}

.nocss {
  display:none;
}

.error {
  background:#f00;
  color:#fff;
  list-style-type: none;
  border:0;
  border-radius: 15px;
  -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
  -moz-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  box-shadow: inset 0 5px 8px rgba(0,0,0,.1);

}

.flash {
  background:#3D0B0A;
  color:#fff;
  font-weight:bold;
  padding:8px;
  margin:5px 0;
  list-style-type: none;
  border:0;
  font-size:14px;
  width:570px;
  border-radius: 15px;
  -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
  -moz-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 5px 8px rgba(0,0,0,.2);
  box-shadow: inset 0 5px 8px rgba(0,0,0,.1);

}

.sources {
  width:280px;
  float:left;
  margin:0 12px 15px 0;
  overflow-x:hidden;
}

.sources .rss_zdroj {
  margin-bottom:7px;
}

.sources h4 {
  font-weight:bold;
  font-size:14px;
  margin:0 0 5px 0;
}

.google_reklamy {
  margin:15px 0;
  overflow:hidden;
}

.dalsi_zdroje {
  background:#eee;
  border:0;
  border-radius: 15px;
  -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#obsah #show-AktualityForm, #obsah #show-commentForm, #obsah #show-HideForm {
  font-size:14px;
  display:inline-block;
  margin:10px 0;
  font-weight:bold;
  border-radius: 15px;
  -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
  background:#430D02;
  padding:4px;
  color:#fff;
  text-decoration:none;  
}

#obsah #show-AktualityForm:hover, #obsah #show-commentForm:hover, #obsah #show-HideForm:hover {
  text-decoration:underline;
  color:yellow;
}

.katalog-nahled {
  &height:200px;
  min-height:200px;
  margin:20px 0 40px 0;
  padding:20px;
  border:1px solid #ccc;
 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  border-radius:10px;
 
  background: #E0E0E0; /* old browsers */
  background: -moz-linear-gradient(top, #E0E0E0 0%, #EEE 92%, #DBDBDB 100%); /* firefox */
  
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(92%,#EEE), color-stop(100%,#DBDBDB)); /* webkit */
  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0E0E0', endColorstr='#DBDBDB',GradientType=0 ); /* ie */

}

.katalog-nahled hr, .katalog-detail hr {
  clear:none;
}

.katalog-nahled h4, .katalog-detail h3 {
  font-size:20px;
  font-weight:bold;
  margin:0 0 10px 0;
}

.katalog-nahled .obrazek, .katalog-detail .obrazek {
  float:right;
  width:200px;
  height:150px;
  overflow:hidden;
  margin:0 0 10px 10px;
  position:relative;
  top:-1em;
  text-align:right;
}

.katalog-nahled .autor, .katalog-detail .autor {
  margin:0 0 5px 0;
  font-size:15px;
}

.katalog-nahled .download, .katalog-detail .download {
  text-align:center;
  margin:10px 0;
  font-size:22px;
  clear:both;
  font-weight:bold;
}

.katalog-nahled .odkaz, .katalog-detail .odkaz {
  text-align:center;
  margin-bottom:10px;
  font-size:12px;
}

.katalog-nahled .tagy, .katalog-detail .tagy {
  margin:12px 0;
}

.zpet {
  margin:25px 0;
  text-align:center;
}

#filtr {
  background:#eee;
 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
 border-radius:10px;
 border:0;
}

#filtr .button {
  float:right;
  cursor:pointer;
}

#filtr li {
  float:left;
  list-style-type: none;
  padding:5px;
  padding-left:0;
}

.catalogForm {
  background:#ccc;
 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
 border-radius:10px;  
 
background: #999999; /* old browsers */
background: -moz-linear-gradient(top, #999999 0%, #E0E0E0 25%, #E0E0E0 44%, #E0E0E0 74%, #999999 99%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(25%,#E0E0E0), color-stop(44%,#E0E0E0), color-stop(74%,#E0E0E0), color-stop(99%,#999999)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 ); /* ie */ 
 
}


.catalogForm fieldset {
  border:0;
}

.paginator {
  margin-bottom:40px;
  text-align:center;
}

.cistic {
  visibility:hidden;
  margin:0;
  padding:0;
  border:0;
}
#obsah h2, #obsah h3, #obsah h4 {
  font-family:'Molengo',Verdana,Arial,sans-serif;
}



/* @media screen and (max-width: 600px) { */

@media screen and (max-width: 1000px) { 

  .container {
    width: 600px;
    -webkit-box-shadow: 0px 5px 20px #080808;
    -o-box-shadow: 0px 5px 20px #080808;
    -moz-box-shadow: 0px 5px 20px #080808;
    box-shadow: 0px 5px 20px #080808;
  }

  .span-24, div.span-24 {
    width:600px;
  }
  .span-17, div.span-17 {
    width:340px;    
  }
  .span-7, div.span-7  {
    width:250px;    
  }

  body {
    background:#484E39;
  }

  #odpocet {
    display:none;    
  }

  #menu {
    background:#000;
    float:left;    
    height:auto;
  }
  
  #menu a {
    height:auto;
    background:#000;     
  }

  #menu a span {
      background:none;
      height:auto;
  }

  #menu a span span, #prava-strana, #main-content {
      background:none;
  }

  #obsah {
    background: #fff;
    clear:left;
    float:left;
  }

  .google_reklamy {
    display:none;
  }

  .sources {
    width:300; 

  }

  .zprava h3 {
    height:auto;
  }

  #posledni-komentare {
    width:220px;
  }

  #prave-menu {
    overflow:hidden;
  }


}

@media only screen and (max-width: 620px), only screen and (max-device-width: 480px) {

  body {
    min-width:300px;
  }

  img {
    max-width:270px;
  }

  .container {
    width: 300px;
  }

  .span-24, div.span-24,

  .span-17, div.span-17,

  .span-7, div.span-7  {
    width: 300px;    
  }

  #odpocet {
    display:none;    
  }

  #menu {
    height: auto;    
    background:#000;
    float:none;
  }

  #menu a {
    float:none;
    height:auto;
    background:#000;     
  }

  #menu a span {
      background:none;
      height:auto;
  }

  #menu a span span, #prava-strana, #main-content {
      background:none;
  }

  .google_reklamy {
    display:none;
  }

  .sources {
    width:200px; 

  }

  .zprava h3 {
    height:auto;
  }

}

#text p {
  text-align:justify;
}