/*#region Configuracion general*/
* {
    box-sizing: border-box;
}

/*Nuevas fuentes*/
@font-face {
    font-family: 'Azo Sans Bk';
    src: url('../font/AzoSans-Black.eot');
    src: url('../font/AzoSans-Black.eot?#iefix') format('embedded-opentype'), url('../font/AzoSans-Black.woff') format('woff'), url('../font/AzoSans-Black.ttf') format('truetype'), url('../font/AzoSans-Black.svg#AzoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azo Sans Lt';
    src: url('../font/');
    src: url('../font/AzoSans-Light.eot?#iefix') format('embedded-opentype'), url('../font/AzoSans-Light.woff') format('woff'), url('../font/AzoSans-Light.ttf') format('truetype'), url('../font/AzoSans-Light.svg#AzoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azo Sans Bold';
    src: url('../font/AzoSans-Bold.eot');
    src: url('../font/AzoSans-Bold.eot?#iefix') format('embedded-opentype'), url('../font/AzoSans-Bold.woff') format('woff'), url('../font/AzoSans-Bold.ttf') format('truetype'), url('../font/AzoSans-Bold.svg#AzoSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Azo Sans';
    src: url('../font/AzoSans-Regular.eot');
    src: url('../font/AzoSans-Regular.eot?#iefix') format('embedded-opentype'), url('../font/AzoSans-Regular.woff') format('woff'), url('../font/AzoSans-Regular.ttf') format('truetype'), url('../font/AzoSans-Regular.svg#AzoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



html {
    height: 100%;
    width: 100%;
}

body {
    /*font: 13px Tahoma,'Banda Regular', Helvetica, arial, serif;*/
    font-family: 'Azo Sans',Helvetica, arial, serif;
    font-size: 13px;
}

#wrapper {
   max-width: 1400px;
   /*quitado jx*/
   /*box-shadow: 0 0 1em #666;*/
   margin: 0 auto; 
}

.negrita {
    font-weight:bold;
}

.oculto {
    display: none;
}

.resaltar {
    color: #37476A !important;
    font-size: 22px !important;
    text-align: center;
    margin-bottom: 30px !important;
}

.loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 999999999999999;                
    background:url(../images/loader.gif) no-repeat center center;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    background-color: rgba(255,255,255,.1);
}
.clearfix {
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/*a, a:link, a:visited {
    color: #32B1B4;
    font-weight: bold;
}*/

a, a:link, a:visited {
    color: #37476A;
    /*color: white;*/
    font-weight: bold;
}

        a:hover, a:active {
            color: #E2A724;
        }

/*input[type=button] {
        text-decoration: none;
        border: 1px solid #016988;
        font-weight: bold;
        color: #016988;
        
        background: #f2f5f7 ;
        padding: 0.3em 1em;

		box-shadow        : 1px 1px 2px #555;
        text-align: center;
        width: 120px;
        height: 24px;
	}*/

input[type=button]:hover,
input[type=button]:active
 {
    color: #ccad29;
}



input[type='text'], input[type='password'], input[type='email'] {
    /*quitado jx*/
    /*background-color: transparent;
    border: 1px solid #016988;*/
    padding: 4px;
    /*text-transform: uppercase;*/
}

textarea {
    color: #000;
    /*font: 100 14px Tahoma, Verdana;*/
    background-color: transparent;
    padding: 4px;
    resize: none;
    border:1px solid #555;
    width: 100%;
    height: 80px;
}

select {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #37476A;
    padding: 4px;
    /*text-transform: uppercase;*/
}

label {
    font-weight:bold;
    color: #555;
}

.diverror {
    position: absolute;
    background: #cd0a0a;
    color: #fff;
    border-radius:6px;
    width: 100%;
    bottom: 0;
    cursor: pointer;
    z-index: 99999;
}

.diverror ul {
    padding: 0;
    margin: 0;
}

.diverror li,
.diverror label {
    margin: .5em;
    display: block;
    cursor: pointer;
    color: #fff;
}


.Requerido::after {
font-weight:bolder; 
color: red;
content: "*";
margin-left:.5em;
text-shadow:1px 2px 2px #000000;
}

.input_Error {
    border: 1px solid red !important;
    /*background: rgba(150,15,51,.1) !important;*/
}

.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,
.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol {
    float: left;
    margin: 0 2% 10px 0;
  }
  .onecol {
    width: 6.5%;
  }
  .twocol {
    width: 15%;
  }
  .threecol {
    width: 23.5%;
  }
  .fourcol {
    width: 32%;
  }
  .fivecol {
    width: 40.5%;
  }
  .sixcol {
    width: 49%;
  }
  .sevencol {
    width: 57.5%;
  }
  .eightcol {
    width: 66%;
  }
  .ninecol {
    width: 74.5%;
  }
  .tencol {
    width: 83%;
  }
  .elevencol {
    width: 91.5%;
  }
  .twelvecol {
    width: 100%;
  }
  .last {
    margin-right: 0;
  }

.onecol label, .twocol label, .threecol label, .fourcol label, .fivecol label, .sixcol label,
.sevencol label, .eightcol label, .ninecol label, .tencol label, .elevencol label, .twelvecol label,
 .onecol select, .twocol select, .threecol select, .fourcol select, .fivecol select, .sixcol select,
.sevencol select, .eightcol select, .ninecol select, .tencol select, .elevencol select, .twelvecol select,
.onecol input, .twocol input, .threecol input, .fourcol input, .fivecol input, .sixcol input,
.sevencol input, .eightcol input, .ninecol input, .tencol input, .elevencol input, .twelvecol input{
width: 100%;
}

/*h3 {
        background: #016988;
        color: #f2f5f7;
        padding: 15px;
        text-align: right;
        margin: 0;
        font-size: 14px;
    }*/
h3 {
    background: #37476A;
    color: #f2f5f7;
    padding: 15px;
    text-align: right;
    margin: 0;
    font-size: 14px;
    height: 51px;
}

        h3:hover,
        h3:active {
            color: #fff;
        }

.dataTables_info {
    color: #37476A !important;
    font-weight: bold;
}

.hover {
    cursor: pointer;
}

.idmodal {
    position: absolute;
    display: block;
    width: 100px !important;
    top: 25px;
    right: 35px;
    text-align: right;
    color: red;
    font-weight: bold;
    font-size: 16px;
    z-index: 99;
}

#tabsminuta .ui-tabs-panel {
    /*height: 330px !important;*/
    overflow: auto;
}

#tabscorreo .ui-tabs-panel {
    height: 330px !important;
    overflow: auto;
}

#tabsacuerdo .ui-tabs-panel {
    /*height: 270px !important;*/
    overflow: auto;
}

.ui-icon {
background-image: url("../../Scripts/jqueryui/images/ui-icons_ccad29_256x240.png") !important;
}
.ui-icon-close:hover,
.ui-icon-close:active {
    background-image: url("../../Scripts/jqueryui/images/ui-icons_ffffff_256x240.png") !important;
    background-color: #37476A;
    cursor: pointer;
}


  .ui-tabs-vertical { 
      width: 100%; 
  }
  .ui-tabs-vertical .ui-tabs-nav { 
      padding: 5px 3px; 
      float: left; 
      width: 135px; 
      border: 0;
  }
  .ui-tabs-vertical .ui-tabs-nav li { 
      clear: left; 
      width: 100%; 
      border-bottom-width: 2px !important; 
      border-right-width: 0 !important;
      margin: 0 -1px 0 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-left-width: 10px !important; 
      /*border-right-width: 1px !important;*/ 
  }

  .ui-tabs-vertical .ui-tabs-panel { 
      padding: 10px; 
      float: right; 
      width: 80%;
  }
  

/*#endregion*/

/*#region Header */

header {
    /*border-bottom: 4px solid #ccad29;*/ /* ;  azul: #016988; */
    height: 120px;
    position: relative;
    /*background-image: url("../../Scripts/jqueryui/images/ui-icons_ffffff_256x240.png") !important;*/
    background-image: url("../images/cintilla-minutas.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
}

    header #usuario {
        position: absolute;
        left: 85%;
        top: 0;
        margin: 5px;
        
    }

    header #usuario a {
            display: block;
            margin-bottom: 25px;
            
        }
/*style="display:inline-block; margin-top:10px; margin-left:16%; width:52%; text-align:left"*/
    header #nombreAplicativo {
        display: inline-block;
        margin-top: 30px;
        margin-left: 16%;
        width: 52%;
        text-align: left;
        font-family: 'Azo Sans Bold';
    }
    /*style="margin-top:-60px; margin-left:-30px; text-align:left;"*/
    header #tituloprincipal {
        padding-left: 30%;
        margin: 0 auto;
        text-align: left;
        margin-top: -60px;
        font-family: 'Azo Sans Lt';
    }

         header #tituloprincipal h2 {
            font-size: 14px;
            font-weight: lighter;
            margin: 5px 0;
            letter-spacing: 1px;
        }

        header #tituloprincipal  h1 {
            font-size: 15px;
            font-weight: bolder;
            margin: 4px 0;
            line-height: 24px;
        }
.boton-header {
    background-color: #32B1B4;
    color: #fff !important;
    padding: 13px 20px;
    font-family: 'Azo Sans';
    text-decoration: none;
    font-weight: normal !important;
}

    /*quitado jx*/
    /*box-shadow: 0px 2px 0px #ddd;*/
    /*background-image: url(../images/leon_top_right.png);*/
    /*header #logo a {
        position: absolute;
        right: 0;
        top: 0;
        height: 70px;
        width: 161px;
       
        background-image: url('https://imagenes.leon.gob.mx/logo-leon.svg');
        background-repeat: no-repeat;
        background-size: contain;
        margin: 10px;
    }*/

    header #logo a {
        position: absolute;
        left: 0;
        top: 20px;
        height: 70px;
        width: 161px;
        background-image: url(https://imagenes.leon.gob.mx/logo-leon-bco.svg);
        background-repeat: no-repeat;
        background-size: contain;
        margin: 10px;
    }

    div > logo {
        position: absolute;
        left: 0;
        top: 20px;
        height: 70px;
        width: 161px;
        
        margin: 10px;
    }
/*#endregion */
/*#region Menu */
#menuprincipal #lblMenu {
    margin: 5px;
    background: url("../images/menu.png") 0 0 no-repeat;
    background-size: 37px;
    display: inline-block;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: none;
    border: 2px solid #fff;
    border-radius: 4px;
}

    #menuprincipal #lblMenu:hover,
    #menuprincipal #lblMenu:active {
        box-shadow: 1px 1px 1px #ddd;
    }

#menuprincipal #menu{
	display: none;
}

/*#menuprincipal {
    float: left;
    
    font-weight:bold;
    text-shadow:1px 2px 2px #222;
}*/



/*#menuprincipal {
    font-weight: bold;
    width: 80%;
    margin: 0 auto;
}*/

#menuprincipal {
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
    background-color: #37476A;
    float: left;
}

nav {
    background-color: #37476A;
    margin: 0 auto;
    width: 80%;
}


                #menuprincipal nav ul {
                    text-decoration: none;
                    padding: 0;
                    margin: 8px;
                    z-index: 99;
                }

                    /*#menuprincipal nav ul li {
                        display: inline-block;
                        overflow: hidden;
                        padding: 8px 7px;
                        
                        box-shadow: 1px 0px 0px #ddd;
                        position:relative;
                    }*/

                    #menuprincipal nav ul li {
                        display: inline-block;
                        overflow: hidden;
                        padding: 8px 7px;
                        box-shadow: 1px 0px 0px #32b1b4;
                        position: relative;
                    }

                        /*#menuprincipal nav ul li a, 
                        #menuprincipal nav ul li a:link, 
                        #menuprincipal nav ul li a:visited {
                            text-decoration: none;
                            color: #f2f5f7;
                            margin: 0 10px;
                        }*/
                        #menuprincipal nav ul li a, 
                        #menuprincipal nav ul li a:link, 
                        #menuprincipal nav ul li a:visited {
                            text-decoration: none;
                            color: #32B1B4;
                            margin: 0 10px;
                        }



                            #menuprincipal nav ul li a:hover,
                            #menuprincipal nav ul li a:active,
                            #menuprincipal nav ul li:hover a {
                                color: #E2A724;
                            }

                        
.valormenu {
    display: inline-block;
    /*border: 1px solid red;*/
    margin: 0 5px;
    /*position:absolute;*/
    /*top: 5px;
    right: -5px;*/
    font-size: 11px;
    /*padding: 3px;*/
    /*padding-left:10px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    border-radius: 50%;*/
    /*color: red;*/
}

/*#endregion */

/*#region main */

main {
    /*background: transparent url(../images/mitad.png) no-repeat center center;*/
    background-size:40%; 
    position: relative;
    min-height: 600px;
}

/*#menuprincipal {
    
}*/

.main-content {
    min-height: 500px;
}
    
/*#region Filtro para búsquedas */

.filtro {
    position: absolute;
    top: 47px;
    right: 0;
    bottom: 0;
    width: 0;
    background-color: #fff;
    border: none;
    padding: 0;
    /*border-radius: 10px 0 0 10px;*/
    overflow: auto;
    /*box-shadow: -3px -3px 3px #666;*/
    transition: .5s width ease;
    z-index: 99999;
}

#chkfiltro:checked ~ .filtro {
    width: 250px;
    padding: 10px;
    /*border: 1px solid #ccad27;*/
    border-left: 6px solid #37476A;
    border-top: 6px solid #37476A;
    border-bottom: 6px solid #37476A;
}

    .filtro .titulofiltro {
        margin-bottom: 20px;
        border-bottom: 1px dotted #555;
    }

        .filtro .titulofiltro .subtitulos {
            font-size: 20px;
            width: 40%;
            display: inline-block;
        }

        .filtro .titulofiltro .botonesfiltro {
            width: 58%;
            text-align:right;
            display: inline-block;
        }

            .filtro .titulofiltro .botonesfiltro label {
                margin: 0 5px;
                font-size: 22px;
            }

    .filtro .contenidofiltro {
        padding: 10px;
        width: 100%;
    }

/*#endregion */

/*#region opciones para las ventanas principales */

.divsubmenu {
    width: 100%;
    overflow: hidden;
}

    .divsubmenu div:first-child {
        width: auto;
        border: none;
        float: left;
    }

#submenu {
    float: right;
}

    #submenu label {
        margin: 10px;
        cursor: pointer;
        float: left;
    }

/*#endregion */

/*#region Inicio de sesión */

.iniciodesesion {
     margin: 50px auto;
    max-width: 500px;
    border: 15px solid #f2f5f7;
    border-radius: 10px;
    /*padding: 20px;*/
    /*quitado jx*/
    /*box-shadow: 0px 25px 46px -17px #555;*/
    position: relative;
}

    .iniciodesesion .botoniniciarsesion {
        margin-top: 30px;
        text-align: center;
    }

    .iniciodesesion .botonrecuperpwd {
        margin: 30px;
        text-align: right;
    }

#txtcUsuPassword, #txtcUsuPasswordr {
    margin: 0;
    background-color: white;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 1px;
    border: 2px inset;
    color: initial;
    /*font: 13px Tahoma,'Banda Regular', Helvetica, arial, serif;*/
    width: 100%;
    background-color: transparent;
    border: 1px solid #37476A;
    padding: 4px;
    /*text-transform: uppercase;*/
}

/*#endregion */

/*#region Catalogo de Usuarios */



/*#endregion */

/*#endregion */
 
/*#region Footer */



footer {
    /* background-color: #016988; */
    padding: 20px 0;
    text-align: center;
    /* color: #f2f5f7; */
    position: relative;
    color: #202C4D;
}


    footer .version {
        position: absolute;
        bottom: 5px;
        right: 10px;
    }

    footer:hover,
    footer:active {
        /*color: #fff;*/
    }
/*#endregion */     



/*Archivos*/
.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #37476A;
    border-radius: 5px;
    background-color: #f2f5f7;
    color: #37476A;
    text-align: center;
    font-size: 12pt;
    width: 200px;
    min-height: 40px;
    padding-top: 10px;
    margin: 0 auto;
}

    .custom-input-file:hover,
    .custom-input-file:active {
        background-color: #37476A;
        color: #f2f5f7;
    }

    .custom-input-file .input-file {
        margin: 0;
        padding: 0;
        outline: 0;
        font-size: 10000px;
        border: 10000px solid transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        right: -1000px;
        top: -1000px;
        cursor: pointer;
    }

.estilodownloadfile {
    display: block;
    margin: 10px; 
}

#btnagregarasistente {
    width: 140px;
    position:relative;
    top: 40px;
    left: 40px;
    z-index:99;
}

#btnagregarsuplente {
    width: 140px;
    position:relative;
    top: 40px;
    left: 40px;
    z-index:99;
}

#avance {
    margin-top: 15px;
    height: 20px;
    display: inline-block;
    width: 80%;
}

    #avance .ui-slider-range {
        background: #37476A;
    }
    #avance .ui-slider-handle {
        border-color: #37476A;
        cursor: pointer;
        height: 24px;
    }

#lblavance {
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px;
}

    #lblavance:after {
        content: " %";
    }




#contenidoimpresion {
    float:left;
    position: relative;
}

#contenidoimpresion .idmodal {
        top:10px;
    }

    #contenidoimpresion section {
        margin: 5px 0;
        float: left;
        width: 100%;
    }

    #contenidoimpresion section h4 {
        display:block;
        margin: 0;
        background-color: #555;
        color: #fff;
        font-size: 18px;
        padding: 5px;
        width: 100%;
        text-align: center;
    }

    #contenidoimpresion .onecol,#contenidoimpresion .twocol,#contenidoimpresion .threecol,#contenidoimpresion .fourcol,
    #contenidoimpresion .fivecol,#contenidoimpresion .sixcol,#contenidoimpresion .sevencol,#contenidoimpresion .eightcol,
    #contenidoimpresion .ninecol,#contenidoimpresion .tencol,#contenidoimpresion .elevencol{
        border-left: 1px solid #000;
        margin: 0;
        padding: 5px 3px;

    }

    #contenidoimpresion .twelvecol {
        border: 1px solid #000;
        padding: 0;
        margin: 0;
    }

    #contenidoimpresion .margen {
        padding: 5px 3px;
    }

    #contenidoimpresion #asistentes {
        padding: 5px 3px;
    }

    #contenidoimpresion #acuerdos li{
        padding: 3px 0 3px 40px;
        float: left;
        width: 100%;
        display: block;
    }

@media print {
    .idmodal {
        top:0;
    }
}



/* Paneles del home */

/*.panel {
    border: 1px solid #ddd;
    width: 100%;
    height: 140px;
    border-radius: 3px;
    border-bottom: 5px solid #caa529;
    margin: 10px 0;
    text-align: center;
    padding: 7px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px #777;
    
    -webkit-animation: anim .50s ease-in-out;
    animation        : anim .50s ease-in-out;
}*/

/*.panel {
    border: 1px solid #ddd;
    width: 100%;
    height: 140px;
    border-radius: 10px;
    margin: 20px 0;
    text-align: center;
    -webkit-animation: anim .50s ease-in-out;
    animation: anim .50s ease-in-out;
}*/

.panel {
    /*border: 1px solid #ddd;*/
    width: 100%;
    height: 140px;
    border-radius: 3px;
    margin: 10px 0;
    text-align: center;
    padding: 7px;
    box-sizing: border-box;
    -webkit-animation: anim .50s ease-in-out;
    animation: anim .50s ease-in-out;
}


/*.paneltitulo {
    font: bolder 32px Poiret, 'Lato';
    color: #37476A;
    float: left;
}*/

.paneltitulo {
    font-family: 'Azo Sans';
    font-size: 20px;
    color: #fff;
    float: left;
    padding-left:10px;
}


.panel .icono {
    float:left; 
    margin-top:8px; 
    margin-right:10px; 
    font-size:16px; 
    color:rgba(128, 128, 128, 0.77);
}

.panel canvas {
    float: right;
}

.panelgrafica {
    height: 800px;
}

/*.paneldependencia {
    height: 400px;
    text-align: left;
}*/

.paneldependencia {
    height: auto;
    text-align: left;
    float: left;
}

    /*.paneldependencia div a {
        margin: 5px 0;
        display: block;
        text-decoration: none;
    }*/

    .paneldependencia div a {
        padding: 5px 5px;
        display: block;
        text-decoration: none;
        color: #818284;
    }

#chartdiv {
    height: 740px;
}

#chartdivdep {
    height: 440px;
}

#chartdivpastel{
    height: 300px;
}


        .amcharts-pie-slice {
            transform: scale(1);
            transform-origin: 50% 50%;
            transition-duration: 0.3s;
            transition: all .3s ease-out;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            cursor: pointer;
            box-shadow: 0 0 30px 0 #000;
        }

            .amcharts-pie-slice:hover {
                transform: scale(1.1);
                filter: url(#shadow);
            }

/*.panellargo {
    height: 310px;
}*/

.panellargo {
    height: 430px;
    background-color: #202C4D;
    background: url(img/orla-acuerdos-pendientes.png) right;
    background-repeat: no-repeat;
}

.divBackAcuerdosPendientes {
    height: 100%;
    background-color: #192D51;
    border-radius: 20px;
    
}
#rptminutasPend {
    height: 100%;
    background: url(../images/orla-acuerdos-pendientes.png) right;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-size: contain;
}
.divBackMinutas {
    height: 100%;
    background-color: #006E67;
    border-radius: 15px;
    
}
#rptminutas {
    height: 100%;
    background: url(../images/orla-minutas.png) left;
    background-repeat: no-repeat;
}



.divBackAcuerdos {
    height: 100%;
    background-color: #522360;
    border-radius: 15px;
}

#rptacuerdos
{
    height: 100%;
    background: url(../images/orla-mis-acuerdos.png) left;
    background-repeat: no-repeat;
}
    



.chart-input {
    cursor: pointer;
}

.imgpanel {
    display: block;
    width: 80px;
    margin-top: 215px;
    /*margin: -50px auto ;
    padding-top: 40px;*/
}

.imgpanel2 {
    display: block;
    width: 80px;
    margin-top: -15px;
    /*margin: -50px auto ;
    padding-top: 40px;*/
}

.imgFlechaDer {
    float: right;
    display: block;
    width: 30px;
    /*margin-top: -30px;*/
    margin-left: 43%;
    position: absolute;
}

.imgFlechaDer2 {
    float: right;
    display: block;
    width: 30px;
    /*margin-top: -30px;*/
    margin-left: 27%;
    position: absolute;
}



.semaforo_verde {
    background: #299a0b;
    background: -moz-radial-gradient(center, ellipse cover, #299a0b 0%, #299a0b 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #299a0b 0%,#299a0b 100%);
    background: radial-gradient(ellipse at center, #299a0b 0%,#299a0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=1 );
    color: #fff;
}

.semaforo_azul {
    background: #1593b9;
    background: -moz-radial-gradient(center, ellipse cover, #1593b9 0%, #1593b9 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #1593b9 0%,#1593b9 100%);
    background: radial-gradient(ellipse at center, #1593b9 0%,#1593b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1593b9', endColorstr='#1593b9',GradientType=1 );
    color: #fff;
}

.semafaro_rojo {
    background: #a90329;
    background: -moz-radial-gradient(center, ellipse cover, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: radial-gradient(ellipse at center, #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
    color: #fff;
}

.semaforo_amarillo {
    background: #febf01;
    background: -moz-radial-gradient(center, ellipse cover, #febf01 0%, #febf01 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #febf01 0%,#febf01 100%);
    background: radial-gradient(ellipse at center, #febf01 0%,#febf01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=1 );
    color: #fff;
}

.semaforo_amarillo_quita {
    font-weight: normal;
    margin-left: -5px;
    color: #000;
}

.panelazul {
    background: #63b6db;
    background: -moz-radial-gradient(center, ellipse cover, #63b6db 0%, #63b6db 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #63b6db 0%,#63b6db 100%);
    background: radial-gradient(ellipse at center, #63b6db 0%,#63b6db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#63b6db',GradientType=1 );
    color: #fff;
    box-shadow: -3px 3px 3px #63b6db;
}

.rojo {
    color: #a90329;
    font-weight: bold;
}

.gridprincipalpequeño {
    max-width: 600px;
    margin: 0 auto;
}

.paneldependencia div a:nth-child(odd) {
    background-color: #F3F3F4;
}

.paneldependencia div a:nth-child(even) {
    background-color: #E7E7E8;
}


.paneldependencia div a:hover {
    color: #37476A !important;
}

nav {
    float: left;
    background-color: #37476A;
}