body{
	  background:#BCBCBC;  /*otro #91350B*/
      background-image: url("../sistema/img/textura-a.png");
      background-repeat: repeat;
}

footer{
    background-color: #C00101 ;/*#B9250E */
    color: #A00F01;
    padding-top:15px;
    background-image: url("../sistema/img/textura-a.png");
    background-repeat: repeat;
    padding-bottom: 8px;
}

.footer-rojo{
    background-color:#C00101;/*#100F11  */
    padding-top: 20px;
    margin-bottom: 8px;
}
.sombra{
    text-shadow: 0.1em 0.1em 0.05em #A01716;
}
/*== Creado por andy*/

.menu_activo{
    color: #FDCF28 !important;
    box-shadow: 0 48px #ac0101 inset,0 52px #FDCF28 inset;
}

.divLineaLogos{
    background: white;
    padding-top: 7px;
    padding-bottom: 7px;
}

.logoempresas{
cursor: pointer;
width: 70px;
height: 70px;
background: transparent;
}
.tituloPri {
    margin-top: 10px;
    /*font-size: 16pt;*/
    text-align: left;
    font-size: 19px !important;
}
div .tituloPri >h4 >a{
    font-size: 16pt;
}

.logoredes{
cursor: pointer;
}

/* ==Seccion (3 pasos) */
.blancoPag{
    color:#F2F2F2;
}
.pBoton{
    font-size: 15px;
    color: black;
    font-weight: 600;
}

/* ==Fin de Seccion (3 pasos) */
.imgpdf{
    width: 37px;
    height: 37px;
    cursor: pointer;
}

/*== FIN ANDY*/


img{
    max-width: 60%;  /*la imagen no pasa del tamaño del div*/
}
.mediano{
    font-size: 1.3em;
}
/* ==Contacto*/
.amarillo-oscuro{
    color: #F2790F;
}
.letraP{
    font-size: 16pt; 
}

/* ==Fin Contacto*/
.parallax{
    width: 100%;
}
.unhr{
    margin: 10px auto 30px auto;
    width: 5em;
    display: block;
    border-bottom: 2px solid #333;
    content: "";
}

/* ===========*/

.modal-body {
  background: rgba(0,0,0,0.05);
  border: none;
}
.finalestilo{
    background: #F0F4C3;
    padding-top: 1px;
    padding-bottom: 2px;
}

.areaTrabajo{
    background-color: #E3E3E3 ;/*#B9250E */
    color: black;
    padding:0px;
    min-height: 490px;

}

/*CAMBIOS DE BOOTSTRAP*/

.navbar-inverse .navbar-collapse{
    border-color: #C00101 !important;
}
.row {
    margin-right: 0px;
    margin-left:0px;
}
.navbar{
    margin: 0px auto 0px auto;
    background-color: #C00101;/* #A00F01 color del menu*/
    font-size: 11pt;
    border-radius: 0px;
    border-color: transparent; 
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
   
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #FDCF28;
    background-color: transparent;
    background-color: transparent;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0 48px #ac0101 inset,0 52px #FDCF28 inset;
}

/*
.navbar-inverse .navbar-nav > li:hover {
    animation : moveFromTop 300ms linear ;
    color: red;
    opacity : 1 ;
    
}

@keyframes moveFromTop {
    from {
        opacity: 0;
        transform: translateY(-300%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}
*/
.navbar-inverse .navbar-brand {
  color: white;
}

.navbar-inverse .navbar-nav > li > a {
  color: white ; /* antes #FDCF28*/
  margin-left: 17px;

}

.fondoblancoTrasnparente{
    background-color: rgba(50, 0, 0, 0.5);
}
.redes{
    color:#FDA313;
    font-size: 11pt;
}

/*estilo login*/
.modal-footer{
    border: none;
    margin: 0;
}
.modal-footer .btn{
   color: #fff ;
   margin: 0 ;

}

/*CAMBIOS DENYS*/

.stylo-hr{
    border: 0; 
    height: 0; 
    box-shadow: 0 0px 0px 4px #C00101;
}

.logobotones{
    cursor: pointer;
    width: 145px;
    height: 145px;
    background: transparent;

}

.btn{
    cursor: pointer;
    width: 80%;
    height: 45px;
    background: transparent;
    margin-top: 5px;
}

.areaMision{
    background-color: #C00101;
    border-radius: 35px 35px 0px 0px;
    text-align: left;
    padding: 10px;
}
.areaVision{
    background-color: #7F7F7F;
    border-radius: 0px 0px  35px 35px;
    text-align: left;
    padding: 10px;
}

.textoTitulo{
    color: white;
    margin-left: 20px;
    margin-top: 11px;
    margin-bottom: 11px;
}

.texto{
    color: white;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 10px;
}
.hipervinculo{
    color: black;
    text-decoration: none;
}

.heroe{
    margin-left: 30%;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid black;
    background-color: white;
    height: 30%;
    width: 30%;
}
.imgProyecto{
    max-width: 100%;
   
    border: 2px solid white;
    background-position: 50% 50%;
}

.imgBiblioteca{
    max-width: 45%;
    border: 8px solid white;
}
.icono{
    width: 22px;
    margin-top: -5px;
    background-image: yellow;
}


/** Estilos para Tablas**/
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.datagrid table td, .datagrid table th { padding: 3px 10px; }
.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C00101), color-stop(1, #C00101) );background:-moz-linear-gradient( center top, #C00101 5%, #C00101 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00101', endColorstr='#C00101');background-color:#C00101; color:#FFFFFF; font-size: 12px; font-weight: bold; border-left: 1px solid #C00101; } 
.datagrid table thead th:first-child { border: none; }
.datagrid table tbody td { color: #000000; border-left: 2px solid #F2F7D9;font-size: 15px;font-weight: normal; }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }
.datagrid table tfoot td div { border-top: 1px solid #991821;background: #F7F7F7;} 
.datagrid table tfoot td { padding: 0; font-size: 11px } 
.datagrid table tfoot td div{ padding: 2px; }
.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }
.datagrid table tfoot  li { display: inline; }
.datagrid table tfoot li  { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #C00101;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C00101), color-stop(1, #C00101) );background:-moz-linear-gradient( center top, #C00101 5%, #C00101 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C00101', endColorstr='#C00101');background-color:#C00101; }
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #C00101; color: #FFFFFF; background: none; background-color:#C00101;}
div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

/** EStilos de Formulario**/
.form {

    width: 80%;
    font: normal bold 100% Verdana, Arial;
}

.label {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.input {
    display: inline-block;
    width: 100%;
    margin-bottom: 0%;
    
}

.inputNotice {
    display: inline-block;
    width: 100%;
    margin-bottom: 0%;
    color: black;   
}

.divNoticia{
    margin-bottom: 15px;
    margin-top: 15px;
}

.enviar{

    padding:5px 35px; 
    background:#C00101; 
    border:0 none;
    cursor:pointer;
    border-radius: 5px;
    color: white; 
}

.areaTitulo{
    background-color: #C00101;
    border-radius: 40px 40px 0px 0px;
    text-align: left;
    padding: 10px;
}
.areaTexto{
    background-color: #7F7F7F;
    border-radius: 0px 0px  40px 40px;
    text-align: left;
    padding: 10px;
}


/* Estilo Para vista Consejo- Para que Hagan el efecto de giro*/

.inicio_proyectos{
    width: 100%;
    background: url(../img/bg_talento_humano.png) repeat;
    padding-top: 10px;
    padding-bottom: 1px;
}
.cont_proyectos{
    background: url(../img/bg_talento_humano.png) repeat;
    width: 100%;
}
.cont_servicios{
    background: url(../img/bg_talento_humano.png) repeat;
    margin-top: 0px;
padding-top: 10px;
}
.contenido_proyectos{
    margin: 0 auto;
    width: 975px;
    padding: 30px 0px 0px 0px;
}
.titulo_lista_productos_inicio{
    border-bottom: 3px solid #0E497A;
    height: 23px;
    margin-top: -29px;
}


.titulo_contenido_productos_inicio{
    background: #0E497A;
    float: left;
    color: white;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-style: oblique;
    padding: 3px 10px;
}
.contenido_proyectos, .contenido_proyectos, .lista_productos_index, .lista_servicios_index, y{
        width: 100%;
        height: auto !important;
    } 


.lista_productos_index{
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
}


.opt_proyecto{
    margin: 20px 20px;
    background: white;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    box-shadow: 0px 0px 10px 0px rgba(161,161,161,1);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 230px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.opt_proyecto:hover{
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}


.lista_proyecto_inicio:hover .img_proyecto_inicio{
    opacity: 0.4;
}

.img_proyecto{
    width: 138px;
    height: 192px;
}

.img_proyecto_inicio{
    width: 50px;
    height: 156px;
    border: 2px solid white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 5px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.detaller_proyecto{
    width: 248px;
    background: #F7F7F7;
    min-height: 203px;
}

.area_titulo_proyecto{
    position: relative;
    left: -18px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}



.stilo_rotulo_proyecto1, .stilo_rotulo_proyecto2, .stilo_rotulo_proyecto3, .stilo_rotulo_proyecto4, .stilo_rotulo_proyecto5, .stilo_rotulo_proyecto6{
    background: red;
    position: relative;
    left: 18px;
    font-family: 'Conv_MyriadPro-Regular_0';
    font-size: 16px;
    color: white;
    font-weight: bold;
    padding: 7px 15px 7px 30px;
    margin: 9px 0px 2px 0px;
    text-align: center;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.stilo_rotulo_proyecto1{
background: #C00101;
}
.stilo_rotulo_proyecto2{
background: #C00101;
}
.stilo_rotulo_proyecto3{
background: #C00101;
}

.stilo_rotulo_proyecto4{
    background: #C00101;
}
.stilo_rotulo_proyecto5{
    background: #C00101;
}
.stilo_rotulo_proyecto6{
    background: #C00101;
}

.descrip_proyecto{
    color: #969696;
    font-family: 'Abel';
    font-size:13px;
    padding: 10px 10px;
    text-align: left;
    min-height: 70px;
}
.detaller_proyecto{
    width: 248px;
    background: #F7F7F7;
}

/*Estilo para hacer Ubicacion en la Vista Contacto*/
.caja {
    margin-bottom: 20px;
    padding: 0 15px 20px 10px;
}
.mapa-referencia {
    display: block;
    border: 8px solid white;
    max-width: 100%;
}
.boton {
    padding: 8px 18px 10px 18px;
    background-color: #C00101;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    font-family: 'Open Sans', Arial;
    font-weight: 400;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}


/**** Estilo para Noticias.. Vista Principal*/
.noticiaTitulo{
    background-color: #FFC02A;
    text-align: left;
    background-size: black;
    height: 80px;
    width: 100%;
    padding: 5px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
    border-radius: 15px 15px 0px 0px;

}
.noticiaCuerpo{
    
    height: 200px;
    width: 100%;
    text-align: left;
    padding: 10px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
    border-bottom-width: 0px;
    border-radius: 0px 0px 15px 15px;

}

/**** Estilo para Noticias.. Vista del Contenido*/
.noticiaTitular{
    background-color: #FFC02A;
    text-align: left;
    height: 100%;
    width: 100%;
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0px 5px rgba(0,0,0,0.25);

}
.noticiaContenido{
    
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 10px;
    border-bottom-width: 0px;

    /*background-color: #fff;*/
    box-shadow: 0 5px 5px rgba(0,0,0,0.25);
}

.noticiaPie{
    background-color: #FFC02A;
    height: 100%;
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
    border-bottom-width: 0px;
    border-radius: 0px 0px 10px 10px;
}
/*******************************************************/
/* Estilo para Noticias.. Vista del Contenido Para 
    Noticias mas vistas ***************/
.noticiaMasVistas{
    background-color: #FFC02A;
    text-align: left;
    background-size: black;
    height: 100%;
    width: 100%;
    padding: 20px;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0px 3px rgba(0,0,0,0.25);

}
.noticiaVistas{
    
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 0px;
    border-bottom-width: 0px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0 0px 3px rgba(0,0,0,0.25);
}
.stylo-hr-noticias{
    border: 0; 
    height: 0; 
    box-shadow: 0 0px 0px 2px black;
}
/*Cambiando estilos de noticias*/
.aNoticiaVistoDiv{
    padding-right: 0px;
}

.aNoticiaVistoNumero{
    padding-left: 0px;
    margin-top: 8px;
    float: left; 
    color: #fff;
}
.aNoticiaVistoContenido{
    background-color: #E3E3E3; /*#E3E3E3*/
    color: #333;     
    padding: 8px 6px;
}
.aNoticiaVistoContenido:hover{
    background-color: #f6f6f6 !important;
}

.aColorNoticiaNumero1{
    background-color: #f57c00;
}
.aColorNoticiaNumero2{
    background-color: #fb8c00;
}
.aColorNoticiaNumero3{
    background-color: #ff9800;
}
.aColorNoticiaNumero4{
    background-color: #ffa726;
}
.aColorNoticiaNumero5{
    background-color: #ffb74d;
}

/*Cambiando estilos de noticias*/






/********************************************/
/* boton regresar */

.btnRegresar{
    background: #FFC02A;
    color: black;
    box-shadow: 0px 3px 0px #C00101;
    padding: 5px;
    border-radius:10px;
    float: right;
    font-size: 14pt !important;
}

.button {
    background:#7f8c8d;
    color:#fff;
    display:inline-block;
    font-size:15pt;
    margin-left:70%;
    padding:2px 0;
    text-align:center;
    width:150px;
    text-decoration:none;
    box-shadow:0px 3px 0px #373c3c;
    
}
.button.yellow {
    background:#FFC02A;
    box-shadow:0px 3px 0px #C00101;
}

.button.radius {
    border-radius:50px;
}
/********************************************/
/* Estilo para ubicar el Epigrafo(Categoria) de la Noticia */
.epiNoticia{
    font-size: 13pt;
    text-align: left;
    color: black;
    margin:0px;
    margin-bottom: 10px;
}