/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
    
}

#sidebar-wrapper {
  min-height: 100vh;
  /*margin-left: -15rem;*/
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
    background-color: #F7C515;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}


.infografia .list-group {
  width: 100% !important;
}

#sidebar-wrapper .list-group {
  width: 20%;
}
#page-content-wrapper {
 /* min-width: 100vw;*/
     width: 80%;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.infografia{
    background-color: #7A6176 !important;
    
     width: 5rem;
}

.menu_izq {
    width:307px !important;
}
.infografia h5  {
        display:none;
     } 
	
   .infografia img{ 
    width:100%;
	min-width: 25px;
   }
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
    body {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        background-color: #F7C515;
    }
    .infografia{
    background-color: #7A6176;
    
     width: 35rem;
    }
    #sidebar-wrapper .list-group {
  width: 15rem;
    }
    .infografia h5  {
        display:flex;
     }   
	  .infografia img{ 
    width:80%;
	
   }
}
#wrapper {
    background-color: white;
}
.sidebar-heading {
    height: 5em;
}
.list-group-item{
    border:0;
}

.infografia a{ 
    color:white !important;
   } 
.infografia a:hover{ 
    color:#495057 !important;
   } 

.recorte {
     max-height: 500px;
    overflow-y: hidden;
}
.infografia p{ 
   text-align: center;
   } 
.list-group-item{
     background-color: transparent;
}
h1, h2{
    color: #7A6176;
}
.logo_pie{
    margin-top:3em;
    margin-left:1.5em;
    
}
.nav2 li a{
    padding-left: 3em;
}

/*COMPARIT*/


.shared-panel{
	overflow: auto;
   
}
.shared-panel a{
	float:right;
   
}
.shared-panel span{
	margin: 10px 0;
	font-size: 16px;
	font-weight: 600;
}
.shared {
	display: inline-block;
	width: 30px; 
	height: 30px;
	margin: 5px 0; 
	padding: 0; 
        /* Recurso incluido en la descarga del ejemplo */
	background: url("../img/shared.png") no-repeat; 
	float: left;
	margin-right: 5px; 
	cursor: pointer;
	border-radius: 50%;
}
.shared:hover{
	opacity: 0.7;
}
.shared.gp {background-position: 0px 0px; background-color: #E62B34;}
.shared.tt {background-position: 0px -30px; background-color: #43BDF0;}
.shared.ce {background-position: 0px -60px; background-color: #8A898D;}
.shared.wa {background-position: 0px -90px; background-color: #0dc143;}
.shared.fb {background-position: 0px -120px; background-color: #6081C4;}

.st2{
   border-radius: 0;
}
.st3{
   border-radius: 5px;
}                    

/*menu movil */
.cabecera{
    border-bottom: solid 4px #E4E7F4;
    padding: 10px;
    background-color: #F7C515;
}

.cabecera img{
   max-width:15em;
}


.navbar-toggle {

background-color: transparent;
background-image: none;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
border-radius: 4px;
}
.icon-bar {

    width: 30px;
    height: 2px;
    margin: 5px 2px;
    background-color: #fff;
    display: block;
    border-radius: 1px;
}
.icon {
    float:left;
    margin-top:20px;
    margin-right: 5px;
}


.menu-desplegable {
    background-color: #FBE086;
}
.menu-categorias {
	clear: both;
	margin-top: .4em;
	margin-bottom: .4em;
	padding: 0;
	border-bottom-color: #7690b2;
	border-top-color: #7690b2;
	background-color: #154481;
    font-size: 0.9em;
}

.menu-categorias .menu-desplegable {
	z-index: 1070;
	position: absolute;
	top: 0
}

.menu-categorias .navbar-toggle {
	margin: 0
}

.menu-categorias .navbar-toggle .icon-bar {
	width: 30px;
	height: 2px;
	margin: 5px 2px
}

.menu-categorias .navmenu.menupanel {
	padding: .2em 0
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel {
	display: inline-block;
	width: 98%
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel button.navbar-toggle {
	float: left;
	padding: .2em .5em .5em .5em;
	background: #b00;
	border-radius: 0;
	margin: .1em .4em
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .glyphicon {
	float: left;
	font-size: 1.3em
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .glyphicon.glyphicon-remove {
	color: #fff!important
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navbar-brand {
	font-size: .9em;
	padding: .3em 0 0 .4em;
	color: #fff;
	height: auto
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma {
	float: right;
	padding: 0;
	margin: 0;
	text-align: right
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma a {
	color: #154481
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma .dropdown-toggle {
	padding: .3em .3em 0 0!important;
	font-size: 1em
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma li {
	list-style: none
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma li a:hover {
	text-decoration: none
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma .glyphicon {
	padding: 0 .2em .1em .5em;
	font-size: .8em;
	float: none;
	color: #154481
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma .dropdown-menu>li>a {
	text-align: right
}

.menu-categorias .navmenu.menupanel .cabecera-menupanel .navlistIdioma .dropdown-menu {
	right: 0;
	left: auto;
	margin-top: 0!important
}

.menu-categorias .navmenu.menupanel .pie-menupanel .glyphicon {
	color: #b00;
	font-size: 1.2em
}

.menu-categorias .navmenu.menupanel .pie-menupanel .navbar-toggle.closebutton {
	margin-right: .2em
}

.menu-categorias .navmenu.menupanel .pie-menupanel .navbar-brand {
	font-size: .9em;
	padding: .3em .3em 0 0;
	color: #b00;
	height: auto
}

.menu-categorias .navmenu.menupanel .dropdown {
	padding: .4em .2em
}

.menu-categorias .navmenu.menupanel .dropdown ul li a {
	color: black !important;
    display:block;
}

.menu-categorias .navmenu.menupanel .dropdown ul li a:hover {
	background: 0 0;
	color: #3e77c2!important
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav {
	padding: 0 0 1em 0;
	margin: 0 .4em 0 .2em;
	
	text-align: left
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav li {
	margin: .2em 0;
	padding: .1em 0 .5em;
	border-bottom: 1px solid #F7D118;
    width: 100%;
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav li.dropdown {
	background: url(../img/triangle-right.gif) right .5em no-repeat
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav li.dropdown a[aria-expanded=true] {
	background: url(../img/triangle-bottom.gif) right .3em no-repeat
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav li a {
	padding-right: 15px!important;
    text-decoration: none;
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav ul {
	padding: .1em 0 .1em 0;
	margin: .1em 0 .1em 0;
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav ul li {
	font-size: 100%;
	margin: .3em 0;
	padding: 0;
	border-bottom: 0
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav ul li a {
	background: 0 0!important;
	line-height: 1.2em;
	color: #666;
	text-transform: none
}

.menu-categorias .navmenu.menupanel .dropdown ul.navmenu-nav ul li ul li {
	font-size: .9em;
	list-style: none
}

.menu-categorias .navmenu.menupanel .dropdown img {
	margin-left: .2em!important
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable {
	margin: .2em .4em .6em .4em
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search input {
	border: 0
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search input.expandable {
	width: 100%;
	background: 0 0;
	border-radius: 4px!important;
	text-align: right;
	box-shadow: none;
	font-size: 1.1em;
	z-index: 1054
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search input.expandable:active {
	box-shadow: none
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search span {
	border: 0;
	background: 0 0;
	padding: 0
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search button {
	border: 0;
	width: 3em;
	background: 0 0;
	margin: .1em 0 0 0
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable form.search span.glyphicon {
	font-size: 1.3em;
	color: #154481
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable .input-group {
	border: 1px solid #ccc;
	border-radius: 0;
	background: #fff
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable {
	float: none;
	width: auto;
	top: inherit
}

.menu-categorias .navmenu.menupanel .buscador-menu-desplegable #searchnav {
	text-align: right;
	box-shadow: none;
	width: 95%
}

.menu-categorias .navmenu.menupanel #searchnav:hover,
.menu-categorias .navmenu.menupanel .buscador-menu-desplegable #searchnav:focus {
	background: #fff
}

.menu-categorias .navmenu.menupanel div.redes {
	text-align: center;
	display: block;
	margin: .2em 1em 1em 0
}

.menu-categorias .navmenu.menupanel div.logos-institucionales {
	text-align: center;
	display: block;
	margin: .2em 1em 1em 0
}

.menu-categorias .navmenu.menupanel div.logos-institucionales div {
	margin-top: 1em
}

.menu-categorias .navmenu.menupanel div.redes .fa,
.menu-categorias .navmenu.menupanel div.redes .fab,
.menu-categorias .navmenu.menupanel div.redes .fas {
	padding-right: 0;
	color: #154481
}

.menu-categorias .navmenu.menupanel div.redes .fa:hover,
.menu-categorias .navmenu.menupanel div.redes .fab:hover,
.menu-categorias .navmenu.menupanel div.redes .fas:hover {
	color: #3e77c2
}

.menu-categorias .navmenu.menupanel .logo-40-navmenu {
	text-align: center;
	width: 100%
}

.menu-categorias .navmenu.menupanel .logo-40-navmenu img {
	margin-right: 10px
}

.menu-categorias .navmenu.menupanel ul.accesos {
	display: block;
	padding: .1em 0 .1em 0;
	margin: 0 .4em .5em .4em;
	min-width: 15em;
	text-align: left
}

.menu-categorias .navmenu.menupanel ul.accesos li {
	display: block;
	margin: 0 0 .5em 0;
	font-size: 1.05em;
	border: 0
}

.menu-categorias .navmenu.menupanel ul.accesos li a {
	width: 99%;
	display: block;
	margin: 0 auto;
	background: 0 0;
	color: #154481
}

.menu-categorias .navmenu.menupanel ul.accesos li:nth-child(1) a {
	padding: .3em 1em .3em 2.2em
}

.menu-categorias .navmenu.menupanel ul.accesos li a.sede {
	padding: .3em 1em .3em 2.2em
}
.navmenu-default, .navbar-default .navbar-offcanvas {
    background-color: #FBE086 !important;
    border-color: #e7e7e7;
}

#botonbuscar-ama {
	color: #F7C515 !important;
	border-color: #F7C515 !important;
}