@charset "utf-8";

/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:400,700);
@import url(https://www.hipodromolaplata.gba.gov.ar/Descargas/EstilosRoot.css);

/*2400 ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 2400px) {
html {
    height: 100%;
    font-family: var(--SpaceGr);
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #00aec3;
}
#contenedorGal {
    position: absolute;
    left: 50%;
    top: 0;
    width: 64%;
    z-index: 991;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -32%;
    /* height: 780px; */
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #00aec3;
    visibility: visible;
}
.tit {
    color: #ffffff;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 33px;
    margin-bottom: 8px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    width: 550px;
}
.tit2 {
    color: #FFFFFF;
    font-size: 14px;
    height: 16px;
    text-align: left;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.JQBannerRotator {
	position:absolute;
	width:95%;
	height:600px;
	z-index:100;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	left: 25px;
	top: 152px;
}
.JQBannerRotator .data {
	position:absolute;
	display:none;
}
.JQBannerRotator .overlay {
	position:relative;
	z-index:9999;
	top: 25px;
    left: auto;
    width:1000px;
    height: 800px;
    overflow: hidden;
	/*background-image: url(images/fondo.jpg);*/
}
.JQBannerRotator .timer {
	position:absolute;
	
	z-index:6;
	width:100%;
	height:4px;
	background:#000000;
	opacity:0.0;
	display:none;
}

/* CAPTIONS */

.JQBannerRotator .caption-box {
	position:absolute;
	z-index:2;
	background:#00aec38a;
	opacity:0.7;
	width:950px;
}
.JQBannerRotator .caption {
	position:absolute;
	z-index:3;
	width:100%;
	padding:10px;
	font-size:11px;
	color:#FFFFFF;
}
.JQBannerRotator .caption a {

	color:#ffffff;
	text-decoration:underline;
}
.JQBannerRotator .caption a:hover {

	color:#FFFFFF;
	text-decoration:none;
}

/* CONTROLS */

.JQBannerRotator .prev {
	position:absolute;
	
	z-index:9999999;
	left:15px;
	background-image:url(images/control.png);
	background-repeat:no-repeat;
	background-position:0px;
	width:28px;
	height:75px;
	opacity:0.7;
	cursor:pointer;
}
.JQBannerRotator .next {
	position:absolute;
	
	z-index:9999999;
	right:15px;
	background-image:url(images/control.png);
	background-repeat:no-repeat;
	background-position:-28px;
	width:28px;
	height:75px;
	opacity:0.7;
	cursor:pointer;
}
.JQBannerRotator .play {
	position:absolute;
	
	z-index:9999999;
	background-image:url(images/play.png);
	background-repeat:no-repeat;
	width:60px;
	height:60px;
	opacity:0.7;
	cursor:pointer;
}

/* NAVIGATION */

.JQBannerRotator .navigation {
	position:absolute;
	
	z-index:9999999;
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
}
.JQBannerRotator .navigation li {
	position:relative;
	
	display:block;
	float:left;
}
.JQBannerRotator .navigation .item {

	margin:30px 2px 10px 2px;
	background-image:url(images/dot.png);
	background-repeat:no-repeat;
	width:12px;
	height:12px;
	cursor:pointer;
}
.JQBannerRotator .navigation .thumbnails {

	position:absolute;
	display:none;
}
.JQBannerRotator .navigation .arrow {

	position:absolute;
	background:transparent url(images/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
}
.JQBannerRotator .navigation .thumb_preview_wrapper {

	position:relative;
	overflow:hidden;
	border-style:solid;
	border-width:5px;
	border-color:#FFFFFF;
}
.JQBannerRotator .navigation .thumb_preview {

	position:absolute;
	margin:0px;
	padding:0px;
	list-style:none;
}
}


/*1440 ///////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1440px) {
#contenedorGal {
    position: absolute;
    left: 50%;
    top: 0;
    width: 80%;
    z-index: 991;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -41%;
    /* height: 780px; */
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #00aec3;
    visibility: visible;
}

.JQBannerRotator {
	position:absolute;
	width:100%;
	height:600px;
	z-index:100;
	margin-right: auto;
	margin-bottom: 0;
	left: 25px;
	top: 102px;
}
}