/**
 * vAccordion - AngularJS multi-level accordion component
 * @version v1.4.1
 * @link http://lukaszwatroba.github.io/v-accordion
 * @author Lukasz Watroba <l@lukaszwatroba.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */

/***************************************
  vAccordion
 ***************************************/
/**
 * Example HTML:
 *
  <v-accordion class="vAccordion--default">
    <v-pane>
      <v-pane-header id="pane-header" aria-controls="pane-content">
         [content]
      </v-pane-header>
      <v-pane-content id="pane-content" aria-labelledby="pane-header">
        [content]
      </v-pane-content>
    </v-pane>
  </v-accordion>
 */
/* Base styles
 ***************************************/
v-accordion {
  display: block; 
}

v-pane {
  display: block; 
}

v-pane.is-expanded > v-pane-content, v-pane.is-expanded > v-pane-content > div {
    visibility: visible;
    height:auto;
    max-height: 100%; 
    overflow: visible;
}

v-pane[disabled] > v-pane-header {
    opacity: 0.6;
    cursor: not-allowed; 
}

v-pane-header {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none; 
}

/* v-pane-header:focus { */
/*     outline: none;  */
/* } */

v-pane-header[disabled] {
    pointer-events: none; 
}

v-pane-header > div {
    display: block; 
}

v-pane-content {
  display: block;
  position: relative;
  overflow: hidden;
  max-height: 0px; 
  -webkit-transition: max-height 0.5s; 
  transition: max-height 0.5s;
}

/* Theme: default
   ***************************************/
.vAccordion--default v-accordion {
  margin-top: 20px;
  padding-left: 20px; 
}

.vAccordion--default v-pane.is-expanded > v-pane-header {
    border-bottom-right-radius: 0px !important;
  	border-bottom-left-radius: 0px !important; 
}

.vAccordion--default v-pane.is-expanded > v-pane-content > div {
    opacity: 1;
}

.vAccordion--default v-pane-header {
	border: 1px solid #cdc3b7; 
	border-radius: 6px;
	background: url("../imagenes/fn-footer.png") repeat-x scroll 0 0 #D1D1D1 !important;
	color: #000;
	padding-top:9px !important;
	padding-bottom: 6.3px;
	font: 1em Arial, Helvetica, sans-serif;	
}

v-pane-header h3.tituloh4{
	font-weight: normal !important; 
	padding-left: 5px;
}

v-pane-header span.ui-icon-accordion {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url(humanity/images/ui-icons_f08000_256x240.png);
	background-position: -32px -16px;
	margin-top: 3px;
    float: left;
}

v-pane.is-expanded > v-pane-header span.ui-icon-accordion {
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-image: url(humanity/images/ui-icons_f08000_256x240.png);
	background-position: -64px -16px;
	margin-top: 3px;
    float: left;
}

.vAccordion--default v-pane-header::before {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); 
}

.vAccordion--default v-pane-header:hover {
	   background:#ec6a00 !important;
}

.vAccordion--default v-pane-header:focus {
	   outline-color: rgb(77, 144, 254);
	   outline-style: auto;
	   outline-width: 4.54545px;
}

.vAccordion--default v-pane-content > div {
  border: 1px solid #e0cfc2;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #ffffff !important;
  padding: 19px !important;
}
          
v-pane-contentet{
	background-color: #ffffff !important;
	padding:20px !important;
}

/*New themes for home page*/
.vAccordion--home v-pane-header {
	display: table !important;
	height: 25px;
	width: 90%;
 	border-bottom: 1px dotted #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.18em;
    font-weight: normal;
    text-transform: none;
    padding-top: 10px;
    padding-left: 20px;
    color:#ec6a00 !important;
	margin-top:10px;
	background: #FFFFFF url(../imagenes/plus.png) no-repeat 3px 14px !important;
} 

.vAccordion--home v-pane-header:hover {
	color:#000 !important;
	background-color: #ec6a00 !important;
	border-radius: 3px;
} 

.vAccordion--home v-pane-header:focus {
	   outline-color: rgb(77, 144, 254);
	   outline-style: auto;
	   outline-width: 4.54545px;
}

.vAccordion--home v-pane.is-expanded > v-pane-header {
	background: #FFFFFF url(../imagenes/minus.png) no-repeat 3px 14px !important;
}

v-pane.is-expanded > v-pane-content {
	max-height: 100% !important;
}