@charset "UTF-8";
/* -------------------------------- 
Primary style
-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}

.btnmenu{
width:60px;
}


.home{
width:60px;
}


#dv_Inicio2 {
align:center; 
vertical-align:middle; 
height: 90px; 
width: 90%; 
padding-top:6px;  
/*background-size: 100% 99%;*/
/*background-repeat: no-repeat; */
/*background-image:url('Imagenes/footer.png');*/ 
position: fixed; 
bottom:8px; 
border-top: #5F6367 1px solid;
border-bottom: #CECDCD 12px solid;
 background: white ;

}
#dv_general {

background:white;
}

.homecol {
width:65px;
margin-right: 15px;

}

/*#tBusc, #tBuscb {*/
.buscar{
    display: none;
margin-left: -5px; 
height: 65px; 
width: 45%; 
z-index:99; 
position: fixed; 
top:150px; 


-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
border:2px solid #868D93;
border-color:#868D93;

background-color:#FFFFFF;

-webkit-box-shadow: #868D93 1px 1px 1px;
-moz-box-shadow: #868D93 1px 1px 1px; 
box-shadow: #868D93 1px 1px 1px;

}
.buscarm{
display: none;
margin-left: 6%; 
/*height: 50px; */
width: 88%; 
z-index:99; 
position: fixed; 
top:110px; 

vertical-align: bottom ;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
border:2px solid #868D93;
border-color:#868D93;

background-color:#FFFFFF;


-webkit-box-shadow: #868D93 1px 1px 1px;
-moz-box-shadow: #868D93 1px 1px 1px; 
box-shadow: #868D93 1px 1px 1px;

}


#dv_titulo_uno{
 /*background-color: #5F6367;*/
border-radius: 10px 0px 0px 0px;
-webkit-border-radius: 10px 0px 0px 0px;
-moz-border-radius: 10px 0px 0px 0px;
border-bottom: solid 12px #5F6367;
text-align: right;


}

.redes {
   width:55px;
}



.Arial12 
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
	font-size: 12px;
    color:#868D93;
    color:  #5F6367;

}
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 20;
	right: 20px;
	bottom: 70px;
	background: #5F6367 url("../imagenes/up-arrow.png") no-repeat center 43%;
	-webkit-border-radius:30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/*por default*/

  .ui-tabs-vertical { width: 100%; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 250px; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 90%; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em;  border:solid;  text-align:left; }

  .buscPrinc
  {
      display: block
  }

    .cd-dropdown-trigger
{
    /*font-size: 4px;
    width: 150px;
    height:40px;*/
    }


.tabla_indice {
    max-width:99%;
    text-align:left;
    /*border-bottom-style:solid;
   border-width:1px;
   border:double;*/
      
}

  
#borrar1 {
    /*display:block;*/
    
    font-size: 12px;
    color:#868D93;
}

.Arial13
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif";  
	font-size: 31px;
/*aqui
    color:#868D93;
*/
    color: #E7DFD4;
    color:  #5F6367;
    font-weight: bold;
          line-height: normal;
text-align:right;
line-height:1;
padding-right:13px;
}

    .combo {
display: none;

    }

       #imgLogo {
       max-width:160px; 
       max-height:55px; 
       border:0;
    }

              #imgLogo1 {
              max-width:120px; max-height:47px; border:0;
    }


.cd-dropdown {

width: 60%;  
height: 100%;
color:#5F6367;

}




/*   espcificacion para el movil*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 767px) {

.home{
width:0px;
display:none;
}


.homecol {
width:0px;
}

   input, select, textarea {
    font-size: 12px;
}

    .buscPrinc
  {
      display: none;
  }

.redes {
   width:35px;
}
.cd-dropdown {
position: fixed;
z-index: 1;
top: 0;
left: 0;
width: 100%;  
height: 100%;
background-color: #5F6367;
/*color: #ffffff;*/
visibility: hidden;
/* Force Hardware Acceleration */
  
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;

}


   #imgLogo {
       max-width:80px; max-height:28px; border:0;
    }

    a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 20;
	left: 40px;
	bottom: 70px;
	background: #5F6367 url("../imagenes/up-arrow.png") no-repeat center 22%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

    .combo {
display: block;
width:100%;

    }
/*
    #borrar1 {
        color: #003366;
        width: 5px;
    }
*/
    .cd-dropdown-trigger
{
/*	font-size: 4px;
    width: 5px;
    height:35px;*/
    }

.Arial13
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif";  
	font-size: 12px;
/*aqui
    color:#868D93;
*/

     color: #5F6367;  
    font-weight: bold;

     line-height: 1;
    
}

.Arial12 
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif";   
	font-size: 14px;
/*    color:red;*/


     line-height: normal;
     color:#5F6367;
}

  .ui-tabs-vertical { width: 100%; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left;  font-size:12px; width:71px; display:none;   }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width:69px; border-bottom-width: 1px !important; border-right-width: 1px !important; margin: 0 -1px .2em 0;  }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; width:69px; height:auto ;  white-space: pre-wrap; color:#5F6367; text-align: left;}
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; width: 95%; border: 0 !important; font-size:14px; text-align:left;}

  .tabla_indice {
    max-width:100%;
    /*line-height: normal;
      border:1px;*/
}


  .cd-dropdown-content ul a {
  
height: 40px;
  
line-height: 40px;

font-size:14px;

color:#5F6367;

}


  .cd-dropdown-content a, .cd-dropdown-content ul a {
    
/*font-size: 1.8rem;*/
  font-size:14px;
color: #5F6367;
}

}

/*-------------------------------------------------------*/


html {
  
font-size: 62.5%;

}



body {
  
font-size: 1.6rem;  
/*font-family: sans-serif;*/
font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif";  
/*color: #111433;  */
/*background-color: #EBEBEB;*/
background-image: url(../Imagenes/fondo.png);

}



a {
  
color: #5F6367;
 /* se cambio este color 3f8654 */
text-decoration: none;

}


/*
img {
  
max-width: 100%;

}
*/


input {
  
font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
  
font-size: 1.6rem;

}



/* remove “X” from search input field */


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  
display: none;

}



input[type=text]::-ms-clear {
  
display: none;
  
width: 0;
  
height: 0;

}



input[type=text]::-ms-reveal {
  
display: none;
  
width: 0;
  
height: 0;

}



/* -------------------------------- 

Main Components 

-------------------------------- */


header {
  
height: 100px;
  
background: #ffffff;

}



/* css para mover el Boton(menú) */
.cd-dropdown-wrapper {
  
display: inline-block;
  
position: relative;
  
height: 40px;
  
margin: 0px 0 0 0.5%;
  
-webkit-font-smoothing: antialiased;
  
-moz-osx-font-smoothing: grayscale;

color:#5F6367;

}



.cd-dropdown-trigger {
  
/*display: block;
  
position: relative;
  */

/*padding: 0 36px 0 20px;  */

padding: 0 28px 0 0px;
  
/*background-color: #003366;*/
  /*  se cambia 111433 */
/*  background-color: #003366;*/


color: #ffffff;
  /*
border-radius: 3px;
line-height: 40px;
padding: 0 36px 0 20px;


*/
}


.no-touch .cd-dropdown-trigger:hover {
  
/*background-color: #003366;*/

/* se cambia 171b46*/
}


.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
  
/* this is the arrow inside the dropdown trigger*/
  
content: '';
  
position: absolute;
  
top: 50%;
  
margin-top: -1px;
  
height: 2px;
  
width: 9px;
  
background: #5F6367;
/*#ffffff;*/
  
-webkit-backface-visibility: hidden;
  
backface-visibility: hidden;
  
-webkit-transition: width 0.3s, 
-webkit-transform 0.3s;
  
-moz-transition: width 0.3s, 
-moz-transform 0.3s;
  
transition: width 0.3s, 
transform 0.3s;

}


.cd-dropdown-trigger::before {
  
right: 22px;
  
-webkit-transform: rotate(45deg);
  
-moz-transform: rotate(45deg);
  
-ms-transform: rotate(45deg);
  
-o-transform: rotate(45deg);
  
transform: rotate(45deg);

}


.cd-dropdown-trigger::after {
  
right: 17px;
  
-webkit-transform: rotate(-45deg);
  
-moz-transform: rotate(-45deg);
  
-ms-transform: rotate(-45deg);
  
-o-transform: rotate(-45deg);
  
transform: rotate(-45deg);

}


@media only screen and (min-width: 1024px) {
  .Arial12 
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
	font-size: 16px;
    color:#868D93;
    color: #5F6367;

}
.cd-dropdown-trigger {
    
font-size: 1.5rem;
  
}
  

.cd-dropdown-trigger.dropdown-is-active {
    
/*background-color: #5F6367;*/



}
  

.no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    
/*background-color: #5F6367;*/
 /* se cambia 47975f  este es para cuando se pone el mouse encima */

}
  

.cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
    
/* transform the arrow into a 'X' */
    
width: 14px; /* esto es lo que hace que la flechita se transforme en una X */
  
}
  

.cd-dropdown-trigger.dropdown-is-active::before {
    
/* transform the arrow into a 'X' */
    
-webkit-transform: translateX(5px) rotate(-45deg);
    
-moz-transform: translateX(5px) rotate(-45deg);
    
-ms-transform: translateX(5px) rotate(-45deg);
    
-o-transform: translateX(5px) rotate(-45deg);
    
transform: translateX(5px) rotate(-45deg);
  
}
  

.cd-dropdown-trigger.dropdown-is-active::after {
    
/* transform the arrow into a 'X' */
    
-webkit-transform: rotate(45deg);
    
-moz-transform: rotate(45deg);
    
-ms-transform: rotate(45deg);
    
-o-transform: rotate(45deg);
    
transform: rotate(45deg);
  
}
}



.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
  
height: 40px;
  
line-height: 40px;
color: #5F6367;

}


@media only screen and (min-width: 768px) {



.homecol {
width:65px;
margin-right: 10px;
}


  .Arial12 
{  
	font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
	font-size: 22px;
  /*  color:#868D93;*/
  color: #5F6367;

}
.cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    
height: 40px;
    
line-height: 40px;

color:#5F6367;
 
}

#borrar1 {
    /*display:block;*/
    
    font-size: 12px;
 /*   color:white;*/
}
    cd-dropdown-trigger {
    
    width:150px;
    
    }
/*mediano*/

}


@media only screen and (min-width: 1024px) {
  
.cd-dropdown h2,
  .cd-dropdown-content a,
  .cd-dropdown-content ul a {
    
height: 50px;
color:#5F6367;    
line-height: 50px;
  
}


}



.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
  
padding: 0 20px;

}


/* menu para el movil*/
.cd-dropdown {
  
position: fixed;
  
z-index: 1;
  
top: 0;
  
left: 0;
  /*  ancho del menu movil
width: 100%;
height: 100%;
*/  
/*background-color: #5F6367;*/


/* fondo movil  celular*/
/*background-color: #778899;*/

background-color: #E7DFD4;
  
color: #ffffff;


  color:#5F6367;
visibility: hidden;
  

/* Force Hardware Acceleration */
  
-webkit-backface-visibility: hidden;
  
backface-visibility: hidden;
  
-webkit-transform: translateZ(0);
  
-moz-transform: translateZ(0);
  
-ms-transform: translateZ(0);
  
-o-transform: translateZ(0);
  
transform: translateZ(0);
  
-webkit-transform: translateY(-100%);
  
-moz-transform: translateY(-100%);
  
-ms-transform: translateY(-100%);
  
-o-transform: translateY(-100%);
  
transform: translateY(-100%);
  
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
  
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
  
transition: transform 0.5s 0s, visibility 0s 0.5s;

}


.cd-dropdown h2 {
  
/* dropdown title - mobile version only */
  
position: relative;
  
z-index: 1;
  
color: #ffffff;
  
background-color: #585a70;


background-color: #5F6367;

  
/*border-bottom: 1px solid #242643;*/
border-bottom: 1px solid #b3b3b3;


font-size:14px;

}


.cd-dropdown .cd-close {
  
/* 'X' close icon - mobile version only */
  
position: absolute;
  
z-index: 1;
  
right: 0;
  
top: 0;
  
height: 50px;
  
width: 50px;
  
/* image replacement */
  
overflow: hidden;
  
text-indent: 100%;
  
white-space: nowrap;
  
color: transparent;

}


.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
  
/* this is the 'X' icon */
  
content: '';
  
position: absolute;
  
left: 50%;
  
top: 50%;
  
bottom: auto;
  
right: auto;
  
-webkit-transform: translateX(-50%) translateY(-50%);
  
-moz-transform: translateX(-50%) translateY(-50%);
  
-ms-transform: translateX(-50%) translateY(-50%);
  
-o-transform: translateX(-50%) translateY(-50%);
  
transform: translateX(-50%) translateY(-50%);
  
height: 20px;
  
width: 2px;
  
background-color: #ffffff;




}


.cd-dropdown .cd-close::after {
  
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  
transform: translateX(-50%) translateY(-50%) rotate(45deg);

}


.cd-dropdown .cd-close::before {
  
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  
transform: translateX(-50%) translateY(-50%) rotate(-45deg);

}


.cd-dropdown.dropdown-is-active {
  
visibility:visible ;
  
-webkit-transform: translateY(0);
  
-moz-transform: translateY(0);
  
-ms-transform: translateY(0);
  
-o-transform: translateY(0);
  
transform: translateY(0);
  
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
  
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
  
transition: transform 0.5s 0s, visibility 0s 0s;

}


@media only screen and (min-width: 768px) {
  
.cd-dropdown .cd-close {
    
top: 5px;
  }



}


@media only screen and (min-width: 1024px) {

.cd-dropdown {
    
position: absolute;
    
top: calc(100% + 25px);
    
/* reset style*/
    
height: auto;
    
width: auto;
    
-webkit-transform: translateX(0);
    
-moz-transform: translateX(0);
    
-ms-transform: translateX(0);
    
-o-transform: translateX(0);
    
transform: translateX(0);
    
background-color: #ffffff;
    
color: #111433;
    
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    
opacity: 0;
    
-webkit-transform: translateY(30px);
    
-moz-transform: translateY(30px);
    
-ms-transform: translateY(30px);
    
-o-transform: translateY(30px);
    
transform: translateY(30px);
    
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
  
}
  

.open-to-left .cd-dropdown {
    
/* use the .open-to-left class if you want to open the dropdown on the left */
    
right: 0;
    
left: auto;
  
}
  

.cd-dropdown h2, .cd-dropdown .cd-close {
    
/* on desktop - hide title and 'X' */
    
display: none;
  
}
  

.cd-dropdown.dropdown-is-active {
    
opacity: 1;
    
-webkit-transform: translateY(0);
    
-moz-transform: translateY(0);
    
-ms-transform: translateY(0);
    
-o-transform: translateY(0);
    
transform: translateY(0);
    
-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
    
-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
    
transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
  
}
}



.cd-dropdown-content, .cd-dropdown-content ul {
  
position: absolute;
  
top: 0;
  
left: 0;
  
width: 100%;
  
height: 100%;
  
overflow-x: hidden;
  
overflow-y: auto;
  
-webkit-transition: -webkit-transform 0.3s;
  
-moz-transition: -moz-transform 0.3s;
  
transition: transform 0.3s;
  
padding-top: 50px;

}

/* Trunca el texto del Menu */


.cd-dropdown-content a, .cd-dropdown-content ul a {
  
display: block;
color: #ffffff;
  color: #5F6367;
/* truncate text with ellipsis if too long */
  
overflow: hidden;
text-overflow: ellipsis;
 
white-space: nowrap;
  
border-top-width: 1px;
  
/*border-color: #242643;*/
border-color: #b3b3b3;
  
border-style: solid;

}


.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
  
border-top-width: 0;

}


.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
  
border-bottom-width: 1px;

}


.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
  
padding-top: 10px;
  
padding-bottom: 10px;
  
background-color: #0b0e23;
  
font-size: 1.1rem;
  
font-weight: bold;
  
letter-spacing: 1px;
  
color: #585a70;
  
text-transform: uppercase;

}


.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
  
border-top-width: 0;

}


.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
  
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
  
-o-transform: translateZ(0);
  
transform: translateZ(0);
  
-webkit-backface-visibility: hidden;
  
backface-visibility: hidden;
  
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
  
transition: opacity 0.3s, transform 0.3s;

}


.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
  
/* push the secondary dropdown items to the right */
  
-webkit-transform: translateX(100%);
  
-moz-transform: translateX(100%);
  
-ms-transform: translateX(100%);
  
-o-transform: translateX(100%);
  
transform: translateX(100%);

}


.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  
/* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
  
opacity: 0;

}


.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
  
/* push the dropdown items to the left when secondary dropdown slides in */
  
-webkit-transform: translateX(-100%);
  
-moz-transform: translateX(-100%);
  
-ms-transform: translateX(-100%);
  
-o-transform: translateX(-100%);
  
transform: translateX(-100%);

}


.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
  
-webkit-overflow-scrolling: touch;

}


@media only screen and (min-width: 768px) {
  
.cd-dropdown-content, .cd-dropdown-content ul {
    
padding-top: 60px;
  
}
  

.cd-dropdown-content a, .cd-dropdown-content ul a {
    
/*font-size: 1.8rem;*/
  font-size: 1.6rem;
}
}


@media only screen and (min-width: 1024px) {
  
.cd-dropdown-content, .cd-dropdown-content ul {
    
padding-top: 0;
    
overflow: visible;
  
}
  
.cd-dropdown-content a, .cd-dropdown-content ul a {
/*Esta es para el color de letra de la lista principal del menu, donde se encuentra la AYUDA*/
color: #111433;
    
height: 50px;
    
line-height: 50px;
    
font-size: 1.5rem;

border-color: #ebebeb;
  
}
  
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
    
background-color: transparent;
    
color: #b3b3b3;
    
border-top: 1px solid #ebebeb;
  
}
  
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
    
border-top-width: 1px;
  
}
  
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    
/* reset mobile style */
    
opacity: 1;
  
}
}



.cd-dropdown-content .see-all a {
  /* different style for the See all links color de las ligas*/
  color: #5F6367;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
  
/* truncate text with ellipsis if too long */
  
overflow: hidden;
  
text-overflow: ellipsis;
  
white-space: nowrap;

}


.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
  
padding-left: 90px;

}


.cd-dropdown-content .cd-dropdown-gallery img {
  
position: absolute;
  
display: block;
  
height: 40px;
  
width: auto;
  
left: 20px;
  
top: 50%;
 
margin-top: -20px;

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
  
padding-left: 75px;
  position: relative;

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
  
color: #111433;
  
font-size: 1.3rem;
  
/* hide description on small devices */
  
display: none;

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
  
/* item icon */
  
content: '';
  
display: block;
  
position: absolute;
  
left: 20px;
  
top: 50%;
  
margin-top: -20px;
  
width: 40px;
  
height: 40px;
  
background-repeat: no-repeat;
  
background-position: center center;
  
background-size: 40px 40px;

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
  
background-image: url("../img/nucleo-icon-7.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
  
background-image: url("../img/nucleo-icon-6.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
  
background-image: url("../img/nucleo-icon-11.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
  
background-image: url("../img/nucleo-icon-4.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
  
background-image: url("../img/nucleo-icon-5.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
  
background-image: url("../img/nucleo-icon-6.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
  
background-image: url("../img/nucleo-icon-7.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
  
background-image: url("../img/nucleo-icon-8.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
  
background-image: url("../img/nucleo-icon-9.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
  
background-image: url("../img/nucleo-icon-10.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
  
background-image: url("../img/nucleo-icon-11.svg");

}


.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
  
background-image: url("../img/nucleo-icon-12.svg");

}


@media only screen and (min-width: 1024px) {
  
.cd-dropdown-content {
    
/* reset mobile style */
    
position: static;
    
height: auto;
    
/*width: 280px;
 aqui */

}
  
.cd-dropdown-content > li:last-of-type a {
    
border-bottom: none;
  
}
  
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    
color: #5F6367;
 background-color: #E7DFD4;   /* hover menu principal pantalla grande*/
}
  
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
    
/* reset mobile style */
    
-webkit-transform: translateX(0);
    
-moz-transform: translateX(0);
    
-ms-transform: translateX(0);
    
-o-transform: translateX(0);
    
transform: translateX(0);
    
opacity: 1;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    
-webkit-transform: translateX(0);
    
-moz-transform: translateX(0);
    
-ms-transform: translateX(0);
    
-o-transform: translateX(0);
    
transform: translateX(0);
    
left: 100%;
    
height: auto;
    
background-color: #ffffff;
    
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  
}
  
.cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
    
clear: both;
    
content: "";
    
display: table;
  
}
  
.open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
    
/* use the .open-to-left class if you want to open the dropdown on the left */
    
left: auto;
    
right: 100%;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
    
/* reset mobile style */
    
-webkit-transform: translateX(0);
    
-moz-transform: translateX(0);
    
-ms-transform: translateX(0);
    
-o-transform: translateX(0);
    
transform: translateX(0);
  
}
  
.cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
    
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    
-webkit-animation: cd-fade-in 0.2s;
    
-moz-animation: cd-fade-in 0.2s;
    
animation: cd-fade-in 0.2s;


  
}
  
.cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
    
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
    
-webkit-animation: cd-fade-out 0.2s;
    
-moz-animation: cd-fade-out 0.2s;
    
animation: cd-fade-out 0.2s;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
    
display: none;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    
position: absolute;
    
bottom: 20px;
    
height: 45px;
    
text-align: center;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
    
margin: 0;
    
height: 100%;
    
line-height: 45px;
    
background: #ebebeb;
background: red;
    
pointer-events: auto;
    
-webkit-transition: color 0.2s, background-color 0.2s;
    
-moz-transition: color 0.2s, background-color 0.2s;
    
transition: color 0.2s, background-color 0.2s;
  
}
  
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    
color: #ffffff;
    
background-color: #111433;
 background-color: #778899;   
  
}
  
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
    
border: none;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
    
padding: 20px 30px 100px;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
    
width: calc(100% - 60px);
  
}
  
.cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
/* Ref.-D La opción del Width es para ajustar el tamaño del menú secundario y quede relleno de forma que aunque sean textos muy grandes, estos quepan de forma adecuada*/    

width: 85%;
white-space: wrap;
   
float: left;
  
}
 
/* Ref.-D Esta funcion es para cambiar el tamaño del submenu a lo ancho*/ 
.cd-dropdown-content .cd-secondary-dropdown {
    
/*overflow: hidden;*/
 

 width: 820px; 
/* height:300px; */ 
    
/*padding-bottom: 65px;*/
  
}
  
.cd-dropdown-content .cd-secondary-dropdown::before {
    
/* this is the separation line in the middle of the .cd-secondary-dropdown element */
    
position: absolute;
    
content: '';
    
/*top: 290px;
         aqui*/
left: 15px;
    
height: 1px;
    
width: 520px;
    
background-color: #ebebeb;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > li > a {
  /* Con este se le da formato a los titulos del submenu (Indice, Informe General, Grupo Funcional etc) */   

color: #5F6367;
    
font-size: 1.6rem;
    
margin-bottom: 10px;
    
line-height: 30px;
    
height: 30px;
    
/*pointer-events: none;*/  /* Con esta linea se le permite activar el link a un texto  - de los que salen en el submenu*/
  
}
  

/* Sirve para igualar el comportamiento de las etiquetas <a> cuando el cursor pasa encima de ellas */
.no-touch .cd-dropdown-content .cd-secondary-dropdown div:hover {
 
background-color: #e7dfd4;
color:#5F6367;
cursor: pointer;

}

/* Clase que sirve para controlar de forma aislada el que el texto se ajuste al tamaño de su contenedor */

.separata{

word-wrap: break-word !important;
width: 540px; 
height: 40px !important;
font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif" !important;
font-size: 1.5rem !important;
color:#000000;
margin-left: 10px;
margin-top: 1px;
text-align:justify;

/*margin: auto;*/
padding: 10px;

}









.cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
    
/* hide the arrow */
    
display: none;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
    
/* reset mobile style */
    
-webkit-transform: translateX(0);
    
-moz-transform: translateX(0);
    
-ms-transform: translateX(0);
    
-o-transform: translateX(0);
    
transform: translateX(0);
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > li {
    
margin: 20px 0;
    
border-right-width: 1px;
    
border-color: #ebebeb;
    
border-style: solid;
    
padding: 0 30px;


/*height: 250px;
     alto del menu secundario  aqui*/
}
  
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
    
border-right-width: 0;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > li > ul {
    
/* reset mobile style */
    
-webkit-transform: translate(0);
    
-moz-transform: translate(0);
    
-ms-transform: translate(0);
    
-o-transform: translate(0);
    
transform: translate(0);
    
position: relative;
    
height: auto;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
    
display: none;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown a {
    
/* En esta seccion se puede mover a la altura para que se alcancen a ver los elementos del menu 3 el de los volumenes */
line-height: 25px;
    
height: 25px; 
    
font-size: 1.3rem
    
padding-left: 0;
  
}
  
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    
color: #5F6367;
  background-color: #778899;    
 background-color: #E7DFD4;   /* hover menu SECUNDARIO pantalla grande*/
}
  
.cd-dropdown-content .cd-secondary-dropdown ul {
    
padding-bottom: 25px;
    
overflow: hidden;
    
height: auto;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown .go-back a {
    
padding-left: 20px;
    
color: transparent;
  
}
  
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
    
color: transparent;
  background-color: #778899;    
}
  
.cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
    
left: 0;
  
}
  
.cd-dropdown-content .cd-secondary-dropdown .see-all {
    
position: absolute;
    
bottom: 0;
    
left: 0;
    
width: 100%;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery {
    
width: 600px;
    
padding-bottom: 100px;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery > li {
    
width: 48%;
    
float: left;
    
margin-right: 4%;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
    
margin-right: 0;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    
padding: 0;
    
height: auto;
    
line-height: normal;
    
color: #5F6367;
    
margin-bottom: 2em;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
    
margin-bottom: 0;
  
}
  
.cd-dropdown-content .cd-dropdown-gallery img {
    
position: static;
    
height: auto;
    
width: 100%;
    
margin: 0 0 0.6em;
  
}
  
.cd-dropdown-content .cd-dropdown-icons {
    
width: 600px;
  
}
  
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    
height: 80px;
    
line-height: 1.2;
    
padding: 24px 0 0 85px;
  
}
  
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    
/*background: #ebebeb;*/
  
}
  
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    
color: #5F6367;
    
font-weight: bold;
  
}
  
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    
display: block;
    
font-size: 1.2rem;
  
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    
left: 25px;
  
}
  
.cd-dropdown-content > .has-children > ul {
    
visibility: hidden;
  
}
  
.cd-dropdown-content > .has-children > ul.is-active {
    
/* when hover over .cd-dropdown-content items - show subnavigation */
    
visibility: visible;
  
}
  
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
    
/* if .cd-secondary-dropdown is visible - show also subnavigation */
/* Pone visibles las listas del menu secundario ejemplo (Gobierno, Desarrollo Social, Desarrollo Economico, gasto Federalizado)*/  
visibility: visible;
  
}
  
.cd-dropdown-content > .has-children > a.is-active {
    
/* hover effect for .cd-dropdown-content items with subnavigation */
    
/*box-shadow: inset 2px 0 0 #5F6367;*/
    
color: #5F6367;

  
}
  
.cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {
    
background: #5F6367;

  
}
  
.open-to-left .cd-dropdown-content > .has-children > a.is-active {
    
box-shadow: inset -2px 0 0 #5F6367;

  
}
}



@-webkit-keyframes cd-fade-in {
  
0% {
    
opacity: 0;
    
visibility: visible;
  
}
  
100% {
    
opacity: 1;
    
visibility: visible;
  
}
}


@-moz-keyframes cd-fade-in {
  
0% {
    
opacity: 0;
    
visibility: visible;
  
}
  
100% {
    
opacity: 1;
    
visibility: visible;
  
}
}


@keyframes cd-fade-in {
  
0% {
    
opacity: 0;
    
visibility: visible;
  
}
  
100% {
    
opacity: 1;
    
visibility: visible;
  
}
}


@-webkit-keyframes cd-fade-out {
  
0% {
    
opacity: 1;
    
visibility: visible;
  
}
  
100% {
    
opacity: 0;
    
visibility: visible;
  
}
}


@-moz-keyframes cd-fade-out {
  
0% {
    
opacity: 1;
    
visibility: visible;
  
}
  
100% {
    
opacity: 0;
    
visibility: visible;
  
}
}


@keyframes cd-fade-out {
  
0% {
    
opacity: 1;
   
visibility: visible;
  
}
  
100% {
    
opacity: 0;
    
visibility: visible;
  
}
}


.cd-search input[type="search"] {
  
width: 100%;
  
height: 50px;
  
padding: 0 20px;
  
-webkit-appearance: none;
  
-moz-appearance: none;
  
-ms-appearance: none;
  
-o-appearance: none;
  
appearance: none;
  
background-color: #242643;
  
color: #ffffff;
  border: none;
  
border-radius: 0;

}


.cd-search input[type="search"]::-webkit-input-placeholder {
  
color: #ffffff;

}


.cd-search input[type="search"]::-moz-placeholder {
  
color: #ffffff;

}


.cd-search input[type="search"]:-moz-placeholder {
  
color: #ffffff;

}


.cd-search input[type="search"]:-ms-input-placeholder {
  
color: #ffffff;

}


.cd-search input[type="search"]:focus {
  
background: #ffffff;
  
color: #111433;
  
outline: none;

}


.cd-search input[type="search"]:focus::-webkit-input-placeholder {
  
color: rgba(17, 20, 51, 0.4);

}


.cd-search input[type="search"]:focus::-moz-placeholder {
  
color: rgba(17, 20, 51, 0.4);

}


.cd-search input[type="search"]:focus:-moz-placeholder {
  
color: rgba(17, 20, 51, 0.4);

}


.cd-search input[type="search"]:focus:-ms-input-placeholder {
  
color: rgba(17, 20, 51, 0.4);

}


@media only screen and (min-width: 1024px) {
  
.cd-search input[type="search"] {
    
background-color: #ebebeb;
  
}
  
.cd-search input[type="search"]::-webkit-input-placeholder {
    
color: #b3b3b3;
  
}
  
.cd-search input[type="search"]::-moz-placeholder {
    
color: #b3b3b3;
  
}
  
.cd-search input[type="search"]:-moz-placeholder {
    
color: #b3b3b3;
  
}
  
.cd-search input[type="search"]:-ms-input-placeholder {
    
color: #b3b3b3;
  
}
}



.has-children > a, .go-back a {
  
position: relative;

}


.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  
/* arrow icon in CSS - for element with nested unordered lists */
/* Este pone las flechitas cuando un rubro tiene hijos (>)*/

content: '';
  
position: absolute;
  
top: 50%;
  
margin-top: -1px;
  
display: inline-block;
  
height: 2px;
  
width: 10px;
  
background: #ffffff;
  
-webkit-backface-visibility: hidden;
  
backface-visibility: hidden;

}


.has-children > a::before, .go-back a::before {
  
-webkit-transform: rotate(45deg);
  
-moz-transform: rotate(45deg);
  
-ms-transform: rotate(45deg);
  
-o-transform: rotate(45deg);
  
transform: rotate(45deg);

}


.has-children > a::after, .go-back a::after {
  
-webkit-transform: rotate(-45deg);
  
-moz-transform: rotate(-45deg);
  
-ms-transform: rotate(-45deg);
  
-o-transform: rotate(-45deg);
  
transform: rotate(-45deg);

}


@media only screen and (min-width: 1024px) {
  
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    
background: #b3b3b3;
  
}
}



.has-children > a {
  
padding-right: 40px;

}


.has-children > a::before, .has-children > a::after {
  
/* arrow goes on the right side - children navigation */
  
right: 20px;
  
-webkit-transform-origin: 9px 50%;
  
-moz-transform-origin: 9px 50%;
  
-ms-transform-origin: 9px 50%;
  
-o-transform-origin: 9px 50%;
  
transform-origin: 9px 50%;

}



@media only screen and (min-width: 1024px) {
  
.open-to-left .cd-dropdown-content > .has-children > a {
    
padding-left: 40px;
    
padding-right: 20px;
  
}
  
.open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {
    
right: auto;
    
left: 20px;
    
-webkit-transform-origin: 1px 50%;
    
-moz-transform-origin: 1px 50%;
    
-ms-transform-origin: 1px 50%;
    
-o-transform-origin: 1px 50%;
    
transform-origin: 1px 50%;
  
}
}


.cd-dropdown-content .go-back a {
  
padding-left: 40px;

}


.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
  
/* arrow goes on the left side - go back button */
  
left: 20px;
  
-webkit-transform-origin: 1px 50%;
  
-moz-transform-origin: 1px 50%;
  
-ms-transform-origin: 1px 50%;
  
-o-transform-origin: 1px 50%;
  
transform-origin: 1px 50%;

}


.cd-main-content {
  
background-color: #e6e6e6;
  
min-height: calc(100vh - 100px);
  
padding: 2em 5%;
  line-height: 2;

}



.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
  
visibility: visible;
  
opacity: 1;
  
-webkit-transform: translateY(0);
  
-moz-transform: translateY(0);
  
-ms-transform: translateY(0);
  
-o-transform: translateY(0);
  
transform: translateY(0);

}



.no-js .cd-dropdown-wrapper .cd-close {
  
display: none;

}


/* Estilos heredados */

.tablas1
{  
  font-family:"Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
  font-size: 14px; 
  font-style: normal;
  font-weight:normal;   
  background-color: #FFFFFF;     
 /* box-shadow: inset  0 0 5px #999;*/
  
  background-image: url(../Imagenes/Fondo.png);
}

.tablas2
{  
  font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
  font-size: 14px; 
  font-style: normal;  
  background-color: #FFFFFF;     
  /*background-image: url(../Imagenes/Fondo.png);*/
  
}

.tablas3
{  
  font-family: "Calibri" , "Candara" , "Segoe" , "Segoe UI" , "Optima" , "Arial" , "sans-serif"; 
  font-size: 14px; 
  font-style: normal;
  font-weight:bold;   
  background-color: #FFFFFF;     
  /*background-image: url(../Imagenes/Fondo.png);*/
}

.visible
{
display: block;
}

.invisible
{
display: none;
}

.tabs- tr:hover {
 background-color: #DCDCDC;
}


a:hover {  color: #5F6367; }
a:hover:visited {  color: #5F6367; }
a:visited {  text-decoration: none; color:#5F6367; }


/*#tabs1{
vertical-align:baseline;
}
*/