@charset "utf-8";
/* CSS Document */
ul { list-style-type: none; }



/** =======================
 * Contenedor Principal
 ===========================*/

.accordion {
  width: 100%;
  margin: 0px auto 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; 
  background-color:transparent
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #fff;
  font-size:.9em;
  font-weight:300;
/*  border-bottom: 1px solid #000;
*/  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; 
  font-family: 'Roboto', sans-serif;
}
.accordion .link a {
  color: #fff;
  font-family: 'Roboto', sans-serif;
  text-decoration:none;
}


.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 10px;
  left: 7px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; 
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { 
	color: #fff;
    background: #335c70;
	border-left: 6px solid #3399CD;
	}

.accordion li.open i { color: #f4ac00; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #575b63;
  font-size: .8em;
  }

.submenu li { 
/*	border-bottom: 1px solid #000; 
*/}

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-family: 'Roboto', sans-serif;
  border-top:#33424a;
  background:#33424a url(../../images/arow.png) no-repeat 9% center;
}

.submenu a:hover {
  background:#3399cc url(../../images/arow.png) no-repeat 9% center;
  color: #FFF;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.fa-chevron-down:before {
    content: url(../../images/arow_lft.png);
}