/* 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;

  }


     .skryto {
visibility:hidden;
position: absolute;
}
  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;

overflow: visible;

}

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: 0 0 0 8px;

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;

	min-height: 1800px;

	margin: -100px auto 0 auto;

	position: relative;

	background: url("grafika/obsah-pozadi.jpg") repeat-y top left;

}

  body>div#obsah {

  min-height: 2900px;

  height: auto;

  }

 div#obsah div#obsahova-cast {

 width: 619px;

 	margin: 0;

 	height: auto;

	position: relative;

	float: left;

  background: url("grafika/obsah-pozadi.jpg") repeat-y top left; 

  min-height: 2800px;

  } 

 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#strankovani {

  font-size: 14px;

  padding: 0px 34px 0 34px;

  color: #393737;

  }

    div#obsah div.novinka p#strankovani a {

    color: #393737;

    text-decoration: underline;

    }

      div#obsah div.novinka p#strankovani a:hover {

      text-decoration: none;

      }

    div#obsah div.novinka p#strankovani span {

    float: right;

    }

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 619px;

	position: absolute;

	

	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 20px 30px;

 position: relative;

 padding: 15px 0 0px 0;

 color: #fff;

 z-index: 2; 

 text-align: center;

 overflow:hidden;

 position: relative;

 }

  div#obsah div#pravy-sloupec div.box div.spodek {

  background: #787677 url("grafika/nabidka-konec.jpg") no-repeat bottom center;

  width: 233px;

  height: 58px;

  position: relative;

  margin: -15px 0 0 0;

  padding: -15px 0 0 0;

  z-index: -1;

  overflow: hidden;

  clear: both;

   }

   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;

      }