* {
  box-sizing: border-box;
}
#results * {
  box-sizing: content-box;
}
#results * table {
  margin: 0;
}
#results * a {
  border: 0;
}
textarea:focus,
input:focus {
  outline: 0;
}
@font-face {
  font-family: aller;
  src: url("../../inc/fonts/Aller_Lt.ttf");
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #234197;
}
h1 {
  font-size: 34px;
  margin-top: 15px;
}
/*h2 {
	font-size: 18px;
}*/
.games td a {
  border: 0 !important;
  font-size: 14px;
}
.games tr:hover td a {
  font-size: 14px !important;
}
textarea {
  resize: none;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.player img {
  display: block;
  margin: 0 auto;
}
.player ul.bio {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
}
.player ul.bio li {
  margin: 0;
  float: left;
  display: block;
  list-style-type: none;
  box-sizing: border-box;
  width: 25%;
  padding: 20px;
  font-size: 20px;
  text-align: center;
  background: #1b61ad;
  color: white;
}
.player ul.bio li:before {
  display: none;
}
.player ul.bio li .bio-header {
  font-weight: bold;
}
.player ul.bio li .bio-value {
  font-size: 15px;
  padding: 10px 0 0 0;
}
.player ul.tabs {
  width: 100%;
  display: block;
  padding: 0;
  float: left;
  margin-top: 20px;
}
.player ul.tabs a.selected li {
  background: #1b61ad;
}
.player ul.tabs li {
  margin: 0;
  float: left;
  display: block;
  list-style-type: none;
  box-sizing: border-box;
  width: 25%;
  padding: 20px;
  font-size: 20px;
  text-align: center;
  background: #629fe0;
  color: white;
}
.player ul.tabs li:hover {
  background: #1b61ad;
}
.player ul.tabs li:before {
  display: none;
}
.player ul.tabs li a {
  color: white;
}
.player ul.tabs li a:hover {
  color: black;
}
.player ul.otherPlayers {
  width: 100%;
  display: block;
  position: relative;
  padding: 0;
  float: left;
  margin: 0;
  margin-bottom: 20px;
}
.player ul.otherPlayers li {
  margin: 0;
  float: left;
  display: block;
  list-style-type: none;
  box-sizing: border-box;
  width: 24.5%;
  margin: 0.25%;
  height: 100px;
  padding: 20px 20px 20px 0;
  font-size: 20px;
  text-align: right;
  background: #629fe0;
  color: white;
  transition: 5s background;
}
.player ul.otherPlayers li:before {
  display: none;
}
.player ul.otherPlayers li:hover {
  background: #1b61ad;
  transition: 0.2s background;
}
.player ul.otherPlayers li .post {
  font-size: 14px;
}
.player ul.otherPlayers li a {
  color: white;
}
.player ul.otherPlayers li a:hover {
  color: black;
}
.sideMain {
  float: right;
  width: 376px;
}
.sideMain section {
  width: 376px;
  margin: 0;
  margin-top: 20px;
}
.sideMain section h2 {
  text-align: right;
}
.sideMain section .sectionContent {
  padding: 0;
}
.sideMain section .sectionContent iframe {
  width: 376px;
  height: 240px;
}
section {
  float: left;
  margin-bottom: 20px;
}
section section {
  float: left;
  width: 300px;
  margin: 0;
  margin-left: 25px;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f9f9f9 48%, #f0f0f0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(100%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #f9f9f9 48%, #f0f0f0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #f9f9f9 48%, #f0f0f0 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #f9f9f9 48%, #f0f0f0 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #f9f9f9 48%, #f0f0f0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
section section h2 {
  font-family: aller, calibri, arial;
  padding: 10px 25px;
  font-size: 16px;
  color: white;
  background: #1b3479;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b3479), color-stop(100%, #2849a8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1b3479 0%, #2849a8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b3479', endColorstr='#2849a8', GradientType=0);
  /* IE6-9 */
  margin: 0;
  border-bottom: 5px solid #525252;
}
section section a {
  text-decoration: none;
}
section section a:hover h2 {
  color: lightgrey;
}
section section .sectionContent {
  padding: 10px 25px;
  width: 100%;
  float: left;
}
section section .sectionContent a {
  color: #1b61ad;
  text-decoration: none;
  border-bottom: 1px dotted #1b61ad;
}
section section .sectionContent a:hover {
  color: #202932;
  border-bottom: 1px dotted #686a69;
}
section section .sectionContent .date {
  color: #1b61ad;
  font-weight: bold;
}
section section .sectionContent ul {
  font-family: Myriad Pro, aller, calibri, arial;
  font-weight: bold;
  list-style-type: none;
  position: relative;
  right: 40px;
  margin: 0;
}
section section .sectionContent ul li {
  float: left;
  width: 250px;
  padding: 10px 0;
  border-bottom: 1px solid #e4e3df;
  border-top: 1px solid #e4e3df;
  margin-top: -1px;
}
section section .sectionContent ul li:first-child {
  border-top: 0;
}
section section .sectionContent ul li:last-child {
  border-bottom: 0;
}
section section .sectionContent ul li.selected {
  background: #dbdbdb;
  margin: 5px -10px;
  padding: 10px;
  width: 270px;
}
section section .sectionContent ul li.selected a {
  color: #202932;
}
section section .sectionContent ul li a {
  color: #1b347a;
  text-decoration: none;
  border: 0;
}
section section .sectionContent ul li a:hover {
  text-decoration: underline;
  border: 0;
}
section section .sectionContent .game {
  font-family: arial;
  font-size: 13px;
  float: left;
  position: relative;
  margin-top: 10px;
  width: 100%;
  color: #1b61ad;
  line-height: 25px;
  font-weight: bold;
  transition: all .5s;
}
section section .sectionContent .game:last-child {
  margin-bottom: 10px;
}
section section .sectionContent .game .image {
  float: left;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
}
section section .sectionContent .game .image.following {
  height: 70px;
}
section section .sectionContent .game .image img {
  width: 50px;
}
section section .sectionContent .game .date {
  float: left;
  width: 170px;
  font-weight: normal;
  transition: all .5s;
}
section section .sectionContent .game .team {
  float: left;
  width: 140px;
}
section section .sectionContent .game .score {
  float: left;
  width: 30px;
}
section section .sectionContent a.link {
  float: right;
}
a.link {
  text-decoration: none;
  color: #1b61ad;
  float: left;
  border: 0 !important;
}
a.link:hover {
  color: #1b347a;
  text-decoration: underline;
  border: 0 !important;
}
a.link:hover:before {
  border-color: transparent #1b347a;
}
a.link:before {
  content: "";
  border-color: transparent #1b61ad;
  border-style: solid;
  border-width: 0.25em 0 0.25em 0.35em;
  display: block;
  height: 0;
  width: 0;
  left: -0.5em;
  top: 1.1em;
  position: relative;
}
input[type=submit],
button {
  position: relative;
  cursor: pointer;
  border: 1px solid lightgrey;
  background: #f2f2f2;
  color: #202932;
  transition: 0.5s all;
  padding: 5px 10px;
}
input[type=submit]:hover,
button:hover {
  background: #1b61ad;
  border: 1px solid #1b347a !important;
  color: white;
  transition: 0.5s all;
}
.mainSlider {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 330px;
  background: white;
}
.mainSlider #loader {
  position: absolute;
  bottom: 0;
  width: 449px;
  height: 5px;
  background: white;
  z-index: 99999;
}
.mainSlider #loader #pointer {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 5px;
  background: #1b61ad;
}
.mainSlider .image {
  position: absolute;
  height: 330px;
  width: 449px;
  float: left;
  overflow: hidden;
  display: none;
}
.mainSlider .image img {
  width: 100%;
}
.mainSlider .image .description {
  display: none;
  position: absolute;
  bottom: 0px;
  margin-bottom: 15px;
  font-size: 14px;
  width: 429px;
  left: 10px;
  background: rgba(35, 69, 146, 0.8);
  color: white;
  padding: 20px 15px;
}
.mainSlider .image .description a {
  color: yellow;
}
.mainSlider .image .description a:hover {
  color: black;
}
.mainSlider .items {
  float: right;
  width: 376px;
  background: #40a0d7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40a0d7), color-stop(100%, #14489d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #40a0d7 0%, #14489d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a0d7', endColorstr='#14489d', GradientType=0);
  /* IE6-9 */
}
.mainSlider .items .item {
  height: 83px;
  border-bottom: 1px solid white;
  float: right;
  width: 376px;
  background: red;
  padding: 10px;
  background: #40a0d7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40a0d7), color-stop(100%, #14489d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #40a0d7 0%, #14489d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #40a0d7 0%, #14489d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a0d7', endColorstr='#14489d', GradientType=0);
  /* IE6-9 */
  transition: .5s background;
}
.mainSlider .items .item:hover,
.mainSlider .items .item.active {
  background: #3198d4;
  transition: .5s color;
  transition: .5s background;
}
.mainSlider .items .item:hover h2,
.mainSlider .items .item.active h2 {
  color: yellow;
  transition: .5s color;
}
.mainSlider .items .item h2 {
  font-family: aller, calibri, arial;
  font-size: 15px;
  color: white;
  margin: 0;
}
.mainSlider .items .item .image {
  display: block;
  position: relative;
  width: 85px;
  height: 63px;
  float: left;
  margin-right: 10px;
}
.mainSlider .items .item .image img {
  width: 85px;
}
.infobar {
  float: left;
  position: relative;
  width: 100%;
  background: #dbdbdb;
  padding: 10px;
  white-space: nowrap;
  font-family: aller, calibri, arial;
}
.infobar .header {
  font-family: arial;
  float: left;
  color: white;
  padding: 10px;
  margin: -10px 20px -10px -10px;
  font-weight: bold;
  background: #202932;
}
.infobar a {
  color: #1b61ad;
  text-decoration: none;
}
.infobar a:hover {
  color: #1e2321;
  text-decoration: underline;
}
.boxes {
  padding-top: 10px;
  width: 100%;
  height: 130px;
  float: left;
}
.boxes a {
  text-decoration: none;
}
.boxes img {
  margin-right: 10px;
  margin-top: 10px;
  opacity: 0.8;
  transition: 0.3s opacity;
  float: left;
}
.boxes img:hover {
  opacity: 1;
  transition: 0.3s opacity;
}
.boxes a:last-child img {
  margin: 0;
  margin-top: 10px;
}
.mainArticles {
  float: left;
  width: 449px;
  margin-top: 10px;
  padding: 10px 15px 10px 0;
}
.mainArticles .article {
  font-family: aller, calibri, arial;
  line-height: 20px;
}
.mainArticles .article a {
  text-decoration: none;
}
.mainArticles .article a h3 {
  margin: 0;
  margin-bottom: 5px;
  font-family: aller, calibri, arial;
  font-size: 18px;
}
.mainArticles .article a h3:hover {
  text-decoration: underline;
}
.mainArticles .article .author {
  font-family: aller, calibri, arial;
  font-size: 12px;
  color: #9198a3;
}
.mainArticles .article a {
  color: #1b61ad;
}
.mainArticles .article a:hover {
  color: #1e2321;
}
.mainArticles .article p {
  margin-top: 5px;
  font-size: 14px;
}
.articleList {
  position: relative;
  margin-bottom: 50px;
}
.articleList .checkBoxes {
  position: absolute;
  right: 10px;
  top: 32px;
  text-align: right;
  min-width: 300px;
}
.articleList .article {
  border-bottom: 1px solid #dde2ed;
  float: left;
  overflow: visible;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.articleList .article h2 {
  font-size: 34px;
}
.articleList .article .image {
  float: left;
  width: 160px;
  height: 117px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 40px;
}
.articleList .article .image a {
  border: 0;
}
.articleList .article .image a:hover {
  border: 0 !important;
}
.articleList .article .image img {
  width: 160px;
  max-width: none;
  border-radius: 10px;
}
.articleList .article .details {
  float: left;
  width: 600px;
}
.articleList .article .details a {
  text-decoration: none;
}
.articleList .article .details h2 {
  margin-top: 10px;
  margin-bottom: 0;
  color: #1b61ad;
}
.articleList .article .details a h2 {
  margin-top: 10px;
  color: #1e2321;
  transition: 0.3s color;
}
.articleList .article .details a h2:hover {
  color: #1b61ad;
  transition: 0.3s color;
}
.articleList .article .details .author {
  font-size: 12px;
  color: #7e8c9a;
  font-weight: bold;
}
a {
  transition: 0.3s color;
}
a:hover {
  transition: 0.3s color;
}
.error {
  background: #FF7272;
  padding: 20px;
  color: white;
  font-size: 22px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  text-align: center;
}
.roster th,
.stats th,
table.sort th {
  cursor: pointer;
}
.roster th.header,
.stats th.header,
table.sort th.header {
  background: url('../../img/icons/sortableTable/bg.gif') no-repeat center right;
}
.roster th.headerSortUp,
.stats th.headerSortUp,
table.sort th.headerSortUp {
  background: url('../../img/icons/sortableTable/asc.gif') no-repeat center right;
}
.roster th.headerSortDown,
.stats th.headerSortDown,
table.sort th.headerSortDown {
  background: url('../../img/icons/sortableTable/desc.gif') no-repeat center right;
}
table {
  margin-bottom: 20px;
  border-collapse: collapse;
}
table caption {
  background: #545454;
  padding: 7px 10px;
  font-size: 17px;
  color: white;
  font-weight: bold;
}
table th {
  text-align: left;
}
table td {
  padding: 3px 5px;
  vertical-align: top;
}
table.table1 th,
table.nice th,
.table1 table th {
  background: #1b61ad;
  text-align: left;
  padding: 10px;
  color: white;
  border: 1px solid #1b61ad;
  font-weight: normal;
  font-size: 14px;
  font-weight: bold;
}
table.table1 tr:hover,
table.nice tr:hover,
.table1 table tr:hover {
  background: #f7f7f7;
}
table.table1 td,
table.nice td,
.table1 table td {
  padding: 10px;
  border: 1px solid #9198a3;
  font-size: 14px;
}
table.table2,
.table2 table,
.roster,
.stats,
#tabLiga {
  margin-bottom: 20px;
  background: transparent;
}
table.table2 h4,
.table2 table h4,
.roster h4,
.stats h4,
#tabLiga h4 {
  margin-bottom: 5px;
}
table.table2 th,
.table2 table th,
.roster th,
.stats th,
#tabLiga th {
  padding: 5px 10px 5px 10px;
  color: #1e2321;
  border-bottom: 2px solid #1b61ad;
  font-weight: normal;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
table.table2 td,
.table2 table td,
.roster td,
.stats td,
#tabLiga td {
  height: 37px;
}
table.table2 tr:hover td,
.table2 table tr:hover td,
.roster tr:hover td,
.stats tr:hover td,
#tabLiga tr:hover td {
  background: #629FE0;
  color: white;
  height: 37px;
  transition: .3s all;
}
table.table2 tr:hover td a,
.table2 table tr:hover td a,
.roster tr:hover td a,
.stats tr:hover td a,
#tabLiga tr:hover td a {
  transition: .3s all;
  font-size: 20px;
  color: white !important;
  border-bottom: 1px dotted white !important;
}
table.table2 tr:hover td a:hover,
.table2 table tr:hover td a:hover,
.roster tr:hover td a:hover,
.stats tr:hover td a:hover,
#tabLiga tr:hover td a:hover {
  color: yellow !important;
  border-bottom: 1px dotted yellow !important;
}
table.table2 tr.highlight td,
.table2 table tr.highlight td,
.roster tr.highlight td,
.stats tr.highlight td,
#tabLiga tr.highlight td {
  background: #92ff84;
  color: black;
  font-weight: bold;
}
table.table2 tr.highlight td:hover,
.table2 table tr.highlight td:hover,
.roster tr.highlight td:hover,
.stats tr.highlight td:hover,
#tabLiga tr.highlight td:hover {
  background: #92ff84;
  color: black;
}
table.table2 td,
.table2 table td,
.roster td,
.stats td,
#tabLiga td {
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
}
table.fullWidth,
.fullWidth table,
.roster,
.stats {
  width: 100%;
}
.value {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 20% 0;
  color: white;
  border: 1px solid white;
  font-weight: bold;
}
.value:hover {
  text-decoration: underline;
}
/* input[type=radio]:not(old),
input[type=radio]:not(old) {
	width: 20px;
	margin: 0;
	padding: 0;
	font-size: 1em;
	opacity: 0;
}

input[type=radio]:not(old) + label,
input[type=radio]:not(old) + label {
	display: inline-block;
	margin-left: -2em;
	margin-right: 10px;
}

input[type=radio]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	display: inline-block;
	width : 16px;
	height: 16px;
	margin: 0.25em 0.5em 0.25em 0.25em;
	border: 1px solid rgb(192,192,192);
	border-radius: 50%;
	background: white;
	vertical-align: bottom;
	position: relative;
	cursor: pointer;
}

input[type=radio]:not(old):checked + label > span:before{
	content: '';
	display: block;
	position: absolute;
	color: @blue1;
	background: @blue1;
	width: 10px;
	height: 10px;
	top: 2px;
	left: 2px;
	border-radius: 50%;
} */
.checkBoxes {
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: black;
  display: block;
  margin-bottom: 15px;
}
.partners {
  float: left;
  position: relative;
  width: 1150px;
  border-top: 1px solid #525252;
  padding: 0 0 20px 0;
}
.partners h2 {
  margin-top: -6px;
  margin-bottom: 20px;
  padding: 10px 50px;
  border-top: 5px solid #525252;
  float: left;
  display: block;
  color: lightblue;
  font-family: aller, calibri, arial;
  font-size: 12px;
  background: #1b3479;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b3479), color-stop(100%, #2849a8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1b3479 0%, #2849a8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #1b3479 0%, #2849a8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b3479', endColorstr='#2849a8', GradientType=0);
  /* IE6-9 */
}
.partners .logos {
  float: left;
  width: 100%;
}
.partners .logos .line {
  float: left;
  margin: 0;
  display: none;
  line-height: 70px;
}
.partners .logos .line div {
  width: 200px;
  height: 70px;
  position: relative;
  float: left;
  overflow: hidden;
  text-align: center;
}
.partners .logos .line div a {
  text-decoration: none;
}
.partners .logos .line div a h3 {
  font-size: 16px;
}
.partners .logos .line div img {
  opacity: 0.5;
  transition: opacity .5s;
  max-height: 75px;
}
.partners .logos .line div img:hover {
  opacity: 1;
  transition: opacity .5s;
}
.partners .logos img {
  float: left;
}
.photogallery {
  padding-bottom: 10px;
}
.photogallery form {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.photogallery select {
  height: 20px;
  margin-bottom: 5px;
  padding: 3px 10px;
  box-sizing: border-box;
  height: 26px;
}
.photogallery input {
  height: 25px;
  padding: 1px 10px;
}
.photogallery button {
  margin-top: 5px;
}
.photogallery label {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  line-height: 25px;
}
.photogallery table {
  border: 0;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 20px;
}
.photogallery table tr {
  margin: 0;
}
.photogallery table td {
  border: 0;
}
.photogallery table td img {
  padding: 0;
  width: 150px;
  border-radius: 3px;
  background: black;
  display: block;
}
.photogallery .photoThumb {
  width: 150px;
  max-height: 90px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.8;
}
.photogallery .photoThumb:hover {
  opacity: 1;
}
.photos {
  margin-bottom: 10px;
}
.photos table {
  border: 0;
  margin: 0;
  margin-bottom: 10px;
}
.photos table tr {
  margin: 0;
}
.photos table td {
  border: 0;
}
.photos table td img {
  padding: 0;
  width: 150px;
  border-radius: 3px;
  background: #1e2321;
  display: block;
}
.photos .photoThumb {
  width: 150px;
  max-height: 90px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.8;
}
.photos .photoThumb:hover {
  opacity: 1;
  transition: 0.5s box-shadow;
}
.outerContainer {
  position: relative;
  width: 1200px;
  overflow: auto;
  padding-bottom: 50px;
  margin: 0 auto;
}
.outerContainer header {
  position: relative;
  height: 190px;
}
.outerContainer header img {
  position: absolute;
  margin: 0 auto;
  top: 45px;
  left: 0;
  right: 0;
}
.outerContainer header .icons {
  position: absolute;
  right: 0;
  margin: 0;
}
.outerContainer header .icons img {
  float: left;
  position: relative;
}
.outerContainer header .search {
  position: absolute;
  top: 105px;
  right: 0;
  width: 220px;
  height: 35px;
  border: 1px solid #dbdbdb;
  border-radius: 0 5px 5px 0;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 70%, #e6f2f9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(70%, #ffffff), color-stop(100%, #e6f2f9));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 70%, #e6f2f9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 70%, #e6f2f9 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 70%, #e6f2f9 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 70%, #e6f2f9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6f2f9', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.outerContainer header .search input {
  width: 180px;
  height: 33px;
  padding: 10px;
  background: transparent;
  border: 1px solid transparent;
  float: left;
}
.outerContainer header .search input:focus {
  border: 1px solid #9198a3;
}
.outerContainer header .search img {
  position: absolute;
  left: 190px;
  top: 8px;
  margin: 0;
}
.outerContainer main {
  float: left;
  width: 100%;
  position: relative;
  padding: 0px 25px;
  background: rgba(255, 255, 255, 0.66);
}
.outerContainer main article {
  font-family: Arial;
  font-size: 14px;
  color: #202932;
  width: 825px;
  margin-top: 10px;
  overflow: auto;
  background: white;
  float: left;
}
.outerContainer main article .annotation {
  position: relative;
  width: 100%;
  padding: 10px;
  line-height: 20px;
  margin-bottom: 20px;
  float: left;
  background: #ffffff;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f0f0 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(0%, #f0f0f0), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f0f0 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f0f0 0%, #e0e0e0 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #f0f0f0 0%, #e0e0e0 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #ffffff 0%, #f0f0f0 0%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
.outerContainer main article .annotation figure {
  float: left;
  margin: 0;
  margin-right: 30px;
  width: 450px;
  overflow: hidden;
}
.outerContainer main article .annotation h1 {
  font-family: aller, calibri, arial;
  float: left;
  margin: 0;
  margin-top: 10px;
  line-height: 30px;
  font-size: 24px;
  color: #1b347a;
  width: 280px;
}
.outerContainer main article .annotation p {
  float: left;
  width: 310px;
}
.outerContainer main article .annotation p .author {
  color: #9198a3;
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
}
.outerContainer main article .articleContent {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  padding-top: 10px;
  margin-bottom: 20px;
  overflow: auto;
  width: 825px;
}
.outerContainer main article .articleContent h2,
.outerContainer main article .articleContent h3,
.outerContainer main article .articleContent h4,
.outerContainer main article .articleContent h5,
.outerContainer main article .articleContent h6 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.outerContainer main article .articleContent table {
  margin-top: 20px;
}
.outerContainer main article .articleContent .gameStats {
  border: 1px solid #3096d1;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.outerContainer main article .articleContent .lineUp {
  border-top: 1px solid lightgrey;
  padding: 10px;
  overflow: auto;
}
.outerContainer main article .articleContent .lineUp img {
  width: 70px;
  float: left;
  margin-right: 30px;
}
.outerContainer main article .articleContent a {
  color: #1b61ad;
  text-decoration: none;
  border-bottom: 1px dotted #1b61ad;
}
.outerContainer main article .articleContent a:hover {
  color: #1e2321;
  border-bottom: 1px dotted #1e2321;
}
.outerContainer main article .articleContent ul li a:hover {
  border: 0;
}
.outerContainer main article .articleContent p {
  line-height: 20px;
}
.outerContainer main article .articleContent p img{
margin: 0 20px 15px 0px;
float: left;
}

.outerContainer main article .offlineInfo {
width:100%;
height:100%;
}
.outerContainer main article .offlineInfo p {
  line-height: 20px;
  float: left;
}
.outerContainer main article .offlineInfo p img{
margin: 0 20px 15px 0px;
float: left;
}

.outerContainer main article .articleContent.webArticle blockquote,
.outerContainer main article .articleContent.webArticle .quote,
.outerContainer main article .articleContent.webArticle .sideContent,
.outerContainer main article .articleContent.webArticle .sideImage {
  background: #d8eeff;
  display: block;
  border-left: 10px solid #1b61ad;
  margin: 10px;
  padding: 10px;
  overflow: auto;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.outerContainer main article .articleContent.webArticle blockquote cite,
.outerContainer main article .articleContent.webArticle .quote cite,
.outerContainer main article .articleContent.webArticle .sideContent cite,
.outerContainer main article .articleContent.webArticle .sideImage cite,
.outerContainer main article .articleContent.webArticle blockquote .author,
.outerContainer main article .articleContent.webArticle .quote .author,
.outerContainer main article .articleContent.webArticle .sideContent .author,
.outerContainer main article .articleContent.webArticle .sideImage .author {
  float: left;
  position: relative;
  width: 100%;
  font-style: normal;
  font-weight: bold;
  margin-top: 10px;
  font-size: 14px;
}
.outerContainer main article .articleContent.webArticle blockquote cite:before,
.outerContainer main article .articleContent.webArticle .quote cite:before,
.outerContainer main article .articleContent.webArticle .sideContent cite:before,
.outerContainer main article .articleContent.webArticle .sideImage cite:before,
.outerContainer main article .articleContent.webArticle blockquote .author:before,
.outerContainer main article .articleContent.webArticle .quote .author:before,
.outerContainer main article .articleContent.webArticle .sideContent .author:before,
.outerContainer main article .articleContent.webArticle .sideImage .author:before {
  content: "- ";
}
.outerContainer main article .articleContent.webArticle img {
  max-width: 805px !important;
}
.outerContainer main article .articleContent.webArticle blockquote.left,
.outerContainer main article .articleContent.webArticle .quote.left,
.outerContainer main article .articleContent.webArticle .sideContent.left,
.outerContainer main article .articleContent.webArticle .sideImage.left {
  float: left;
}
.outerContainer main article .articleContent.webArticle blockquote.right,
.outerContainer main article .articleContent.webArticle .quote.right,
.outerContainer main article .articleContent.webArticle .sideContent.right,
.outerContainer main article .articleContent.webArticle .sideImage.right {
  float: right;
}
.outerContainer main article .articleContent.webArticle .quote,
.outerContainer main article .articleContent.webArticle .sideContent,
.outerContainer main article .articleContent.webArticle .sideImage {
  margin: 10px 15px;
}
.outerContainer main article .articleContent.webArticle .quote img,
.outerContainer main article .articleContent.webArticle .sideContent img,
.outerContainer main article .articleContent.webArticle .sideImage img {
  width: 100%;
}
.outerContainer main article .articleContent.webArticle .sideContent span {
  font-size: 18px;
  width: 100%;
  float: right;
  font-weight: bold;
  color: black;
  left: -7px;
  margin-bottom: 10px;
}
.outerContainer main article .articleContent.webArticle .sideImage {
  padding: 0;
}
.outerContainer main article .articleContent.webArticle .sideImage img {
  display: block;
}
.outerContainer main article .articleContent.webArticle .sideImage span {
  display: block;
  color: black;
  padding: 5px 10px;
}
.outerContainer main article .articleContent.webArticle blockquote:before,
.outerContainer main article .articleContent.webArticle .quote:before {
  font-size: 70px;
  content: "\201C";
  float: left;
  position: relative;
  line-height: 10px;
  margin-right: 0.25em;
  top: 20px;
}
.outerContainer main article .articleContent.webArticle blockquote p,
.outerContainer main article .articleContent.webArticle .quote span {
  display: inline;
  float: none;
  color: #202932;
  font-style: italic;
  width: 100%;
  font-size: 20px;
  line-height: 28px;
}
.outerContainer main article .articleContent.webArticle ul {
  width: 100%;
  float: left;
  margin: 0 10px;
  margin-bottom: 10px;
  padding: 0 1em;
  list-style: none;
}
.outerContainer main article .articleContent.webArticle ul li:before {
  content: "";
  border-color: transparent #1b61ad;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
.outerContainer main article .otherArticles {
  float: left;
  position: relative;
}
.outerContainer main article .otherArticles h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.outerContainer main article .otherArticles ul {
  margin: 5px 0 20px 0;
  padding: 0 15px;
  list-style: none;
}
.outerContainer main article .otherArticles ul li {
  color: #9198a3;
}
.outerContainer main article .otherArticles ul li a {
  color: #1b347a;
  text-decoration: none;
  border-bottom: 0;
}
.outerContainer main article .otherArticles ul li a:hover {
  text-decoration: underline;
}
.outerContainer main article .otherArticles li:before {
  content: "";
  border-color: transparent #1b61ad;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 12px;
  position: relative;
}
.outerContainer main article .otherContent {
  float: left;
  padding-left: 10px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.outerContainer main article .otherContent .fbLike {
  float: left;
  padding-bottom: 30px;
  width: 100%;
}
.outerContainer main .sideBar {
  font-family: arial;
  font-size: 12px;
  line-height: 20px;
  float: left;
  width: 325px;
  padding-top: 10px;
}
.outerContainer main .sideBar > section:nth-child(2) h2 {
  text-align: right;
}
.outerContainer main .sideBar > section:nth-child(2) section {
  margin-bottom: 20px;
}
.outerContainer .offline-header {
  background: #1b61ad;
  color: white;
  padding: 10px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  border-radius: 5px 5px 0 0;
}
.outerContainer .offline-header a {
  color: white !important;
}
.outerContainer .offline-header a:hover {
  color: lightgrey !important;
  border-bottom: 1px dotted lightgrey !important;
}
.outerContainer .offline-comment {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 20px;
  background: #f2f2f2;
}
.outerContainer .strankovani,
.outerContainer .strankovani_box {
  float: left;
  position: relative;
  overflow: auto;
  padding: 10px;
  margin-bottom: 15px;
}
.outerContainer .strankovani .nextPages,
.outerContainer .strankovani_box .nextPages {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
.outerContainer .strankovani a,
.outerContainer .strankovani_box a {
  margin: 3px;
  padding: 5px 10px;
  background: #1b61ad;
  color: white !important;
  display: block;
  float: left;
  transition: .3s background;
}
.outerContainer .strankovani a:hover,
.outerContainer .strankovani_box a:hover,
.outerContainer .strankovani a.strankovaniVyrazne,
.outerContainer .strankovani_box a.strankovaniVyrazne {
  background: #1e2321;
  color: white;
  transition: .3s background;
}
.outerContainer .forum form,
.outerContainer .offline form {
  margin: 10px 0;
}
.outerContainer .forum form fieldset,
.outerContainer .offline form fieldset {
  border: 1px dotted lightgrey;
}
.outerContainer .forum form #smiles a,
.outerContainer .offline form #smiles a {
  border: 0;
}
.outerContainer .forum form label,
.outerContainer .offline form label {
  float: left;
  box-sizing: border-box;
  padding-left: 5px;
  line-height: 26px;
}
.outerContainer .forum form input,
.outerContainer .offline form input {
  height: 30px;
  float: left;
}
.outerContainer .forum form input[type=submit],
.outerContainer .offline form input[type=submit] {
  cursor: pointer;
}
.outerContainer .forum form input[type=submit]:hover,
.outerContainer .offline form input[type=submit]:hover {
  background: #1b61ad;
  color: white;
}
.outerContainer .forum form input,
.outerContainer .offline form input,
.outerContainer .forum form textarea,
.outerContainer .offline form textarea,
.outerContainer .forum form select,
.outerContainer .offline form select {
  font-size: 15px;
  padding: 3px 10px;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid lightgrey;
}
.outerContainer .forum form legend,
.outerContainer .offline form legend {
  background: #1b61ad;
  color: white;
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 10px;
}
.outerContainer footer {
  position: relative;
  float: left;
  width: 100%;
  padding: 20px 0 50px 0;
  text-align: center;
  color: white;
  background: #4b4a4a;
  border-bottom: 15px solid #1f3b83;
}
.outerContainer footer .footerLogo {
  position: absolute;
  left: 552.5px;
  top: 64px;
}
.outerContainer footer a {
  color: white;
}
.outerContainer footer a:hover {
  color: yellow;
}
.outerContainer .menu {
  float: left;
  width: 100%;
  overflow: visible;
  border: 2px solid #009cff;
  border-radius: 3px;
  padding: 0px 30px 15px 30px;
  background: #6db4e1;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6db4e1 0%, #6db4e1 6%, #3092d0 17%, #195ba8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6db4e1), color-stop(6%, #6db4e1), color-stop(17%, #3092d0), color-stop(100%, #195ba8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6db4e1 0%, #6db4e1 6%, #3092d0 17%, #195ba8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6db4e1 0%, #6db4e1 6%, #3092d0 17%, #195ba8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #6db4e1 0%, #6db4e1 6%, #3092d0 17%, #195ba8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #6db4e1 0%, #6db4e1 6%, #3092d0 17%, #195ba8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6db4e1', endColorstr='#195ba8', GradientType=0);
  /* IE6-9 */
}
.outerContainer .menu nav {
  font-family: aller, calibri, arial;
  text-shadow: 0 2px black;
  font-size: 18px;
}
.outerContainer .menu nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  float: left;
}
.outerContainer .menu nav ul li {
  position: relative;
  float: left;
  padding: 0 35px;
  padding-top: 15px;
  list-style-type: none;
  border-right: 1px solid #2aa4f1;
}
.outerContainer .menu nav ul li:last-child {
  border: 0;
}
.outerContainer .menu nav ul li:hover {
  cursor: pointer;
  background: #234694;
  border: 0;
  padding-left: 36px;
  position: relative;
  right: 1px;
  border-bottom: 15px solid #234694;
  margin-bottom: -15px;
}
.outerContainer .menu nav ul li:hover,
.outerContainer .menu nav ul li:hover a {
  color: yellow;
}
.outerContainer .menu nav ul li:hover ul {
  position: absolute;
  display: block;
  left: 0px;
  width: 240px;
  z-index: 99999999999999999999999;
  background: rgba(35, 69, 146, 0.88);
  margin-top: 15px;
  padding: 0;
  border-bottom: 5px solid #42adf2;
  overflow: hidden;
}
.outerContainer .menu nav ul li:hover ul li {
  width: 240px;
  font-size: 14px;
  right: 0;
  border-right: 0;
  margin: 0;
  padding: 10px 35px;
  border: 0;
  transition: all 0.25s;
}
.outerContainer .menu nav ul li:hover ul li:hover {
  padding: 10px 40px;
  transition: all 0.5s;
}
.outerContainer .menu nav ul li:hover ul li:hover a {
  color: yellow;
}
.outerContainer .menu nav ul li:hover ul li a {
  text-shadow: 1px 1px black;
  color: white;
  width: 240px;
}
.outerContainer .menu nav ul li,
.outerContainer .menu nav ul li a {
  color: white;
  text-decoration: none;
}
.outerContainer .menu nav ul ul {
  display: none;
}

.hidden {
  display: none;
}