@charset "utf-8";
/* CSS Document */


/*.color_iconos_menu {
	
	color:#FF2222;

}*/


.letra_titulos_top
{
	font-size:12px;

}



/*******************************************************/
li.activo a:after  {
    position: absolute;
	bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;
    border-bottom: 0px solid #FF2222; /*color linea active*/ /*<========= CAMBIAR  */
}


/*************************************/
/************************************* AQUI CONTROLO LOS ANCHOS Y ALTOS DE BOTONES MOBILES DE LA CABECERA*/

.navbar-toggle
{
  
  padding:0px !important;
  /*background-color:#CCFF66 !important;*/

}

.letra_titulos_top
{
  
 padding:0px; 
 margin-top:2px;
 margin-bottom:0px;

}

/***********************************************************************************************/







/********************************************************************** NAV BAR*/
.navbar-brand {
  padding: 2px;
 
}


/* PERMITE alinear todo use float: none; para centrar | float: left | float: right;  ***********************************/
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: auto;
 
}

.navbar .navbar-collapse {
  text-align: center;
}
/* FIN PERMITE CENTRAR TODO ***********************************/



.navbar-custom {  
background-color:#FFFFFF; /*fondo menu inicial*/  /*<=========************ CAMBIAR  */
margin-bottom: 0; /*ESPACIADO DE LA BASE CON OTRO ELEMENTO*/

}






.navbar-custom .navbar-nav > li > a {
	
	letter-spacing: 0px;
	
  color:#000028; /*COLOR LETRA MENU*/ /*<=========********************** CAMBIAR  */
  
  font-size:9px;
  border-left: 0px solid #FFF;  /*BORDE  LINEA SEPARACION HORIZONTAL ENTRE TITULOS */
 /* padding: 5px 10px; */
  
}

/* AL PASAR EL MOUSE SOBRE EL LI DEL MENU */
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  /*color: #FFF; <=========****************************** CAMBIAR  */
  background-color: #E8E8E8; /*<=========********************** CAMBIAR  */

content: "";
border-bottom: 0px solid #FF2222;
  
  -webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
      
}

li.activo a:after  {
    position: absolute;
	bottom: 1px;
    content: "";
    left: 12px;
    right: 12px;
    border-bottom: 4px solid #FF2222; /*color linea active*/ /*<========= CAMBIAR  */
}


/************************************************************************MENU CUADRADO */
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 4px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #FF2222; /*<========= CAMBIAR  */
}



.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/************************************************************************FIN MENU CUADRADO */




/***************************************************************** FlECHITA SUBMNU */

.navbar-custom .navbar-nav > .dropdown > a .caret { /*COLOR FLECHA NORMAL */
  border-top-color: #C5E859;
  border-bottom-color: #C5E859;
  font-size:36px;
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {  /*AL PASAR EL MOUSE */
  border-top-color: #FFF;
  border-bottom-color: #FFF;
}

.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #FFF; /*COLOR FLECHA AL HACER CLIC */
  border-bottom-color: #FFF;
}

/***************************************************************** FIN FlECHITA SUBMNU */



/************************************************ AL HACER CLIC ENCIMA DE UN MENU CON SUBMENU */
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
	
	background-color: #eee; /********************************<========= CAMBIAR  */
    color: #000; /*<=========************************************* CAMBIAR  */
}
/**********************************************************************************************/


/***********************************SUB MENU *****************************************/

.dropdown-menu > li > a { /*COLOR LETRA INICIAL*/
	
color:#000;	/*<=========************************* CAMBIAR  */

}

.dropdown-menu{ /* FONDO SUBMENU */
	border-radius:0px;
	background-color: #fff !important; /*<========= CAMBIAR  */
    
}


/*CAMBIAR FONDO DEL LI AL PASAR EL MOUSE*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image:none !important;
        }
		
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { 
 
		  background-color:#00CCFF !important; /*<========= CAMBIAR  */
		  
		  color:#fff; /*<========= CAMBIAR  */
    }
/* FIN CAMBIAR FONDO DEL LI AL PASAR EL MOUSE*/
  
/*************************************FIN SUB MENU *****************************************/


/*************************************MENU 3 NIVEL *********************************************/


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}



/*************************APLICO SOMBRA AL BAJAR CON EL SCROLL***********/
nav.scrolled {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}

/*FIN NAV BAR****************************************************************/



/*************************MANEJO LOS TAMAÑOS DEL LOGO SEGUN DISPOSITIVO *******/

/************************************************** AL AGRANDARSE LA PAGINA */
@media screen and (min-width:992px) {
.navbar-brand>img {
  /*height: 100%;*/
  padding: 2px;
  
  max-width:250px;/**/
  /*max-height:100px;*/
  
  margin-left:10px;
  
  
}

}


@media screen and (max-width:991px) and (min-width:701px) {
  .navbar-brand>img {
  /*height: 100%;*/
  padding: 2px;
  
  /*max-width:250px;*/
  max-height:90px;
}


}





		
/*********************************************AL ACHICARSE LA PAGINA MENOS DE 700PX */
@media screen and (max-width:700px) {
	
.navbar-brand>img {
  /*height: 100%;*/
  padding: 1px;
  
   max-height:80px;
  max-width:150px;
 
}


.letra_titulos_top
{
	font-size:7px;

}
	
}

/***********************************************************************************/



/*********************************MANEJO RESPONSIVE MENU *******************/
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}