/*-----------------------------------------------------------------------------------*/

/*  0.  RESET

/*-----------------------------------------------------------------------------------*/


ol, ul {

  list-style:none

}

blockquote, q {

  quotes:none

}

blockquote:before, blockquote:after, q:before, q:after {

  content:'';

  content:none

}

:focus {

  outline:0

}

ins {

  text-decoration:none

}

del {

  text-decoration:line-through

}

table {

  border-collapse:collapse;

  border-spacing:0

}

.clear {
  clear:both;
  display:block;
  overflow:hidden;
  visibility:hidden;
  width:0;
  height:0
}

.clearfix:after {
  clear:both;
  content:' ';
  display:block;
  font-size:0;
  line-height:0;
  visibility:hidden;
  width:0;
  height:0

}

.clearfix {
  display:inline-block;
}

* html .clearfix {

  height:1%

}

.clearfix {

  display:block

}







/*-----------------------------------------------------------------------------------*/

/*  3. CAROUSEL

/*-----------------------------------------------------------------------------------*/



.d-carousel ul li {
  width: 120px;
  margin: 0px;
  padding: 0px;


}





.jcarousel-direction-rtl {

  direction: rtl;

}



.d-carousel h4 {

  margin-top: 0px;

  margin-right: 0;

  margin-bottom: 0px;

  margin-left: 0;

}



.d-carousel .jcarousel-container {

  display: block;

  overflow: hidden;

  margin-bottom: 0px;

  padding: 0px;

  margin-top: 0px;

}



.d-carousel .jcarousel-item {
  width: 200px;
  height: 280px;
  margin: 0px;
  padding: 0px;
}



.d-carousel .jcarousel-container-horizontal {
  width: 592px;
height: 310px;
padding-top: 5;
padding-right: 30px;
padding-bottom: 5;
padding-left: 25px;
margin: 0px;
float: left;
}



.d-carousel .jcarousel-item-horizontal {
  margin: 0px;
  padding: 0px;

}



.d-carousel .jcarousel-next-horizontal {
  position: absolute;
  top: 135px;
  right: -8px;
  width: 36px;
  height: 37px;
  cursor: pointer;
  background-color: transparent;
  background-image: url(/templates/elfaro/img/video/sec/b-siguiente.png);
  background-repeat: no-repeat;
}



.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
  
}



.d-carousel .jcarousel-next-horizontal:hover {
}



.d-carousel .jcarousel-prev-horizontal {
  position: absolute;
  top: 135px;
  left: 0px;
  width: 36px;
  height: 37px;
  cursor: pointer;
  background-color: transparent;
  background-image: url(/templates/elfaro/img/video/sec/b-anterior.png);
  background-repeat: no-repeat;
}



.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {

  left: auto;

  right: 5px;

  background-image: url(/templates/elfaro/img/video/sec/blog-arrows.jpg);

}



.d-carousel .jcarousel-prev-horizontal:hover {

}

.item-carrusel {
  background-image: url('/templates/elfaro/img/video/sec/bg-item-carrusel.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  width: 180px;
  height: 310px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #5B5B5B;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 0px;
  
}
.item-carrusel h1 {
   margin-left: 0;
   margin-top:10px;
   margin-bottom: 5px;
   font-size: 17px;
  font-weight: normal;
}
.item-carrusel h1 a {
  padding: 0px;
  color: #333;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.item-carrusel h1 a:hover {
  color: #F90;
}
.item-carrusel p {
  padding: 0px;
  color: #666;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#bot-detalles {
  text-decoration: none;
  top: 235px;
  left: 10px;
  width: 169px;
  height: 21px;
  z-index: 10;
}
#bot-detalles a {
  text-decoration: none;
  width: 169px;
  height: 21px;
  background-image: url('../img/video/sec/bot-ver-detalle.jpg');
  display: block;
}
#bot-detalles a:hover {
  background-position: bottom;
  text-decoration: none;
  display: block;
}
.top-gris {
  float: left;
  
  
  padding-top: 25px;
}