html { 
  background: url('../photo/DSC_2547.JPG') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  text-align: center;
 }

#dimsliderinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -350px;
  margin-left: -512px;
}


a:link    {color:white;}
a:visited {color:white;}
a:hover   {color:white;}
a:active  {color:white;} 
a.prensa  {color: black;}

#infobar,#copyright
{
	text-align:center;
	position:absolute;
	font: 12pt Trebuchet MS,sans-serif;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	color:#FFFFFF;
	background-color:transparent
}

#copyright
{
bottom:5px;
font: 10pt Trebuchet MS,sans-serif;
}

#eventos
{
	display:none;
	font: 11pt Trebuchet MS,sans-serif;
	width:800px;
	height:500px;
	border-radius: 4px;
	background:white;
	color:black;
	opacity:0.9;
	text-align: left;
}

#prensa
{
	display:none;
	font: 11pt Trebuchet MS,sans-serif;
	width:800px;
	height:500px;
	border-radius: 4px;
	background:white;
	color:black;
	opacity:0.9;
	text-align: left;
}

.captionslidder{	
	top:30px;
	text-align:center;
	border-radius: 10px;
	font: 10pt Trebuchet MS,sans-serif;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);	
	position:absolute;
	padding: 0px 10px 15px 10px;
	color:#fff;
	height: 40px;
	line-height:40px;
}

.ui-tooltip {
	 display:none;
	 padding:5px;
	 font: 12pt Trebuchet MS,sans-serif;
}


 .ui-tabs .ui-tabs-active {
     background-color: black !important;     
 }

label {
	display: inline-block;	
	width: 5em;
	font: 10pt Trebuchet MS,sans-serif;
}

.captionOrange, .captionBlack
  {
      color: #fff;
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      border-radius: 4px;
  }
  .captionOrange
  {
      background: #EB5100;
      background-color: rgba(235, 81, 0, 0.6);
  }
  .captionBlack
  {
  		font-size:16px;
      background: #000;
      background-color: rgba(0, 0, 0, 0.4);
  }
  a.captionOrange, A.captionOrange:active, A.captionOrange:visited
  {
     	color: #ffffff;
     	text-decoration: none;
  }
  a.captionOrange:hover
  {
      color: #eb5100;
      text-decoration: underline;
      background-color: #eeeeee;
      background-color: rgba(238, 238, 238, 0.7);
  }
  .bricon
  {
      background: url(js/Jssor.Slider/img/browser-icons.png);
  }


    /* jssor slider thumbnail navigator skin 05 css */
 /*
 .jssort05 .p           (normal)
 .jssort05 .p:hover     (normal mouseover)
 .jssort05 .pav           (active)
 .jssort05 .pav:hover     (active mouseover)
 .jssort05 .pdn           (mousedown)
 */
 .jssort05 .o
 {
 	border-radius: 4px;
 }
 .jssort05 .f
 {
     clip: rect(4px,88px,88px,4px);
     border-radius: 5px;
     overflow: hidden;
 }
 .jssort05 .i
 {
 	border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
     position: absolute;
     background: #000;
     filter: alpha(opacity=30);
     opacity: .3;
     overflow: hidden;
     height: 92px;     
     width: 92px;
     top: 0;
     left: 0;
     
     
 	transition: background-color .6s;
     -moz-transition: background-color .6s;
     -webkit-transition: background-color .6s;
     -o-transition: background-color .6s;
 }
 .jssort05 .pav .i
 {
     background: #fff;
     filter: alpha(opacity=80);
     opacity: .8;
 }
 .jssort05 .pdn .i { background: none; }
 
 .jssort05 .p:hover .i, .jssort05 .pav:hover .i
 {
     background: #fff;
     filter: alpha(opacity=30);
     opacity: .3;
 }
 .jssort05 .p:hover .i
 {
 	transition: none;
     -moz-transition: none;
     -webkit-transition: none;
     -o-transition: none;
 }

 /* jssor slider direction navigator skin 06 css
 .jssord06l              (normal)
 .jssord06r              (normal)
 .jssord06l:hover        (normal mouseover)
 .jssord06r:hover        (normal mouseover)
 .jssord06ldn            (mousedown)
 .jssord06rdn            (mousedown)
 */
 .jssord06l, .jssord06r, .jssord06ldn, .jssord06rdn
 {
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(../js/Jssor.Slider/img/d17.png) no-repeat;
		overflow:hidden;
 }
 .jssord06l { background-position: -8px -38px; }
 .jssord06r { background-position: -68px -38px; }
 .jssord06l:hover { background-position: -128px -38px; }
 .jssord06r:hover { background-position: -188px -38px; }
 .jssord06ldn { background-position: -248px -38px; }
 .jssord06rdn { background-position: -308px -38px; }            
 
 
.slide-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    line-height: 24px;
    margin-right: -100%;
    padding: 2px 20px;
    text-shadow: 0 1px 2px #222222;
    white-space: nowrap;
}

@font-face {
    font-display: swap;
}