/*
 * @file
 * Style sheet for the views_accordion module
 *
 * You can disable the loading of this file in your style options, just uncheck 'Use the module's default styling'
 *
 * .views-accordion-item wrappers get per-row classes like item-0, item-1 and so on
 *  style each row independently like this:
 * .views-accordion .item-1
*/

/* the whole accordion (only when js is enabled) */
.accordion-active {
 margin-bottom:10px;
 color: #666666;
}

.item-list ul {
  /*agregado para identar las lista en este tipo de vista*/
  padding-left: 15px;
}
/* all accordion sections */
.views-accordion-item {
	margin-bottom:5px;/*agr para dar espacio entre item*/
}

/* the content hidden/shown within each section (only when js is enabled) */
.views-accordion-item .accordion-content {
}

.views-accordion-item .accordion-content p {
  margin: 0px 0px 10px 0px; /* so that the animation doesn't jump */
  padding: 5px; /*agr*/
}
/* the header the user clicks to open sections (only when js is enabled)*/
.accordion-header {
	cursor: pointer;
	display: block; /* we dont know what html tag it will be, otherwise spans will display weirdly */
	border-radius: 10px 10px 10px 10px;
	background: url(images/arrow_down.png) no-repeat 4px, linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	/* background-size: auto auto; */
}

h3.accordion-header {
  margin-bottom:0;
  /*margin-left: 20px;*/

}
.views-accordion-item .accordion-header, h3.accordion-header {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#005D83;
  font-size: 18px;
  border: none;
}

.accordion-item-even .accordion-header {

}

/*
 * Don't use padding/margin top/bottom on .views-accordion-item, or the animation will jump for that ammount
 * so apply it to the header and the first divs inside the accordion-content
 */

.views-accordion-item .accordion-content div,
.views-accordion-item .accordion-header,
h3.accordion-header {
	 padding: 0.5em 1em;
}

.views-accordion-item .accordion-content div div {
  padding: 0 0 5px 0;
}

/* header mouse-over and section-opened states (only when js is enabled)*/
.views-accordion-item .accordion-header-hover,
h3.accordion-header-hover {
	border: none;
	font-weight: bold;
}
.views-accordion-item .accordion-header-active,
h3.accordion-header-active {
  font-weight: bold;
  border: none;
  background: url(images/arrow_up.png) no-repeat 4px, linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
}

/* Buttons */
span.stop-accordion,
span.toggleAccordion {
  display: block;
  text-align: right;
}
