@charset "utf-8";
/* CSS Document */

.slidertop1 {
	width:435px;
	height:290px;
			

}
/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#F4F4F4 solid 0px;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:1000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../imagenes/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:435px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../imagenes/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }

/*BARRA TRANSICIONES*/
.lof-slidecontent  .navigator-content { position: absolute;
    background: /*#245b98c2*/rgba(0, 0, 0, 0.64);
    border-radius: 30px 5px 5px 30px;
    bottom: 4px;
    border: 2px solid #5f5c5f47;
    /*padding: 2px 16px;*/
    height: 50px;
    width: auto;
    right: 5px;
    overflow: hidden;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.64);
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	float:left;
	width:435px;
	height:290px;
	overflow:hidden;
	color:white;
	
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; text-decoration: none; }



.lof-slidecontent .slider-description{
	position:absolute;
	bottom:20px;
	left:0px;
	width:435px;
	height:50px;
	padding:25px;
	color:#FFF;
	font-size: 14px;

	/*background-image: linear-gradient(270deg, 
	transparent 0%,
	rgba(0, 0, 0, 1) 100%,
	rgba(127, 127, 127, 1) 100%,
	transparent 0%);*/
	/*	background:url(../imagenes/bg_trans.png);*/
	
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 35%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 35%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 35%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	/*background-image: linear-gradient(270deg,    transparent 0%,   #245b98 100%,   rgba(127, 127, 127, 1) 100%,   transparent 0%);*/
	z-index:100px;
	
}

.lof-slidecontent .slider-description i{
	position: absolute; top:10px; left: 30px; border: 0px solid red; background: #fff; border-radius: 2px; padding: 5px; color: #244070; font-size:12px; font-weight: bold;
}


.lof-slidecontent .slider-description h4 {
width:300px ; 
font-size: /*20px*/12.5px;    margin: -20px 88px;    padding: 0;
text-shadow-: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333; border:0px solid red; }

.lof-slidecontent .slider-description h4:hover {    
text-decoration: none;	
/*text-decoration: underline;
color: #fff; */
cursor:pointer;
color: #eee;
text-shadow: 1px 3px 0px rgba(71, 71, 71, 1);}


/*
.lof-slidecontent .slider-description

:hover {
text-decoration: none;	
color: #990000; 
text-shadow: 1px 1px 2px rgba(128, 128, 128, 1);} #808080;}*/

.lof-slidecontent .slider-description .slider-meta a{	
	position: absolute;
    margin:0;
    bottom: 25px;
    left: 10px;
	font-size:5%;
	padding:7px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background:#1574de;/*Darkred*/
	}
	
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
 
.navigator-wrapper{
    position: relative;
    float: left;
	width: 110px;
	height: 80px;
    color: white;
    overflow: hidden;
    
    z-index: 100;
}
.navigator-wrap-inner{
	position:absolute;
	top:0;
    width:100%;
	height: 10px;
	margin:0;
	padding:0;
}

.lof-slidecontent ul.navigator-wrap-inner li {
	float:left;
	margin-left:0px;
	padding:0;
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	text-align:center;
	display:block;
	overflow:hidden;	 
}
.lof-slidecontent ul.navigator-wrap-inner li span{
	display:block; padding:0px; position:relative; line-height:0.5em margin-left:2px; overflow: hidden; }

	.lof-slidecontent ul.navigator-wrap-inner li span img
	{ width: 40px;
    height: 40px;
    margin: 5px 5px;
    float: left;border-radius: 3px;}

.lof-slidecontent ul.navigator-wrap-inner li.active ,
.lof-slidecontent ul.navigator-wrap-inner li:hover  {
	background:/*rgba(0, 0, 0, 0.64)*/#888f96;
	color:white;border-radius: 10px;
	display:block;
	-moz-transition:background-color  0.8s;
}
.lof-slidecontent ul.navigator-wrap-inner li span img:hover{opacity: 0.5; }


.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
	position:absolute;
	top:0;
	width:34px;
	height:100%;
	cursor:pointer;
	text-indent:-999px;
	color:white;
	display:block;
	z-index:40;
	
}
.lof-slidecontent   .button-next {
	right:0px;
	background:url(../imagenes/next.png) no-repeat right center;
	opacity: 0.5;
}

.lof-slidecontent   .button-next:hover {-webkit-filter: brightness(1.7);
  filter: brightness(1.7);}

.lof-slidecontent   .button-previous:hover {-webkit-filter: brightness(1.7);
  filter: brightness(1.7); }


.lof-slidecontent  .button-previous {
	left:0px;opacity: 0.5;
	background:url(../imagenes/previous.png) no-repeat left center;
}

.lof-slidecontent .button-control {
    float: left;
    height: 27px;
    width: 30px;
	cursor:hand; cursor:pointer
}
.lof-slidecontent .action-start  {
	background:url(../imagenes/play.png) no-repeat center center rgba(0, 0, 0, 0.64);
	width:50px;height:50px;
}
.lof-slidecontent .action-stop  {
	background:url(../imagenes/pause.png) no-repeat center center rgba(0, 0, 0, 0.64);
	width:50px;height:50px;
}