@charset "utf-8";
@import url("font-lato.css");


* {
	margin: 0; 
	padding: 0; 
	outline: none;
}

html, body {
    height: 100%;
}

body {
	font-family: 'LatoLatinWeb', Fallback, sans-serif;
	letter-spacing: 0.01em;
	color: #1a1a1a;
	background-color: #f9f9f9;
}

a {
    text-decoration: none;
    transition: background 0.3s linear;
    cursor: pointer;
    cursor: hand;
    color: #1a1a1a;
}
	
a img {
	border:none;
}

a:hover img {
	border:none;
}

img, video, canvas {
	max-width: 100%;
}

.left {
	float: left;
	left: 0;
}

.right {
	float: right;
	right: 0;
}

.full-transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

.stop-pad {
	padding: 0 !important;
}

.impressum a {
	border-bottom-style: solid;
	border-bttom-color: #1a1a1a;
	border-bottom-width: 1px;
}

#stables-public .body-wrap {
	width: 100%;
	overflow: auto;
	min-width: 560px;
	max-width: 1366px;
	min-height: 6000px;
}
#stables-public .head-public .txt-box {
	width: auto;
}
#stables-public .body-head,
#stables-public .body-navi,
#stables-public .body-dash {
	width: 100%;
	margin-top: 20px;
}
#stables-public .load-navi {
	margin-bottom: 30px;
}
#stables-public .body-dash {
	font-family: 'Lato-Light', sans-serif;
    font-size: 16px;
}
#stables-public .body-dash .head {
	font-family: 'Lato-Bold', sans-serif;
}
#stables-public .tiny-button {
	width: 30px;
	height: 30px;
	margin-right: 10px;
	text-align: center;
	font-family: 'Lato-Light', sans-serif;
    font-size: 16px;
	line-height: 30px;
    border-radius: 50%;
	background-color: #dddddd;
}
#stables-public .tiny-button.button-on {
	background-color: #89bd2a;
}
#stables-public .stable-board {
	min-width: 560px;
	margin-bottom: 20px;
}
#stables-public .stable-board.board-half {
	width: 50%;
	max-width: 560px;
	margin-right: 20px;
}
#stables-public .stable-board.board-dividerleft {
	border-left-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	padding-left: 20px;
}
#stables-public .stable-board.board-full {
	width: 100%;
}
#stables-public .stable-board.board-full.stable-table {
	min-width: 1160px;
}
#stables-public .stable-board.board-full.stable-table .bt {
	font-family: 'Lato-Black', sans-serif;
}
#stables-public .stable-board.board-full.stable-table .stable-table-head {
	width: 100%;
	height: 30px;
}
#stables-public .stable-board .stable-frame {
	width: 560px;
	height: 100%;
}
#stables-public .stable-board .stable-frame .stable-tile {
	margin-bottom: 16px;
	position: relative;
}
#stables-public .stable-board .stable-frame .stable-row {
	min-height: 24px;
	line-height: 24px;
}
#stables-public .stable-board .stable-frame .stable-row-img {
	padding-top: 8px;
}
#stables-public .stable-board .stable-frame .stable-row-img img {
    float: left;
	width: 100%;
    max-width: 380px;
    height: auto;
}
#stables-public .stable-board .stable-frame .stable-row .icon-right {
	width: 20px;
	height: 32px;
	margin-left: 10px;
}
#stables-public .stable-board .stable-frame .stable-row .icon-right img {
	height: 20px;
	width: auto;
}
#stables-public .stable-board .stable-frame .stable-row .icon-large {
	height: 32px;
	width: auto;
	margin-left: -3px;
}
#stables-public .stable-board .stable-frame .stable-row .icon-small {
	height: 24px;
	width: auto;
	margin-left: -2px;
}
#stables-public .stable-board .stable-frame .stable-row .icon-brand {
	height: 45px;
	width: auto;
	margin: 10px 20px 10px 0;
}
#stables-public .stable-board .stable-frame .stable-row .title {
	font-family: 'Lato-Black', sans-serif;
	font-size: 28px;
	line-height: 38px;
}
#stables-public .stable-board .stable-frame .stable-row .subtitle {
	font-family: 'Lato-Black', sans-serif;
	font-size: 22px;
	line-height: 32px;
}
#stables-public .stable-board .stable-frame .stable-row-50 {
	width: 280px
}
#stables-public .stable-board .stable-frame .stable-row-100 {
	width: 560px
}
#stables-public .stable-board .stable-frame .stable-row-rel {
	position: relative;
	z-index: 1;
}
#stables-public .stable-board .stable-frame .row-numb-small {
	font-size: 12px;
    line-height: 24px;
    width: 20px;
    margin-right: 10px;
}
#stables-public .stable-board .stable-frame .row-icon-small,
#stables-public .stable-board.board-full.stable-table .stable-table-head .row-icon-small{
	height: 20px;
    width: auto;
    margin-right: 15px;
    padding-top: 2px;
    padding-left: 2px;
}
#stables-public .stable-board .stable-chart {
	font-family: 'Lato-Medium', sans-serif;
	font-size: 15px;
	position: relative;
	border-top-style: solid;
    border-top-color: #000000;
    border-top-width: 1px;	    
}
#stables-public .stable-board .stable-chart-left {
	width: 696px;
}
#stables-public .stable-board .stable-chart-rght {
	width: 464px;
}
#stables-public .stable-board .stable-chart .chart-box {
	position: relative;
	line-height: 24px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	z-index: 1;
}
#stables-public .stable-board .stable-chart .chart-box .chart-box-tile.green div,
#stables-public .stable-board .stable-chart .chart-box .chart-box-tile.green div span {
	color: #2e8138;
}
#stables-public .stable-board .stable-chart .chart-box .chart-box-tile.blue div,
#stables-public .stable-board .stable-chart .chart-box .chart-box-tile.blue div span {
	color: #034999;
}
#stables-public .stable-board .stable-chart .chart-box-link,
#stables-public .stable-board .stable-frame .stable-row-rel .stable-row-link {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgb(250, 250, 250);
	z-index: 9;
}
#stables-public .stable-board .stable-frame .stable-row-rel .stable-row-link {
	width: 100%;
	height: 100%;
}
#stables-public .stable-board .stable-chart .chart-box-link:hover,
#stables-public .stable-board .stable-frame .stable-row-rel .stable-row-link:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */
	filter: alpha(opacity=40);
	/* Netscape */
	-moz-opacity: 0.4;
	/* Safari 1.x */
	-khtml-opacity: 0.4;
	/* Good browsers */
	opacity: 0.4;
}

.scroll-down-info {
	display: none;
	width: 100%;
    height: 76px;
    background-color: #f9f9f9;
    position: fixed;
    bottom: 0;
	z-index: 100;
	-webkit-box-shadow: 0px -5px 6px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px -5px 6px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px -5px 6px 0px rgba(50, 50, 50, 0.4);
	cursor: pointer;
}

.scroll-down-info .info-row {
	width: 100%;
	height: 38px;
	line-height: 38px;
	font-family: 'Lato-Medium', sans-serif;
    font-size: 16px;
    color: #034999;
    text-align: center;
}

.scroll-down-info .info-row img {
	width: 38px;
	height: 38px;
}

.hrse-link,
.clse-hrse-link {
	display: none;
}

.shagya-view {
    z-index: 99;
	background-color: #f9f9f9;
}

@media all and (max-width: 1230px) {
	
	#stables-public .stable-board.board-dividerleft {
		border: none;
		padding-left: 0;
		margin-right: 41px;
	}
	
}