/* LISTADOS
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------*/

.listado h2, .ts-listado h2 {
	font-family: 'fjalla_oneregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color:#1477A5;
	text-transform:uppercase;
	font-size:24px;
	border-bottom: 1px dotted #CCCCCC;
}

.listado .fecha, .ts-listado .fecha {
    color: #52525E;
    font-size: 11px;
    margin-bottom: 0;
}
.listado h5, .ts-listado h5 {
	margin: 0 0 10px 0;
}

.listado .media .media-heading {
	font-size: 15px;
}

/** con imagen de aplicacion**/

.listado .img-polaroid {
	margin: 0 20px 25px 0;
}
.listado .list-content .media .pull-left {
		max-width: 20%;
	 margin-right: 20px;
}
.listado .list-content .media .pull-left img {
	margin-bottom: 0;
	background: #fff;
	padding: 3px;
	border: 1px solid #ddd;
    box-shadow: 1px 1px 1px #CCCCCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.listado .list-content .media .pull-left img:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}


/** con imagen de template saga **/


.ts-listado .list-content  #img-listado {
	margin-bottom: 0;
	background: #fff;
	padding: 3px;
	border: 1px solid #ddd;
    box-shadow: 1px 1px 1px #CCCCCC;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
     max-width: 20%;
	 margin: 0 20px 5px 0;
	 float: left;        
}
.ts-listado .list-content #img-listado:hover {
  border-color: #0088cc;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

/** caja filtro**/

.listado .cajafiltro, .ts-listado .cajafiltro {
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:20px 30px;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:30px;
}
.listado .cajafiltro h3, .ts-listado .cajafiltro h3 {
    border-bottom: 1px dotted #9E9E9E;
    color: #666666;
    font-family: 'fjalla_oneregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    margin: 0 0 20px;
    text-align: left;
    text-transform: uppercase;
}
.listado .cajafiltro .campo-lucene input, .ts-listado .cajafiltro .campo-lucene input {
	width:100%;
	height: 32px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.listado .cajafiltro .filtroFecha, .ts-listado .cajafiltro .filtroFecha {display: inline-block;width: 50%;float: left;}
.listado .cajafiltro .filtroCategoria, .ts-listado .cajafiltro .filtroCategoria {display: inline-block;width: 50%;}
.listado .cajafiltro .filtroCategoria select, .ts-listado .cajafiltro .filtroCategoria select {width: 100%;	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
.listado .cajafiltro .filtroFecha input, .ts-listado .cajafiltro .filtroFecha input {
	width: 105px;
	float: left;
	height: 32px;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;}
.listado .cajafiltro .filtroFecha .filtro_fechaini, .ts-listado .cajafiltro .filtroFecha .filtro_fechaini {display: inline-block;width: 50%;}
.listado .cajafiltro .filtroFecha #ico-cal-ini, .ts-listado .cajafiltro .filtroFecha #ico-cal-ini,
.listado .cajafiltro .filtroFecha #ico-cal-fin, .ts-listado .cajafiltro .filtroFecha #ico-cal-fin  {
	text-indent: -9999px;
	width: 32px;
	height: 32px;
	background: url("../images/icon-cal-input.png") center center no-repeat #eee;
	display: inline-block;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
.listado .cajafiltro .filtroFecha .filtro_fechafin, .ts-listado .cajafiltro .filtroFecha .filtro_fechafin {display: inline-block;width: 50%;}
.listado .cajafiltro .filtroFecha .anotacion, .ts-listado .cajafiltro .filtroFecha .anotacion {display: none;}
.listado .cajafiltro .botonesFiltro,.ts-listado .cajafiltro .botonesFiltro {text-align: center;margin: 10px 0;}
.listado .cajafiltro .botonesFiltro input, .ts-listado .cajafiltro .botonesFiltro input {
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 10px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #178AB7;
  *background-color: #11648c;
  background-image: -moz-linear-gradient(top, #11648c, #178AB7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#11648c), to(#178AB7));
  background-image: -webkit-linear-gradient(top, #11648c, #178AB7);
  background-image: -o-linear-gradient(top, #11648c, #178AB7);
  background-image: linear-gradient(to bottom, #11648c, #178AB7);
  background-repeat: repeat-x;
  border-color: #178AB7 #178AB7 #11648c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff11648c', endColorstr='#ff178AB7', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}
.listado .cajafiltro .botonesFiltro input:hover {
  color: #ffffff;
  background-color: #178AB7;
  *background-color: #178AB7;
}

/* LISTADO AGRUPADO
--------------------------------------------------------------------------------*/

.ts-listado.ts-listadoagrupado .tituloBloqueListado h4 {
	padding-bottom: 8px;
	border-bottom: #ccc dashed 1px;
	font-size: 15px;
}
.ts-listado.ts-listadoagrupado .recursosBloqueListado li {
	padding: 8px 10px;
	border-bottom: #eee solid 1px;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-ms-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.ts-listado.ts-listadoagrupado .recursosBloqueListado li:hover {
	background: #f6f6f6;
}
.ts-listado.ts-listadoagrupado .recursosBloqueListado li a {
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-ms-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}
.ts-listado.ts-listadoagrupado .recursosBloqueListado li h5 {
	margin: 0;
	font-size: 15px;
	 font-weight: normal;
}
.ts-listado.ts-listadoagrupado .recursosBloqueListado li p {
	margin: 5px 0 0 0;
	color: #666;
}