/* Dragon Age | Vokr.com, CSS is created by Dominick */
  * {
	margin: 0;
	padding: 0;
	border: none;
  }
  body,html {
	font-family: Arial, sans-serif;
	font-size: 12px;
  }
  body {
  background: url("grafika/paticka-pozadi.jpg") center bottom no-repeat;
    }
  html {
  background: #2a2f32 url("grafika/new/pozadi-ruce.jpg") center top no-repeat;
  } 
  iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  }

  a {
	color: #fff;
	text-decoration: underline;
  }
    a:hover {
	 color: #fff;
	 text-decoration: none;
    }
  a img {
	border: none;
  }
  p.stred {
	text-align: center;
  }
  h1 {
	position: relative;
	margin: 20px auto 0 auto;
	height: 214px;
	padding: 0 0 0 0;
	color: #E0E0E0;
	background: url("grafika/header.jpg") top center no-repeat;
	overflow: hidden;
	text-align: center;
	width: 960px;
	z-index: 1;
  }
    h1 span {
	  z-index: 1;
	  display: block;
	  position: absolute;
	  left: 0;
	  top: 0;
	  height: 214px;
	  width: 960px;
	  background: url("grafika/header.jpg") top center no-repeat;
   }
/* Horní menu */

  div#horni-menu {
  position: relative;
	width: 960px;
	height: 609px;
	margin:  0 auto 0 auto;
	background: url("grafika/new/horni-menu-pozadi.jpg") no-repeat top center;
	}
    div#horni-menu ul{
	  list-style-type: none;
	  margin: 12px 0 0 142px;
	  position: absolute;
	  overflow: hidden;
	  }
	   div#horni-menu ul li {
     float: left;
     display: block;
     padding: 0 6px 0 0;
     }
       div#horni-menu ul li a {
       text-decoration: none;
	     font-size: 8px;
	     position: relative;
	     display: block;
       }
          div#horni-menu ul li a span {
          z-index: 1;
          position: absolute;
          top: 0;
          left: 0;
          }
          div#horni-menu ul li a#novinky span , div#horni-menu ul li a#novinky {
          background: url("grafika/horni-menu-novinky.jpg") top left no-repeat;
          width: 99px;
          height: 13px;
          }
              div#horni-menu ul li a#novinky {
              margin-top: 0px;
              }
              div#horni-menu ul li a#novinky:hover span , div#horni-menu ul li a#novinky:hover {
              background: url("grafika/horni-menu-novinky.jpg") bottom left no-repeat;
              }
          div#horni-menu ul li a#faq span , div#horni-menu ul li a#faq {
          background: url("grafika/horni-menu-faq.jpg") top left no-repeat;
          width: 54px;
          height: 15px;
          }
              div#horni-menu ul li a#faq {
              margin-top: 2px;
              }
              div#horni-menu ul li a#faq:hover span , div#horni-menu ul li a#faq:hover {
              background: url("grafika/horni-menu-faq.jpg") bottom left no-repeat;
              }        
          div#horni-menu ul li a#galerie span , div#horni-menu ul li a#galerie {
          background: url("grafika/horni-menu-galerie.jpg") top left no-repeat;
          width: 83px;
          height: 13px;
          }
              div#horni-menu ul li a#galerie {
              margin-top: 4px;
              }
              div#horni-menu ul li a#galerie:hover span , div#horni-menu ul li a#galerie:hover {
              background: url("grafika/horni-menu-galerie.jpg") bottom left no-repeat;
              }
        div#horni-menu ul li a#forum span , div#horni-menu ul li a#forum {
        background: url("grafika/horni-menu-forum.jpg") top left no-repeat;
        width: 76px;
        height: 14px;
        }
              div#horni-menu ul li a#forum {
              margin-top: 5px;
              }
              div#horni-menu ul li a#forum:hover span , div#horni-menu ul li a#forum:hover {
              background: url("grafika/horni-menu-forum.jpg") bottom left no-repeat;
              }
        div#horni-menu ul li a#redakce span , div#horni-menu ul li a#redakce {
        background: url("grafika/horni-menu-redakce.jpg") top left no-repeat;
        width: 93px;
        height: 13px;
        }
              div#horni-menu ul li a#redakce {
              margin-top: 8px;
              }
              div#horni-menu ul li a#redakce:hover span , div#horni-menu ul li a#redakce:hover {
              background: url("grafika/horni-menu-redakce.jpg") bottom left no-repeat;
              }
      div#horni-menu ul li a#e-shop span , div#horni-menu ul li a#e-shop {
      background: url("grafika/horni-menu-eshop.jpg") top left no-repeat;
      width: 74px;
      height: 12px;
      }
              div#horni-menu ul li a#e-shop {
              margin-top: 10px;
              }
              div#horni-menu ul li a#e-shop:hover span , div#horni-menu ul li a#e-shop:hover {
              background: url("grafika/horni-menu-eshop.jpg") bottom left no-repeat;
              }
      div#horni-menu ul li a#vokrcom span , div#horni-menu ul li a#vokrcom {
      background: url("grafika/horni-menu-vokrcom.jpg") top left no-repeat;
      width: 109px;
      height: 13px;
      }
            div#horni-menu ul li a#vokrcom {
            margin-top: 12px;
            }
            div#horni-menu ul li a#vokrcom:hover span , div#horni-menu ul li a#vokrcom:hover {
            background: url("grafika/horni-menu-vokrcom.jpg") bottom left no-repeat;
            }
       
      div#horni-menu a#pecet {
      position: absolute;
      width: 119px;
      height: 129px;
      margin: 59px 0 0 765px;
      background: url("grafika/pecet-ea.png") no-repeat top left;
      padding: 10px 40px 10px 40px;
      }
          div#horni-menu a#pecet span {
          z-index: 2;
          position: absolute;
          top: 0;
          left: 0;
          background: url("grafika/pecet-ea.png") no-repeat top left;
          width: 119px;
          height: 129px;
          }
      div#horni-menu a#rss {
      position: absolute;
      width: 44px;
      height: 12px;
      margin: 10px 0 0 895px;
      background: url("grafika/rss.jpg") no-repeat top left;
      padding: 0px;
      text-decoration: none;
      }
          div#horni-menu a#rss span {
          z-index: 1;
          position: absolute;
          top: 0;
          left: 0;
          background: url("grafika/rss.jpg") no-repeat top left;
          width: 44px;
          height: 12px;
          }
div#horni-menu h2#slide-show {
	width: 202px;
	height: 37px;
	margin: 104px 0 0 73px;
	background: url("grafika/nadpis-slideshow.jpg") no-repeat;
	position: absolute;
}
div#horni-menu h2#slide-show span {
	width: 202px;
	height: 37px;
	top: 0px;
	left: 0px;
	background: url("grafika/nadpis-slideshow.jpg") no-repeat;
	z-index: 1;
	display: block;
	position: absolute;
}
div#horni-menu h2#eshop-nadpis {
	width: 233px;
	height: 98px;                          
	margin: 136px 0 0 650px;
	background: url("grafika/nadpis-kupec.jpg") no-repeat;
	position: absolute;
}
div#horni-menu h2#eshop-nadpis span {
	width: 233px;
	height: 92px;
	top: 0px;
	left: 0px;
	background: url("grafika/nadpis-kupec.jpg") no-repeat;
	z-index: 1;
	display: block;
	position: absolute;
}
div#horni-menu ul#eshop {
list-style-type: none;
width: 245px;
height: 242px;
margin: 234px 0 0 639px;
background: url("grafika/eshop-pozadi.jpg") no-repeat top left;
}
div#horni-menu ul#eshop li a{
text-align: center;
color: #d5be95;
font-size: 14px;
font-family: Tahoma, sans-serif;
}
div#horni-menu ul#eshop li a img{
z-index: 1;
background: none;
padding: 0px;
margin: 0px;
width: 245px;
position: relative;
}

div#horni-menu img {
	width: 460px;
	padding: 45px 100px 45px 31px;
	position: absolute;
	background: url("grafika/slideshow-pozadi.jpg") no-repeat;
  margin: 123px 0 0 41px;
}
/* Obsahová část webu */
div#obsah {
	width: 960px;
	height: 100%;
	margin: -100px auto 0 auto;
	position: relative;
	background: url("grafika/obsah-pozadi.jpg") repeat-y top left;
}
 div#obsah div#obsahova-cast {
 width: 619px;
 	margin: 0;
 	height: auto;
	position: relative;
  background: url("grafika/obsah-pozadi.jpg") repeat-y top left; 
  min-height: 2700px;
  } 
 div#obsah div#obsahova-cast div#banner a img{
  margin: 10px 40px 10px 80px;
  display: block;
  }
/* vzhled novinky */
div#obsah div.novinka {
	width: 554px;
	color: #000;
	font-size: 12px;
	text-align: justify;
	margin: 0px 0 10px 55px;
	height: auto;
}

div#obsah div.novinka h2 {
	position: relative;
	padding: 19px 0px 0px 42px;
	width: 554px;
	height: 50px;
	background: url("grafika/nadpis-novinka.jpg") no-repeat;
	font-size: 17px;
	color: #fff;
}
div#obsah div.novinka span.datum {
	position: absolute;
	margin-left: 405px;
	margin-top: -47px;
	color: #d5be95;
	font-size: 13px;
}
  div#obsah div.novinka img.obr_nov {
	position: relative;
	margin: 0px 3px 0px 0px;
	float: left;
	border: 2px #393737 solid;
	padding: 0;
  }

div#obsah div.novinka div.paticka {
	position: relative;
	padding: 28px 0px 0 13px;
	background: url("grafika/novinka-paticka.jpg") no-repeat top center;
	width: 497px;
	margin: 0 auto;
	color: #393737;
}
      div#obsah div.novinka form fieldset{
        width: 470px;
        border: none;
        padding-left: 40px;
      }
        div#obsah div.novinka form input, div#obsah div.novinka form textarea{
          border: 1px #630001 solid;
          background-color: #141414;
          padding: 2px;
          margin: 1px;
          color: #fff;
        }
          div#obsah div.novinka form input:focus, div#obsah div.novinka form textarea:focus{
            border: 1px #630001 solid;
            background-color: #161616;
          }
div#obsah div.novinka div.paticka a{
  text-decoration: none;
  color: #393737;
}
div#obsah div.novinka p {
	padding: 2px 40px 2px 40px;
	overflow: hidden;
	text-align: justify;
	line-height: 1.46em;
}
div#obsah div.novinka p.stred {
	text-align: center;
}
div#obsah div.novinka img {
	padding: 3px;
}
div#obsah div.novinka ul {
padding: 0 0 0 50px;
}
      div#obsah div.novinka table{  
      margin: 0 40px;
      width: 460px;
      }
            div#obsah div.novinka table.wallpapery{
        font-size: 11px;
        text-align: center;
        }
       div#obsah div.novinka table.wallpapery td{
         width: 100px;
         background-color: #141414;
         padding: 4px 0;
         border: 1px solid #630001;
         vertical-align: top;
          } 
div#obsah div.novinka p.citat {
	background: #676666;
	color: #fff;
	font-style: italic;
	margin: 2px 40px 2px 40px;
}
div#obsah div.novinka h3 {
	padding: 0px 0px 0 40px;
	color: #000;
}
  
/* Pravý sloupec */
div#obsah div#pravy-sloupec {
	width: 341px;
	height: 100%;
  margin: 0px 0px 0 0px;
	position: relative;
	float: right;
	background: url("grafika/obsah-pozadi.jpg") repeat-y top right;  
}
  div#obsah div#pravy-sloupec h3#nabidka{
  width: 341px;
  height: 58px; 
  background: url("grafika/nabidka-nadpis.jpg") no-repeat;
  position: relative;
  margin: 0 0 0 0px;
  }
    div#obsah div#pravy-sloupec h3#nabidka span {
    width: 341px;
    height: 59px; 
    top: 0px;
    left: 0px;
    background: url("grafika/nabidka-nadpis.jpg") no-repeat;
    z-index: 1;
    position: absolute;
    }
    div#obsah div#pravy-sloupec div#box-nabidka {
    width: 343px;
    margin: 0 0px 10px 0;
    background: url("grafika/nabidka-pozadi.jpg") no-repeat top center;
    position: relative;    
    }
 div#obsah div#pravy-sloupec div#box-nabidka ul {
 padding: 0px 0px 10px 13px;
 list-style-type: none;
 position: relative;
 }
 div#obsah div#pravy-sloupec div#box-nabidka ul li{
 padding: 0 0px 0 17px;
 }
 div#obsah div#pravy-sloupec div#box-nabidka div#pravo ul li{
 padding: 0 0 0 0px;
 }
 div#obsah div#pravy-sloupec div#box-nabidka ul li span.cervene {
 color: #630001;
  }
 div#obsah div#pravy-sloupec div#box-nabidka ul li a{
 color: #fff;
 font-size: 13px;
 font-weight: normal;
 text-decoration: none;
 padding: 0 0 0 0px;
 font-family: Tahoma, sans-serif;
 }
 div#obsah div#pravy-sloupec div#box-nabidka ul li a:hover{
 color: #d5be95;
 }
   div#obsah div#pravy-sloupec div#box-nabidka ul li.subnadpis {
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  }
 div#obsah div#pravy-sloupec div#box-nabidka h3 {
 font-weight: bold;
 color: #fff;
 font-size: 13px;
 }
 div#obsah div#pravy-sloupec div#box-nabidka div#levo{
 padding: 30px 0px 5px 0px;
 margin: 1px 0 0 31px;
 position: relative;
 float: left;
 z-index: 1;
 background: url("grafika/nabidka-pozadi-levo.jpg") no-repeat #141414 top left;
 min-height: 300px;
 width: 120px;
 }
  div#obsah div#pravy-sloupec div#box-nabidka div#pravo{
 padding: 31px 0px 5px 0px;
 margin: 0px 0px 0 151px;
 width: 90px;
 position: absolute;
 background: url("grafika/nabidka-pozadi-pravo.jpg") no-repeat #141414 top right; 
 min-height: 350px;
 float: left;
 width: 113px;
 }
  div#obsah div#pravy-sloupec div#box-nabidka div.spodek{
  background: url("grafika/nabidka-konec.jpg") no-repeat bottom center;
  width: 233px;
  height: 58px;
  position: relative;
  clear: both;
  margin: 0px 0 0 31px;
  z-index: 1;
  }
div#obsah div#pravy-sloupec h3{
width: 233px;
height: 32px;
position: relative;
margin: 0 0 0 30px;
}
div#obsah div#pravy-sloupec h3 span{
width: 233px;
height: 28px;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
}
div#obsah div#pravy-sloupec div.box {
 width: 233px;
 background: url("grafika/box-pozadi.jpg") no-repeat #141414 top left;
 margin: 0px 0 10px 30px;
 position: relative;
 padding: 5px 0 0px 0;
 color: #fff;
 z-index: 2; 
 text-align: center;
 }
  div#obsah div#pravy-sloupec div.box div.spodek {
  background: url("grafika/nabidka-konec.jpg") no-repeat bottom center;
  width: 233px;
  height: 58px;
  position: relative;
  left: 0;
  top: 0;
   }
   div#obsah div#pravy-sloupec div.box p {
   padding: 1px 8px 1px 8px;
   width: 214px;
   overflow: hidden;
   margin: 0 0 -15px 0px;
   text-align: left;
   }
   div#obsah div#pravy-sloupec div.box p a {
   text-decoration: none;

   }
   div#obsah div#pravy-sloupec div.box p a span.nadpis{
   font-size: 11px;
   color: #630001;
   text-align: left;
   height: 15px;
   top: 0;
   left: 0;
   display: block;
   }
   div#obsah div#pravy-sloupec div.box p a span.autor{
   font-size: 11px;
   color: #4f4f4f;
   text-align: right;
   height: 15px;
   top: -15px;
   right: 0px;
   position: relative;
   display: block;
   }
   div#obsah div#pravy-sloupec div.box p a span.text {
   top: -15px;
   position: relative;
   display: block;
   border-bottom: 1px dotted #4f4f4f;
   }
    div#obsah div#pravy-sloupec div.box ul.ikonky {
    list-style-type: none;
    margin: 0px auto 0 0;
    }
      div#obsah div#pravy-sloupec div.box ul.ikonky li{
      padding: 0;
      border: none;
      position: relative;
      margin: 0px 0 2px 0;
      }
        div#obsah div#pravy-sloupec div.box ul.ikonky li a{
        text-align: center;
        }

div#obsah div#pravy-sloupec div.box table {
	width: 206px;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 11px;
	text-align: left;
	padding: 2px;
	color: #fff;
}
div#obsah div#pravy-sloupec div.box table caption {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
div#obsah div#pravy-sloupec div.box table tr td.right {
	text-align: justify;
	padding-right: 0px;
	width: 33px;
	height: 17px;
	font-size: 10px;
}
div#obsah div#pravy-sloupec div.box a {
	text-decoration: none;
	color: #fff;
}
div#obsah div#pravy-sloupec div.box a:hover {
	text-decoration: none;
	color: #fff;
}
div#obsah div#pravy-sloupec ul {
	list-style-type: none;
}
div#obsah div#pravy-sloupec ul li {
	padding-bottom: 5px;
}

div#obsah div#pravy-sloupec h3#anketa-nadpis , div#obsah div#pravy-sloupec h3#anketa-nadpis span {
	background: url("grafika/nadpis-anketa.jpg") no-repeat;
}
div#obsah div#pravy-sloupec h3#ikonky-nadpis , div#obsah div#pravy-sloupec h3#ikonky-nadpis span {
	background: url("grafika/nadpis-ikonky.jpg") no-repeat;
}
div#obsah div#pravy-sloupec h3#krcma-nadpis , div#obsah div#pravy-sloupec h3#krcma-nadpis span {
	background: url("grafika/nadpis-krcma.jpg") no-repeat;
}
div#obsah div#pravy-sloupec h3#statistiky-nadpis , div#obsah div#pravy-sloupec h3#statistiky-nadpis span {
	background: url("grafika/nadpis-statistiky.jpg") no-repeat;
}
div#obsah div#pravy-sloupec h3#twitter-nadpis , div#obsah div#pravy-sloupec h3#twitter-nadpis span {
	background: url("grafika/nadpis-twitter.jpg") no-repeat;
}
div#obsah div#pravy-sloupec h3#facebook-nadpis , div#obsah div#pravy-sloupec h3#facebook-nadpis span {
	background: url("grafika/nadpis-facebook.jpg") no-repeat;
}
div#paticka {
	width: 960px;
	height: 338px;
	background: url("grafika/paticka.jpg") no-repeat bottom center;
	margin: -10px auto 0 auto;
	color: #3f3e3e;
	position: relative;
	clear: both;
}
 div#paticka p{
 margin: 300px 0 0 674px;
 font-size: 10px;
 position: absolute;
 color: gray;
 }
div#paticka a#bioware {
	width: 94px;
	height: 16px;
  margin: 190px 0 0 32px;
	display: block;
	position: absolute;
}
  div#paticka a#bioware span {
	width: 94px;
	height: 16px;
	background: url("grafika/paticka-bioware.jpg") no-repeat top left;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: block;
	position: absolute;
 }
 div#paticka a#ea {
	width: 54px;
	height: 26px;
	margin: 171px 0 0 142px;
	display: block;
	position: absolute;
}
div#paticka a#ea span {
	width: 61px;
	height: 56px;
	background: url("grafika/paticka-ea.jpg") no-repeat top left;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: block;
	position: absolute;
}
      div#paticka a#ea span:hover {
      background: url("grafika/paticka-ea-hover.jpg") no-repeat top left;
      }
    div#paticka a#vokr-com {
    width: 71px;
    height: 44px; 
    margin: 184px 0 0 222px; 
    display: block;
    position: absolute;
    }
      div#paticka a#vokr-com span {
	    width: 71px;
	    height: 44px;
	    background: url("grafika/paticka-vokrcom.jpg") no-repeat top left;
	    top: 0px;
	    left: 0px;
	    z-index: 1;
	    display: block;
	    position: absolute;
     }
      div#paticka a#vokr-com span:hover {
      background: url("grafika/paticka-vokrcom-hover.jpg") no-repeat top left;
      }