/*

 * Style tweaks

 * --------------------------------------------------

 */

html,

body {

  overflow-x: hidden; /* Prevent scroll on narrow devices */

}

#sidebar .list-group-item {

    text-transform: uppercase;

	line-height:1.1em;

}



/* de hoja de estilos menu-areas.css */



.sidebar-nav{

  /* border-bottom:1px dotted #000*/

}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

    color: #000;

	padding-left:1.5em;

	background:#F4F4F4;

	border-left:2px solid #ccc;

}

.sidebar-nav li a:hover {

	background:#DADADA

}





.sidebar-nav2 li a, .sidebar-nav3 .sidebar-nav2 li a {

color:#666;

border:none;

padding:.6em .2em .3em 2.3em!important;

border-radius:none!important;

text-transform: none!important;

font-size: 1.1em;

background: rgba(0, 0, 0, 0) url("/sitio/_img/fondo_submenu.png") no-repeat scroll -15px top;

border-bottom:1px dotted #ccc;

 border-bottom-left-radius: 0!important;

    border-bottom-right-radius:0!important;

	margin-left:10px





}





.sidebar-nav2 li a:hover, .sidebar-nav3 .sidebar-nav2 li a:hover {

   

    background:rgba(0, 0, 0, 0) url(/sitio/_img/fondo_submenu2.png) no-repeat scroll -15px top;

	color:#000;

	margin-left:10px

	

}



.sidebar-nav3  {

margin:1em 0;

border-top:1px dotted #666;

padding:.8em 0 0 0 



}

.sidebar-nav3 li a {

background: #fff;

border-left:2px solid #ccc;

}

.sidebar-nav3 li a:hover {

   background:#DADADA

}

.sidebar-nav3 .sidebar-nav2 li a {

padding:.5em .2em .5em 2.8em!important;



}

/* finn de hoja de estilos menu-areas.css */

/*

 * Off Canvas

 * --------------------------------------------------

 */

@media screen and (max-width: 767px) {

  .row-offcanvas {

    position: relative;

    -webkit-transition: all .25s ease-out;

         -o-transition: all .25s ease-out;

            transition: all .25s ease-out;

  }



  .row-offcanvas-right {

    right: 0;

  }



  .row-offcanvas-left {

    left: 0;

  }



  .row-offcanvas-right

  .sidebar-offcanvas {

    right: -50%; /* 6 columns */

  }



  .row-offcanvas-left

  .sidebar-offcanvas {

    left: -50%; /* 6 columns */

  }



  .row-offcanvas-right.active {

    right: 50%; /* 6 columns */

  }



  .row-offcanvas-left.active {

    left: 50%; /* 6 columns */

  }



  .sidebar-offcanvas {

	   padding-left: 30px;

    position: absolute;

    top: 0;

    width: 50%; /* 6 columns */

  }

 

}







.primeroagrifamiliar {

	background: #242c4f!important; 

	color:#fff!important;

	font-weight:700;

	font-size:20px!important ;

	line-height:23px;

	border-radius:0px;
	font-weight:600!important





	

  }



.agrifamiliar_btn{

	background: #0695d6!important; color:#fff!important;  border-radius: 30px!important;

    font-size: 13px!important;;

    padding: 8px 12px!important; vertical-align: middle;

	box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.19);

	

	}

	

	

.agrifamiliar_btn:hover, .agrifamiliar_btn:focus, ..agrifamiliar_btn.focus, .agrifamiliar_btn:active, {

    background-color: #44857b;

    border-color: #386e65;

    color: #ffffff;

}