.stockGraph { position: relative; width: 100%; /*min-height: 500px;*/ }
.stockGraph { min-height: 200px; }
.stockGraph.loading { background: url(/cincodias/imagenes/cincodias/include/mercados/loading.gif) no-repeat center center / 15% auto; }
.stockGraph.loading .dataHeaderWrapper, .stockGraph.loading .maxMinMarkers, .stockGraph.loading .maxMinCircles { display: none; }
.dataHeader { background: #fff3e9; padding: 0; overflow: hidden; font-family: "MarcinAntB", arial; margin: 6px 0 5px;}
.widget_mercados_directo .dataHeader { margin: 6px 0 20px; }
.dataHeader .dateHour { float: left; display:none; }
.dataHeader .currentValue { float: right; font-size: 16px; font-weight: 500; width: 100%; padding: 0; margin: 0; color:#222; min-height: 20px; }
.widget_mercados_directo .dataHeader .currentValue { min-height: 34px; }
.dataHeader .currentValue .currentPercentage { margin-left: 0; padding-right: 0; position: relative; }
	.dataHeader .currentValue .currentPercentage.currentUp:before { content: ' \25b2';color: #5ab600; }
.dataHeader .currentValue .currentPercentage.currentDown:before { content: ' \25bc'; color: #ff1428; }
.prima-riesgo .currentPercentage {
	/*text-indent: -9999px;visibility: hidden;*/
	position: relative;
	display: inline-block;
}
.prima-riesgo .carcasa-graficos .currentDown:after {
	content: ' \25bc';
	color: #ff1428;
	text-indent: 0;
	display: inline-block;
    visibility: visible;
    left: 0;
    position: absolute;
}

.prima-riesgo .carcasa-graficos .currentUp:after {
	content: ' \25b2';
	color: #5ab600;
	text-indent: 0;
	display: inline-block;
    visibility: visible;
    left: 0;
    position: absolute;
}

.dataNav { overflow: hidden; margin-bottom: 2px;}
.dataNav a {
	border-top: 2px solid transparent;
	color: #1a406d;
	margin: 0;
	text-align: center;
	text-decoration: none;
	position: relative;
	padding-top: 5px;
	display: block;
	float: left;
	width: 17%;
	text-align: left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-size: 11px;
	font-family: "MarcinAntB", arial;
	font-weight: 500;
}
.dataNav a:first-child { margin-left: 0; }
.dataNav a:before {
	content: '/';
    position: absolute;
    line-height: inherit;
    display: inline-block;
    left: 62%;
    top: 4px;
 }

.dataNav a.selected {
	position: relative;
	color: #222;
}
.dataNav a.selected:after {
	border: 1px solid #222;
	color: #222;
	position: absolute;
	content:" ";
	z-index: 5;
	top:-6px;
	left: 1px;
	width: 28%;
}


.stockGraph .svgTooltip { position: absolute; width: 140px; margin-left: -8px; height: auto; background: #222; pointer-events: none; z-index: 9999; font-size: 12px; color: #fff3e9; }
.stockGraph .hiddenTooltip { display: none; }
.stockGraph .svgTooltip.leftTooltip { margin-left: -146px; }
.stockGraph .svgTooltip p { padding: 3px 10px; margin: 0; font-size: 12px; }
/*.stockGraph .svgTooltip p:first-child { color: #1a406d; }*/
.stockGraph .svgTooltip p span { width: 50%; display: inline-block; text-align: right; }
.stockGraph .svgTooltip p span:first-child { text-align: left; }
.stockGraph .svgTooltip p:first-child span { width: 35%; }
.stockGraph .svgTooltip p:first-child span:first-child { width: 65%; }

#indices.new { width: 100%; }
.dataNav.loading, .maxMinMarkers.loading, .maxMinCircles.loading { display: none; }

#dowjones > div, #cac40 > div, #eurostoxx > div, #daxxetra > div { display: none; }

@media(min-width:768px){

.dataNav a {
	font-size: 12px;
}

.dataNav a.selected:after {
	top: -3px;
}

.dataHeader .currentValue {
	font-size: 24px;
	margin-bottom: 30px;
	min-height: 27px;
}

/*.empresas {
	margin-top: 60px;
}*/

.stockGraph { min-height: 250px; }

.widget_mercados_directo .dataHeader .currentValue {
	font-size: 22px;
	min-height: 27px;
	margin-bottom:0;
}



}

@media(min-width:1025px){

.dataNav a {
	font-size: 12px;
}

.dataNav a.selected:after {
	top: -3px;
}

.dataHeader .currentValue {
	font-size: 24px;
	margin-bottom: 35px;
	min-height: 27px;
}

.widget_mercados_directo .dataHeader .currentValue {
	font-size: 28px;
	min-height: 34px;
	margin-bottom:0;
}

/*.empresas {
	margin-top: 70px;
} */

.stockGraph { min-height: 250px; }

.graphSlider .arrowPrev,
.graphSlider .arrowNext {
	display:none;
}

.portada_mercados .graphSlider .arrowPrev,
.portada_mercados .graphSlider .arrowNext {
	display: block;
}

.graphSlider {
	padding: 25px 35px 0;
}

.graphSlider .stockGraph {
	width: 13%;
}

/*.indices .stockGraph { min-height: 302px; } */

/*.empresas .stockGraph { min-height: 240px; }*/

}