@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('halflings.ttf');
}


body {
    font-size: 16px;
    margin: 0;
    padding: 0;
    background-repeat: repeat-y;
    font-family: "Verdana", "Open Sans", sans-serif;
	background: #172532;
}

.center {
  display: block;
}

A:active {
	color: #FFB601;
	text-decoration: none;
	text-shadow: 1px 1px 2px #413B08;
}
A:link {
	color: #FFB601;
	text-shadow: 1px 1px 2px #413B08;
}
A:visited {
	color: #FFB601;
	text-decoration: none;
	text-shadow: 1px 1px 2px #413B08;
}
A:hover {
	color: #FFF468;
    text-decoration: none;
}

.Odkaz {
	color: #FFB601;
}

.Odkaz:active {
	color: #FFB601;
	cursor: pointer;
}

.Odkaz:link {
	color: #FFB601;
	cursor: pointer;
}

.Odkaz:visited {
	color: #FFB601;
	cursor: pointer;
}

.Odkaz:hover {
	color: #C8C000;
	cursor: pointer;
    text-decoration: none;
}

.novinky {
	color: #efc9a0;
	background-image: url(images/above_glow2.jpg);
	background-size: cover;
	padding: 10px 10px 5px 10px;
}


.newsdat {
	font-family: "Verdana", "Open Sans", sans-serif;
	font-size: 9pt;
	color: #5B6980;
	text-align: left;
	margin: 0;
	font-weight: normal;
	position: relative;
}

.podsekce {
	font-size: 10pt;
	text-align: left;
	margin: 0;
	font-weight: normal;
	position: relative;
	top: 10px;
	color: #ECEAEA;
}

ul.bod1   {
	list-style-image: url('img/images/odrazka_ul.png');
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding: 0px;
}

.box-container {
    display: flex;
    flex-wrap: wrap;
	padding-left: 5px;
}

.newbody {
    border: #9AD1F2 1px solid;
	background-color: #d3e9f6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.youtube1 {
	max-height: 360px;
	max-width: 640px;
	text-align: center;
	align: center;
}

.hr_0 {
	background-color: #896100;
	height: 1px;
	border: 0;
	margin-bottom: 5px;
	margin-top: -15px;
}

.hr_1 {
	background-color: #70442F;
	height: 1px;
	border: 0;
	margin-bottom: 10px;
	margin-top: -3px;
}

.hr_2 {
	background-color: #70442F;
	height: 1px;
	border: 0;
	margin-bottom: 10px;
	margin-top: -2px;
}

.hr_3 {
	background-color: #462A1D;
	height: 1px;
	border: 0;
	margin-bottom: 5px;
	margin-top: -5px;
}

h1 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #efe3d2;
	font-size: 30px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(top,#FFC73E,#FFCB4D 19%,#E1B211 30%,#fff1a3 43%,#ffe13e);
	background-size: 1em 2.5em;
	display: inline-block;
	line-height: 1.5em;
	position: relative;
	z-index: auto;
	margin-top: 30px;
}

.warcraft {
	font-family: LifeCraft;
    src: url("LifeCraft_Font.ttf");

}

@media (max-width: 60em) {
  h1 {font-size: 180%}
}

@media (max-width: 40em) {
  h1 {font-size: 170%}
}

@media (max-width: 30em) {
  h1 {font-size: 170%}
}

h2 {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 26px;
	line-height: 24px;
	width: 85%;
	color: #efe3d2;
	text-shadow: 1px 1px 1px #E08931;
	margin-top: 0px;
}

@media (max-width: 60em) {
  h2 {font-size: 200%}
}

@media (max-width: 40em) {
  h2 {font-size: 180%}
}

@media (max-width: 30em) {
  h2 {font-size: 160%}
}

h3 {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 22px;
	line-height: 25px;
	color: #efe3d2;
	text-shadow: 1px 1px 1px #8F5215;
	margin-top: 0px;
}

@media (max-width: 60em) {
  h3 {font-size: 180%}
}

@media (max-width: 40em) {
  h3 {font-size: 160%}
}

@media (max-width: 30em) {
  h3 {font-size: 140%}
}

h4 {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 19px;
	line-height: 25px;
	color: #efe3d2;
	text-shadow: 1px 1px 1px #8F5215;
	margin-top: 0px;
	
}

@media (max-width: 50em) {
  h4 {font-size: 140%}
}

@media (max-width: 40em) {
  h4 {font-size: 130%}
}

@media (max-width: 20em) {
  h4 {font-size: 120%}
}

h5 {
	font-size: 17px;
	line-height: 15px;
	font-weight: normal;
	color: #1F0404;
}
h6 {
	font-size: 16px;
	line-height: 14px;
	font-weight: normal;
	color: #1F0404;
}
a { outline: none; text-decoration: none; }

p {
	color: #F5DDC4;
}

ul, li {
	font-size: 14px;
	color: #D8BC93;
}

.hr {
	color: #000;
	border-color:#000;
}

textarea { overflow: auto; }


.velky {
	font-size: 35px;
	max-width: 0em;
}


.velky2 {
	font-size: 20px;
}

/* Font 16 */

.font16 {
	font-size: 16px;
}


@media (max-width: 30em) {
  .font16 {font-size: 14px}
}

.nadpis {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: transparent;
    font-weight: bold;
	font-size: 70px;
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-color: #B60000;
	background-size: 1em 2.5em;
	display: inline-block;
	line-height: 1.2em;
    letter-spacing: 0.05em;
	position: relative;
	z-index: auto;
    padding-left: 40px;
    text-shadow: rgba(231,31,31,1) 0px -1px 0px, rgba(0, 0, 0, 0.8) 2px -2px 2px, rgba(0, 0, 0, 0.8) 1px 1px 2px, rgba(0, 0, 0, 0.8) -2px -2px 2px, rgba(0, 0, 0, 0.8) -1px 1px 2px;
}

@media (max-width: 60em) {
  .nadpis {font-size: 500%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 40em) {
  .nadpis {font-size: 400%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 30em) {
  .nadpis {font-size: 350%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 20em) {
  .nadpis {font-size: 300%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 10em) {
  .nadpis {font-size: 250%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

.nadpis1 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: transparent;
    font-weight: bold;
	font-size: 60px;
    -webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-color: #8E0000;
	background-size: 1em 2.5em;
	display: inline-block;
	line-height: 1.2em;
    letter-spacing: 0.05em;
	position: relative;
	z-index: auto;
    padding-left: 40px;
    text-shadow: rgba(231,31,31,1) 0px -1px 0px, rgba(0,0,0, 0.8) 2px -2px 2px, rgba(0,0,0, 0.8) 1px 1px 2px, rgba(0,0,0, 0.8) -2px -2px 2px, rgba(0,0,0, 0.8) -1px 1px 2px;
}

@media (max-width: 60em) {
  .nadpis1 {font-size: 300%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 50em) {
  .nadpis1 {font-size: 350%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 40em) {
  .nadpis1 {font-size: 350%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 30em) {
  .nadpis1 {font-size: 300%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 20em) {
  .nadpis1 {font-size: 250%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 10em) {
  .nadpis1 {font-size: 150%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

.nadpis2 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #FF0000;
    font-weight: 100;
	font-size: 30px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(0,0,0,1) 0px -1px 0px, rgba(0, 0, 0, 0.8) 1px -1px 1px, rgba(0, 0, 0, 0.8) 1px 1px 2px, rgba(0, 0, 0, 0.8) -1px -1px 1px, rgba(0, 0, 0, 0.8) -1px 1px 1px;
    padding-left: 40px;
}

@media (max-width: 60em) {
  .nadpis2 {font-size: 300%;
    padding-left: 0px;}
}

@media (max-width: 40em) {
  .nadpis2 {font-size: 250%;
    padding-left: 0px;}
}

@media (max-width: 30em) {
  .nadpis2 {font-size: 200%;
    padding-left: 0px;}
}

@media (max-width: 20em) {
  .nadpis2 {font-size: 150%;
    padding-left: 0px;}
}

@media (max-width: 10em) {
  .nadpis2 {font-size: 100%;
    padding-left: 0px;}
}

.nadpis3 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #E7B74F;
    font-weight: 100;
	font-size: 22px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(69,102,100,1.00) 0px 1px 0px;
}

@media (max-width: 60em) {
  .nadpis3 {font-size: 300%;
    padding-left: 0px;}
}

@media (max-width: 40em) {
  .nadpis3 {font-size: 250%;
    padding-left: 0px;}
}

@media (max-width: 30em) {
  .nadpis3 {font-size: 200%;
    padding-left: 0px;}
}

@media (max-width: 20em) {
  .nadpis3 {font-size: 150%;
    padding-left: 0px;}
}

@media (max-width: 10em) {
  .nadpis3 {font-size: 100%;
    padding-left: 0px;}
}

.nadpis4 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #E3C23C;
    font-weight: 100;
	font-size: 22px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(69,102,100,1.00) 0px 1px 0px;
}

@media (max-width: 60em) {
  .nadpis4 {font-size: 300%;
    padding-left: 0px;}
}

@media (max-width: 40em) {
  .nadpis4 {font-size: 250%;
    padding-left: 0px;}
}

@media (max-width: 30em) {
  .nadpis4 {font-size: 200%;
    padding-left: 0px;}
}

@media (max-width: 20em) {
  .nadpis4 {font-size: 150%;
    padding-left: 0px;}
}

@media (max-width: 10em) {
  .nadpis4 {font-size: 100%;
    padding-left: 0px;}
}



.deadkarlos {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #B4DCF5;
    font-weight: bold;
	font-size: 60px;    
	display: inline-block;
	line-height: 1.2em;
    letter-spacing: 0.05em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(0,0,0,1) 0px -2px 0px, rgba(0, 0, 0, 0.8) 2px -2px 2px, rgba(0, 0, 0, 0.8) 1px 1px 2px, rgba(0, 0, 0, 0.8) -2px -2px 2px, rgba(0, 0, 0, 0.8) -1px 1px 2px;
}

@media (max-width: 60em) {
  .deadkarlos {font-size: 300%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 50em) {
  .deadkarlos {font-size: 350%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 40em) {
  .deadkarlos {font-size: 350%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 30em) {
  .deadkarlos {font-size: 300%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 20em) {
  .deadkarlos {font-size: 250%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

@media (max-width: 10em) {
  .deadkarlos {font-size: 150%;
    padding-left: 0px;letter-spacing: 0.05em;}
}

.deadkarlos2 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #C7E1F1;
	font-size: 30px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(0,0,0,1) 0px -2px 0px, rgba(0, 0, 0, 1) 2px -2px 2px, rgba(0, 0, 0, 1) 1px 1px 2px, rgba(0, 0, 0, 1) -2px -2px 2px, rgba(0, 0, 0, 1) -1px 1px 2px;
}

@media (max-width: 60em) {
  .nadpis2 {font-size: 300%;
    padding-left: 0px;}
}

@media (max-width: 40em) {
  .nadpis2 {font-size: 250%;
    padding-left: 0px;}
}

@media (max-width: 30em) {
  .nadpis2 {font-size: 200%;
    padding-left: 0px;}
}

@media (max-width: 20em) {
  .nadpis2 {font-size: 150%;
    padding-left: 0px;}
}

@media (max-width: 10em) {
  .nadpis2 {font-size: 100%;
    padding-left: 0px;}
}

.nadpis_obrazek {
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
}

.nadpis_games {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #5BCBE1;
	font-size: 20px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
}

@media (max-width: 60em) {
  .nadpis_games {font-size: 160%;
    padding-left: 0px;}
}

@media (max-width: 40em) {
  .nadpis_games {font-size: 150%;
    padding-left: 0px;}
}

@media (max-width: 30em) {
  .nadpis_games {font-size: 140%;
    padding-left: 0px;}
}

@media (max-width: 20em) {
  .nadpis_games {font-size: 130%;
    padding-left: 0px;}
}

@media (max-width: 10em) {
  .nadpis_games {font-size: 120%;
    padding-left: 0px;}
}

.nadpis_games1 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #1CB98F;
	font-size: 20px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(69,102,100,1.00) 0px 1px 0px;
}

.pismo {
	color: #C1B9A0;
}

.deadkarlos3 {
	font-family: Cambria, Helvetica, Arial, sans-serif;
	color: #C7E1F1;
    padding-left: 40px;
	padding-right: 40px;
	font-size: 30px;
    letter-spacing: 0.05em;
	line-height: 1.0em;
	position: relative;
	z-index: auto;
    text-shadow: rgba(0,0,0,1) 0px -2px 0px, rgba(0, 0, 0, 1) 2px -2px 2px, rgba(0, 0, 0, 1) 1px 1px 2px, rgba(0, 0, 0, 1) -2px -2px 2px, rgba(0, 0, 0, 1) -1px 1px 2px;
}



.Card_titul {
	background: #0D151C;
    border-bottom: 1px solid #896100;
    border-top: 1px solid #896100;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .8), 0 0 0 0px rgba(255, 255, 255, .08);
    text-shadow: 1px 1px 1px #E08931;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
    
}

.Card_titul2 {
	background: #0D151C;
    border-bottom: 1px solid #896100;
    border-top: 1px solid #896100;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .8), 0 0 0 0px rgba(255, 255, 255, .08);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
    
}

.Card_titul3 {
	background: #0D151C;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .8), 0 0 0 0px rgba(255, 255, 255, .08);
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 5px;
	margin-left: -10px;
	margin-right: -10px;
    
}

.tumb2 {
	padding-top: 1%;
	padding-bottom: 1%;
    
}

@media (max-width: 100em) {
  .nadpis_raw {padding-left: 10px; padding-right: 10px;}
}

.nadpis_raw {
        flex-direction: row;
}

.nadpis_raw2 {
        text-decoration: none;
}

.scale {
    background-color: #0177BF;
    transition: all .2s ease-in-out;
    margin: 2px;
    border: 2px solid #BACAF0;
    box-shadow: 0px 2px 5px 2px #0177BF;
}

.scale:hover {
    transform: scale(1.08);
    transition: all 0.4s ease-in-out;
    border: 2px solid #ee2635;
    box-shadow: 0px 0px 10px #000000;
    
}



/* Section title */
.section-title {  }
.section-title h2 { color: #efe3d2; margin-bottom: 10px; font: 52px/85% "Palatino Linotype", Georgia, Times, sans-serif; letter-spacing: -1.5px; text-shadow: #241209 0 0 5px; }
.section-title p,
.section-title .view-all {letter-spacing: normal;}

.dynamic-title {
  padding: 5px;
    margin-bottom: 0px;
    
}

.dynamic-title, .dynamictitle-wrapper {
  box-shadow: inset 0 0 10px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.04);
  background-color: rgba(0,0,0,.4) !important;
    border: 1px solid #000;
    margin-left: -10px;
    margin-right: -10px;
}

.header-layout {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  display: flex;
  text-align: start;
  align-items: center;
    
}

.h2_titul {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 26px;
	line-height: 24px;
	color: #efe3d2;
}

@media (max-width: 55em) {
  .h2_titul {font-size: 220%;line-height: 24px;}
}

@media (max-width: 50em) {
  .h2_titul {font-size: 180%;line-height: 24px;}
}

@media (max-width: 40em) {
  .h2_titul {font-size: 170%;line-height: 24px;}
}

@media (max-width: 35em) {
  .h2_titul {font-size: 140%;line-height: 24px;}
}


.h3_titul {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 22px;
	line-height: 25px;
	color: #efe3d2;
	text-shadow: 1px 1px 1px #8F5215;
	margin-top: 0px;
}

@media (max-width: 60em) {
  h3_titul {font-size: 180%}
}

@media (max-width: 40em) {
  h3_titul {font-size: 160%}
}

@media (max-width: 30em) {
  h3_titul {font-size: 140%}
}


#content .content-bot {padding:0 80px}
#content-subheader {
	margin-top:-100px;
	margin-left:16px;
	margin-bottom: -70px;
}
#content-subheader a {font-size:14px }
#content-subheader h4 { color: #efe3d2; font: 50px "Palatino Linotype", Georgia, Times, sans-serif; letter-spacing: -1.5px; text-shadow: #241209 0 0 5px; }

.h3-basic-header {
	color: #efe3d2; font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	line-height: 20px;
}

.h3-basic-header2 {
	color: #efe3d2; font: 20px "Palatino Linotype", Georgia, Times, sans-serif;
	line-height: 20px;
}

.h3-basic-header3 {
	color: #efe3d2; font: 15px "Palatino Linotype", Georgia, Times, sans-serif;
	line-height: 10px;
}

.h3-basic-header4 {
	color: #E7D4BC; font: 18px "Palatino Linotype", Georgia, Times, sans-serif;
	text-shadow: 1px 2px 1px #000000;
}

.h4-basic-header3 {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #efe3d2;
	text-shadow: 1px 2px 1px #5A4624;
}

.h4-basic-header4 {
	font-family: "Palatino Linotype", Georgia, Times, sans-serif;
	font-size: 22px;
	line-height: 20px;
	color: #FFB601;
	text-shadow: 1px 2px 1px #5A4624;
}

.h4-basic-header {
	color: #b78735; font: 16px;
	line-height: 25px;
}

.h4-basic-header2 {
	color: #b78735; font: 14px;
	line-height: 20px;
}

.h5-basic-header {
	color: #E7D4BC;
	padding-left: 5px;
	font-family: "Arial", Georgia, sans-serif;
	font-size: 20px;
    width: 100%;
}

@media (max-width: 55em) {
  .h5-basic-header {font-size: 150%}
}

@media (max-width: 50em) {
  .h5-basic-header {font-size: 130%}
}


.h5-basic-header5 {
	color: #E1E1E1;
	padding-left: 5px;
	font-family: "Arial", Georgia, sans-serif;
	font-size: 20px;
}
.h6-basic-header {
	color: #FFFFFF;
	padding-left: 20px;
	font-size: 16px;
}
.nadpis-cerny {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.small_popis {
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	position: relative;
	top: -5px;
}

.small_popis2 {
	font-size: 10px;
	margin: 0;
	font-weight: normal;
	position: relative;
}



.h4-subheader { color: #efe3d2; font: 27px "Palatino Linotype", Georgia, Times, sans-serif; letter-spacing: -1.5px; text-shadow: #241209 0 0 5px; padding-left: 0px; }

.h4-subheader2 { 
	color: #efe3d2; 
	text-shadow: 1px 2px 2px #8F5215;
	line-height: 28px;
}

.h4-subheader3 { color: #efe3d2; font: 18px "Palatino Linotype", Georgia, Times, sans-serif; letter-spacing: 1.5px; text-shadow: #241209 0 0 5px; padding-left: 10px; }


.par {
	color: #efc9a0;
	font-family: Arial;
	font-size: 14px;
	line-height: 25px;
}

.horde {color:#ee1919 }
.alliance {color:#247faa }

.popis-cerny {
	color:#000;
}
.popis-legion {
	color: #CCC ;
}
.popis-hnedy {
	color: #a4704e;
}

.popis-tmave-hnedy {
	color: #785238;
}

.popis-zeleny {
	color: #448C2F;
}

.popis-zeleny2 {
	color: #4AB02D;
}

.popis-svetle-hnedy {
	color: #b79855;
}

.popis-svetle {
	color: #f0e29a;
}


.tab1 {
	background: #261207 url('/images/above_glow.jpg') no-repeat;
}
.tab260 {
	background: url('/image/web/ram260x150.png') no-repeat;
	text-align: center;
	
}

.tab_items {
	background: #000000;
}

.icon-item { 
    background-position: center;
    padding: 5px;
    background-image: url('/images/icons/frame-icon.png');
    background-repeat: no-repeat;
    width: 55px;
	height: 55px;
}


/*specialni odkazy*/
a.poor 
{color : gray; font-weight : normal; }
a.poor:hover 
{color : white; cursor : pointer;}
a.common 
{color : white; font-weight : normal;}
a.common:hover 
{color : white; cursor : pointer; }
a.uncommon 
{color : rgb(0, 255, 0); font-weight : normal;}
a.uncommon:hover 
{color : white; cursor : pointer;}
a.rare 
{color : rgb(0,80,255); font-weight : normal;}
a.rare:hover 
{color : white; cursor : pointer;}
a.epic 
{color : rgb(128, 0, 255); font-weight : normal;}
a.epic:hover 
{color : white; cursor : pointer;}
a.legendary 
{color: #e5cc80; font-weight : normal;}
a.legendary:hover 
{color : white; cursor : pointer;}
a.heirloom 
{color: #00ccff; font-weight : normal;}
a.heirloom:hover 
{color : #00ccff; cursor : pointer;}


.stiny15 {
	box-shadow: 0px 0px 15px #000000;
	border: 1px solid #E37200;
	
}

.stiny15:hover {
	color : white; 
	box-shadow: 0px 0px 5px #E37200;
    border: 1px solid #E3DA00;
}


.stin_obrazek1 {
	box-shadow: 0px 0px 15px #000000;
	border: 1px solid #E37200;
}

.stin_obrazek2 {
	box-shadow: 0px 0px 15px #000000;
	border: 1px solid #E3DA00;
}


/* Ikony kulate */
.icon_kulate {
    border-radius: 99px;
}


.obrazky_objekty3 {
	background-image:url(/images/icons/frame-icon1.png);
	width: 40px;
	height: 40px;
}




.odkaz_web {
	text-align: left;
	padding: 0.8em;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#151B22;
	border: 1px solid #ffd100;
	font-size: 15px;
	margin-top: 10px;
	margin-button: 10px;
}

a.odkaz_web:visited {
	color: #FFB601;
}

a.odkaz_web:hover 
{color : #D4D4D4; background:#192132; border: 1px solid #26739A;}

a.odkaz_web:active {
	color: #FFB601;
}


.odkaz_web2 {
    background: #3C261D;
    color: #ebdec2;
    border: 1px solid #7E6757;
	box-shadow: 0px 0px 5px #472700;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.Card {
    background: #1e1613;
    color: #ebdec2;
    border: 1px solid #E37200;
    overflow: hidden;
    width: 100%;
    position: relative;
	box-shadow: 0px 0px 5px #64402F;
	padding-bottom: 5px;
}

.Card_Rozsireni {
    background: #3C261D;
    color: #ebdec2;
    border: 1px solid #7E6757;
	box-shadow: 0px 0px 5px #472700;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.Card_Rozsireni2 {
    background: #192132;
    color: #ebdec2;
    border: 1px solid #2C3C4F;
	box-shadow: 0px 0px 5px #000000;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.Card_pozadi {
	background-image:url(img/ram200x140.png);
    width: 200px;
	height: 140px;
	padding-top: 9px;
	position: relative;
	margin-bottom: 40px;
	
}

.Card_talent {
	background: #1e1613;
	color: #ebdec2;
	border: 1px solid #884e2c;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.Card_talent2 {
	background: #3C261D;
	border: 1px solid #884e2c;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.Card_talent3 {
	background: #111822;
	border: 1px solid #383F46;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.Card_talent4 {
	background: #111822;
	border: 1px solid #383F46;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
  margin-bottom: 10px;
}

.Card_talent5 {
	background: #131A26;
    border-bottom: 1px solid #6E4E00;
    border-top: 1px solid #6E4E00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
}


.Card_uvod {
	background: #1e1613;
	color: #ebdec2;
	border: 1px solid #884e2c;
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}

.Card_uvod2 {
	background: #111822;
	border: 1px solid #383F46;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-left: -10px;
	margin-right: -10px;
}



.button {
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 22px 22px 0px 0px;}
.button6 {border-radius: 50%;}

.button10 {border-radius: 4px 4px 0px 0px;}

.Card_theme {
	background-image:url(img/Panel_Race_Brown2.jpg);
    color: #ebdec2;
	box-shadow: 0px 0px 5px #3C261D;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.stiny_tabulky {
	box-shadow: 0px 0px 10px #000000;
}

.race_neutral {
	background-image:url(img/Panel_Race_Grey.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.race_alliance {
	background-image:url(img/Panel_Race_Blue.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.race_horde {
	background-image:url(img/Panel_Race_Red.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.race_allied {
	background-image:url(img/Panel_Race_Black.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.race_historie {
	background-image:url(img/Panel_Box_Black.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.race_other {
	background-image:url(img/Panel_Race_Brown2.jpg);
	background-attachment: fixed;
	
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}

.rozsireni_classic {
	background-image:url(img/Rozsireni_classic.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_bc {
	background-image:url(img/Rozsireni_bc.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
    background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_wotlk {
	background-image:url(img/Rozsireni_wotlk.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_cata {
	background-image:url(img/Rozsireni_catas.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_panda {
	background-image:url(img/Rozsireni_panda.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_draenor {
	background-image:url(img/Rozsireni_draenor.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}


.rozsireni_legion {
	background-image:url(img/Rozsireni_legion.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_bfa {
	background-image:url(img/Rozsireni_bfa.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_shadow {
	background-image:url(img/Rozsireni_shadow.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-size: auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.rozsireni_shadow2 {
    padding-top: 10px;
	
}

@media (max-width: 1200px) {
  .rozsireni_shadow2 {display: none}
}


.rozsireni_dragon {
	background-image:url(img/Rozsireni_dragon.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center;
}

.bg_line1 {
	background-image:url(img/bg_line1.jpg);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	background-repeat: repeat-y;
	background-position: center;
    min-height: 50px;
}



/* Tabulka 1 */
.tabulka1 table {
	border-spacing:0;
	border-collapse:collapse;
	
}


.tabulka1 th{
	background: url('img/tabulka2/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F8DEA5;
	padding-left: 15px;
	font-weight: bold;
	height:50px;
}

.tabulka1 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	border-top: 1px solid rgba(255,255,255,.1);
	vertical-align: middle;
}

.tabulka1 tr:nth-child(2n+1){
	background:#362515;
	
}

.tabulka1 tr:nth-child(2n){
	background:#392819;
}

.tabulka1 tr:hover{
	background-color:#472307;
}



/* Tabulka 2 */
.tabulka2 table {
	border-spacing:0;
	border-collapse:collapse;
	padding-left: 15px;
}

.tabulka2 th{
	background: url('img/tabulka2/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F8DEA5;
	padding-left: 15px;
	font-weight: bold;
	height:35px;
}

.tabulka2 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	border-top: 1px solid #884e2c;
	vertical-align: middle;
	color: #b1997f;
}

.tabulka2 tr:nth-child(2n+1){
	background:#40200d;
}

.tabulka2 tr:nth-child(2n){
	background:#341a06;
}

.tabulka2 tr:hover{
	background-color:#3C1D05;
}



/* Tabulka 3 */
.tabulka3 table {
	border-spacing:0;
	border-collapse:collapse;
	
}

.tabulka_3web {
    display: block;
	  margin-left: -20px;
	  margin-right: -20px;
	  width: auto;
  }

.tabulka3 th{
	background: url('img/tabulka3/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F8DEA5;
	padding-left: -15px;
	font-weight: bold;
}

.tabulka3 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	border: none;
	border-top: 1px solid #32383F;
	vertical-align: middle;
	color: #b1997f;
	
	
}

.tabulka3 tr:nth-child(2n+1){
	background:#181F2F;
}

.tabulka3 tr:nth-child(2n){
	background:#121A25;
	
}

.tabulka3 tr:hover{
	background:#1b232c;
}


@media only screen and (max-width: 1200px) {
	
	/* Force table to not be like tables anymore */
	.text_left { 
		display: block; 
	}
 
}    
@media only screen and (min-width: 200px) {
	/* Force table to not be like tables anymore */
	.text_left { 
        text-align: left;
        
	}
    
}

@media only screen and (min-width: 12000px) {
	
	/* Force table to not be like tables anymore */
	.vypnout { 
		display: none; 
	}
 
} 

@media only screen and (max-width: 0px) {
	
	/* Force table to not be like tables anymore */
	.vypnout { 
		display: none;
	}
 
} 

/* Responsive tabulka 1 */

/* Barva tabulky 1 */

.tabulka_responsive1 th{
	background: url('img/tabulka3/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F5DDC4;
	font-weight: bold;
}

.tabulka_color1 tr:nth-child(2n+1){
	background:#181F2F;
}

.tabulka_color1 tr:nth-child(2n){
	background:#121A25;
	
}

.tabulka_color1 tr:hover{
	background:#1b232c;
}

.tabulka_color1 tbody tr:nth-child(odd) td,.tabulka_color1 tbody tr:nth-child(odd) th{background-color:#181F2F;}


/* Barva textu 1 */
.tabulka_text1 th{padding:4px 5px;color: #f5ddc4;border-top: 1px solid #32383F;border-bottom: 1px solid #32383F;}
.tabulka_text1 td{padding:4px 5px;color: #E5A300;border-top: 1px solid #32383F;border-bottom: 1px solid #32383F;}



 
td.numeric, th.numeric {
    text-align: center;
}

td.numeric-left, th.numeric-left {
    text-align: right;
}
 
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
	
}


@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #32383F; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #32383F; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align: left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
        padding-left: 0px; 
		white-space: nowrap;
		text-align: left;
		font-weight: bold; color: #F5DDC4;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}


/* Responsive tabulka 2 */

/* Barva tabulky 2 */

.tabulka_responsive2 th{
	background: url('img/tabulka2/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F5DDC4;
	font-weight: bold;
}

.tabulka_color2 tr:nth-child(2n+1){
	background:#1e1613;
}

.tabulka_color2 tr:nth-child(2n){
	background:#221B17;
	
}

.tabulka_color2 tr:hover{
	background:#3C1D05;
}

.tabulka_color2 tbody tr:nth-child(odd) td,.tabulka_color1 tbody tr:nth-child(odd) th{background-color:#1e1613;}


/* Barva textu 1 */
.tabulka_text2 th{padding:4px 5px;color: #B68100;border-top: 1px solid #884e2c;border-bottom: 1px solid #884e2c;}
.tabulka_text2 td{padding:4px 5px;color: #B68100;border-top: 1px solid #884e2c;border-bottom: 1px solid #884e2c;}


td.numeric, th.numeric {
    text-align: center;
}

td.numeric-left, th.numeric-left {
    text-align: right;
}
 
#no-more-tables2 table, 
#no-more-tables2 thead, 
#no-more-tables2 tbody, 
#no-more-tables2 th, 
#no-more-tables2 td, 
#no-more-tables2 tr { 
	
}


@media only screen and (max-width: 800px) {
	
	/* Force table to not be like tables anymore */
	#no-more-tables2 table, 
	#no-more-tables2 thead, 
	#no-more-tables2 tbody, 
	#no-more-tables2 th, 
	#no-more-tables2 td, 
	#no-more-tables2 tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables2 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables2 tr { border: 1px solid #884e2c; }
 
	#no-more-tables2 td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #884e2c; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align: left;
	}
 
	#no-more-tables2 td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
        padding-left: 0px; 
		white-space: nowrap;
		text-align: left;
		font-weight: bold; color: #F5DDC4;
	}
 
	/*
	Label the data
	*/
	#no-more-tables2 td:before { content: attr(data-title); }
}


/* Tabulka Kouzla */
.tabulka4 table {
	border-spacing:0;
	border-collapse:collapse;
}

.tabulka4 th{
	background: url('img/tabulka2/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F8DEA5;
	padding-left: 5px;
	font-weight: bold;
	height: 30px;
}

.tabulka4 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	border: none;
	border-top: 1px solid #884e2c;
	border-bottom: 1px solid #884e2c;
	vertical-align: middle;
}

.tabulka4 tr:nth-child(2n+1){
	background:#1e1613;
}

.tabulka4 tr:nth-child(2n){
	background:#221B17;
}

.tabulka4 tr:hover{
	background-color:#1a0f09;
}



/* Tabulka Seznam */
.tabulka_seznam table {
	border-spacing:0;
	border-collapse:collapse;
	padding-left: 15px;
	background: url('img/reply_bg.jpg') repeat-x;
}

.tabulka_seznam th{
		font-family: Arial, Helvetica, sans-serif;
	background: url('img/reply_bg.jpg') repeat-x;
	font-size: 16px;
	color: #F8DEA5;
	padding-left: 15px;
	font-weight: bold;
	height:40px;
	text-align: center;
}

.tabulka_seznam td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: none;
	border-top: 1px solid #2f353b;
	padding: 10px;
	vertical-align: middle;
	color: #b1997f;
	background: url('img/reply_bg2.jpg') repeat;
	background-size: cover;
	
}

.tabulka_seznam tr:nth-child(2n+1){
	background-color: rgba(255,255,255,.02);
}

.tabulka_seznam tr:nth-child(2n){
	background-color: rgba(255,255,255,.02);
	
}

.tabulka_seznam tr:hover{
}


/* Tabulka Seznam modrý */
.tabulka_seznam2 table {
	border-spacing:0;
	border-collapse:collapse;
}

.tabulka_seznam2 th{
	background: #181F2F;
	font-family: Arial, Helvetica, sans-serif;
	color: #F8DEA5;
	padding-left: 5px;
	padding-top: 5px;
	font-weight: bold;
	border-top: 1px solid #32383F;
	text-align: center;
	
	
}


.tabulka_seznam2 td {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
	border: none;
	border-top: 1px solid #32383F;
	vertical-align: middle;
	color: #b1997f;
	
}

.tabulka_seznam2 tr:nth-child(2n+1){
	background:#151D2A;
}

.tabulka_seznam2 tr:nth-child(2n){
	background:#111822;
	
}

.tabulka_seznam2 tr:hover{
	background:#1b232c;
}


/* Tabulka Seznam hnědý */
.tabulka_seznam3 table {
	border-spacing:0;
	border-collapse:collapse;
}

.tabulka_seznam3 th{
	background: #3B2114;
	font-family: Arial, Helvetica, sans-serif;
	color: #F8DEA5;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 100px;
	font-weight: bold;
	border-top: 1px solid #714300;
	text-align: center;
	height: 20px;
	
}


.tabulka_seznam3 td {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	border: none;
	border-top: 1px solid #714300;
	vertical-align: middle;
	color: #b1997f;
	
}

.tabulka_seznam3 tr:nth-child(2n+1){
	background:#251B17;
}

.tabulka_seznam3 tr:nth-child(2n){
	background:#271F1A;
	
}


/* Tabulka Seznam hnědý */
.tabulka_seznam4 table {
	border-spacing:0;
	border-collapse:collapse;
}

.tabulka_seznam4 th{
	background: url('img/footers1.jpg');
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 100px;
	font-weight: bold;
	border-top: 1px solid #714300;
	text-align: center;
	height: 20px;
	color: #E7D4BC; font: 18px "Palatino Linotype", Georgia, Times, sans-serif;
	text-shadow: 1px 2px 1px #000000;	
}


.tabulka_seznam4 td {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: -5px;
	border: none;
	border-top: 1px solid #714300;
	vertical-align: middle;
	color: #b1997f;
	
}

.tabulka_seznam4 tr:nth-child(2n+1){
	background:#392D25;
}

.tabulka_seznam4 tr:nth-child(2n){
	background:#312822;
	
}

.tabulka_seznam4 tr:hover{
	background:#2C201B;
}

.rozsireni {
	margin-left: -5px;
	margin-right: -5px;
}

/* Tabulka web */
.tabulkaweb table {
	color: #efc9a0;
	
}

.tabulkaweb th{
	background: url('img/tabulka2/data-heb.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	padding-left: 10px;
}

.tabulkaweb td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: none;
	vertical-align: middle;
	
	
}

.tabulkaweb tr:nth-child(2n+1){
	background:#181F2F;
	padding-bottom: 20px;
}

.tabulkaweb tr:nth-child(2n){
	background:#111822;
	padding-bottom: 20px;
	
}

.tabulkaweb tr:hover{
	background:#1b232c;
}



@media (max-width: 3020px) {
  .tabulka_center {width: 60%;}
}

@media (max-width: 1400px) {
  .tabulka_center {width: 100%;}
}