﻿html {
   /* min-height: 100%;*/
    position: relative;    
}

body { /* mediaquery en bootstrap-custom */
 /*   margin-bottom: 360px; */

    font-family: Roboto;
}

body.eventos {
    background:#ededed; 
}

a, a:hover, a:focus {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}

ul {
    padding: 0;
}

ul li {
    text-align: left;
    list-style: none;
}

#top {
    position: absolute; top:0
}

#TopBar { /*- g.v. 22/07/2015 custom -*/
    /*background-color: #4e2d5a;*/
    background: #6ABB3A;
    /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/
    border-bottom: none;
}

/*
lblEmpresaBefore {
  color:#fff; margin-right: 10px  
}*/



/*
footer { 
    height: 340px;/ mediaquery en bootstrap-custom 
}
*/

.navbar-brand {
    margin-right: 112px;
}

.cidi {
    margin-right: 18px;
}

.dropdown.custom {
    display: block;
    text-align: center;
    float: none;
}

    
#goTop {
    display: inline-block; 
    font-size: 11px; 
    float: right; 
    padding: 16px 0;
}

#goTop i {
    margin-left: 8px; font-size: 14px
}


/* Logueado Empresas */
/*
a .home, spam .home {
    background-color: #2e96c9;
    display: inline-block;
    -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; border-radius: 3px!important;
    color: #fff;
    padding: 20px;
    margin: 10px;
    transition: all ease-in 0.4s; -moz-transition: all ease-in 0.4s; -webkit-transition: all ease-in 0.4s;
}

a .home:hover, spam .home:hover {
    background-color: #5d6cba;
    transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -webkit-transition: all ease-in 0.1s;
    padding: 20px;
}

a .home i, spam .home i {
    background-position: center center; background-repeat: no-repeat;
    display: inline-block;
    width: 80px;
    height: 80px;
}*/


/* ICONOS MENU EMPRESAS PRINCIPIO*/
/*
a .home i.empresas, span .home i.empresas {
    background-image: url('../Images/company.png');
}

a .home i.empleados, span .home i.empleados {
    background-image: url('../Images/usuarios.png');
}

a .home i.consultaempleados, span .home i.consultaempleados  {
    background-image: url('../Images/consultaEmpleados.png');
}

a .home i.sucursales, span .home i.consultaempleados {
    background-image: url('../Images/sucursales.png');
}

a .home i.planilla, span .home i.planilla {
    background-image: url('../Images/planilla.png');
}
    
a .home i.bandeja, span .home i.bandeja {
    background-image: url('../Images/bandeja.png');
}

a .home i.subir-doc, span .home i.subir-doc {
    background-image: url('../Images/subir-documentacion.png');
}

a .home i.multinota, span .home i.multinota  {
    background-image: url('../Images/multinota.png');
}

a .home i.libromanual, span .home i.libromanual {
    background-image: url('../Images/libros.png');
}

a .home i.bandeja-manual, span .home i.bandeja-manual {
    background-image: url('../Images/bandejamanual.png');
}

a .home i.libroinspeccion, span .home i.libroinspeccion  {
    background-image: url('../Images/libroinspeccion.png');
}

a .home i.autorizados, span .home i.autorizados  {
    background-image: url('../Images/autorizados.png');
}

a .home i.correcciones, span .home i.correcciones {
    background-image: url('../Images/correccionesrc.png');
}

a .home i.sinceramiento, span .home i.sinceramiento {
    background-image: url('../Images/Sinceramiento.png');
}
*/
/* ICONOS MENU EMPRESAS FINAL*/

a span.block, span span.block {
    display: block;
}

/* Index.aspx */

#navegacion-fm .navbar-nav li a.active {
    background: #43c7fb;
    border-bottom: 2px solid #faac4b
}   

.navbar-nav li a {
    border-bottom: 2px solid transparent;
}
/*
#navegacion-fm .dropdown.users {
    padding: 0;
}

#navegacion-fm .dropdown.users ul {
    background: #1c96c1;
    border: none;
}

#navegacion-fm .dropdown.users a {
    color: #fff;        
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;   
}
    
#navegacion-fm .dropdown.users a.dropdown-toggle {
    background: #17a5d5;
    padding: 31px 20px;
    border-bottom: 2px solid transparent;
    -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}

#navegacion-fm .dropdown.users a.dropdown-toggle:hover  {
    background: #1c96c1;
    border-bottom: 2px solid #faac4b;
   -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}

#navegacion-fm .dropdown.users .dropdown-menu a {
    padding: 20px 30px 20px 20px;
    
}

#navegacion-fm .dropdown.users .dropdown-menu a img {
    width: 24px;
    margin-right: 10px;
}

#navegacion-fm .dropdown.users .dropdown-menu .divider {
    margin: 0px;    
    }
*/

.dropdown.users {
    padding: 0;
}

.dropdown.users .loginicon {
    margin-right: 6px;
}

.dropdown.users ul {
    background: #1c96c1;
    border: none;
}

.dropdown.users a {
    color: #fff;        
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 24px; 
     -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;  
}
    
.dropdown.users a.dropdown-toggle {
    background: #17a5d5;
    padding: 29px 20px;
    border-bottom: 2px solid transparent;
}

.dropdown.users a.dropdown-toggle:hover  {
    background: #1c96c1;
    border-bottom: 2px solid #faac4b;
   -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}

.dropdown.users .dropdown-menu a {
    padding: 20px 36px 20px 30px;
}

.dropdown.users .dropdown-menu a:hover {
    background: #43c7fb;
    color: #fff;
    -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}

.dropdown.users .dropdown-menu a img {
    width: 24px;
    margin-right: 6px;
}

.dropdown.users .dropdown-menu .divider {
    margin: 0px;
    opacity: 0.5;    
}

    
.carousel, .carousel-control.left, .carousel-control.right, .carousel-inner {
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
   
.carousel-caption {
    left: 10%;
    right: 10%;
}
               
article.post {
    background: #fefefe;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 19px 30px;
    margin: 20px;
}
        
.article {
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    padding: 20px;
    margin-bottom: 15px; 
}
            
.article img {
    max-width: 100%;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    border: 1px solid #bbb;
}
        
.article a {
    transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; 
}
        
.article a:hover {
    opacity: 0.7;
    transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; 
} 
    
.item {
    vertical-align: middle;
}
        
#eventos li a {
    background: #555; 
    border-bottom: 1px solid #999; 
    color: #fff;
    display: block;
    font-size: 14px; 
    padding: 17px 24px;
    transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out;
}
        
#eventos li a:hover {
    background: #3d3d3d;
    transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}

#eventos a .fecha {
    color: #fff;
    margin-right: 10px;
}


#eventos a .tituloEven, #eventos a .subtituloEven {
    display:inline-block;
}

#eventos a .subtituloEven {
    color: #dfdfdf;
    width: 100%;
    margin-left: 83px;
}

#eventos a.last {
    border: none;
    border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px
}
        
.navbar-nav > li > a {
    font-weight: 500;
    font-size: 13px;
    padding: 31px 20px;
    text-transform: uppercase;
    transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;      
}
        
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}         
        
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li.active > a {
    background: #43c7fb;
    border-bottom: 2px solid #faac4b;
    transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}
 
#eventos {
    background: #898989; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
} 

#eventos h2 {
    color: #fefefe; 
    font-size: 16px; 
    padding: 21px 21px; 
    margin:0; 
    line-height: 1.3;
    text-align: left;
}
        
#eventos img {
    margin: 0 15px;
}
        
.glyphicon-chevron-right::before, .glyphicon-chevron-left::before  {
    content: none; /* anula los cuadrados de los arrows carrusell*/
}
        
.BottomMenu a {
     background-color: #00b1ec;
     background-repeat: no-repeat;
     background-position:  top left;
     border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
     color: #fff;
     display: table-cell; vertical-align: middle;
     height: 125px;
     padding: 20px;
     margin: 10px; margin-left: 0;
     text-align: center;     
     width: 100%;
     transition: all 0.23s ease-out; -moz-transition: all 0.23s ease-out; -webkit-transition: all 0.23s ease-out;
}
        
.BottomMenu.Otros a {
    background: #c24675;
}
        
.BottomMenu a:hover {
/*    background: #895a95;*/
    background: #faac4b;
} 
                  
.BottomMenu .disabled {
    opacity: 0.5;
}
        
.item {
    display: table;
    width: 100%;
}

.item.featured a {
    background-image: url('../Images/nuevo.png');    
    background-position: left center;
    background-repeat: no-repeat;
}
        
span.tag {
    color: #9c9c9c;
}
        
a.doclaboral, a.prensa {
    color: #fff;
    font-size: 12px;
    margin-left: 4px;
    padding: 2px 10px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;   
}
        
a.doclaboral {
    background: #e5bc5a;
}
        
a.prensa {
    background: #4eb073;
}  

.container.reset-container {
    background: transparent;
    margin-bottom: 0px;
    padding: 0px;
    box-shadow: none;
}

.container.container-eventos {
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
    padding: 10px;
}

.jumbotron {
    margin-top: 80px;
    background: url('../Images/jumboheader.jpg') center center no-repeat #444;  
}

.jumbotron h2 {
    color: #fff;
    font-size: 20px;
    text-align: center;
}

/* INDEX  */
.container.index 
{
    width: 100%;}

.boton-modal {
    margin: 10px 0; 
    height: 150px;
 }
.boton-modal a:hover {
    color: #fff!important;} 
    
.post {
   position: static;}
   
.eventlist {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 400px;
    }
   
.galery-video .panel-default {
    margin-bottom: 0px;
    }
.galery-video h4{
    font-size: 15px;
    margin: 3px 0 5px 0; 
    text-align: center;
    }
.galery-video .panel-body {
    padding: 5px;
    }
.galery-video .form-group {
    margin-bottom: 0px;
    }
.galery-video .form-group .video{
    width: 100%;
    margin: 2px 0;
    }
.botones-modal {
    margin: 10px 0;}
    
.doble-boton {
    height: 270px;}
    
.botones-modal img{
   margin: auto;
   margin-bottom: 10px;
   display:block;
   }
   
.w15 {
    width: 15%}
.w20 {
     width: 20%}
.w30 {
     width: 30%}
.w50 {
     width: 50%}
    
#comisiones .modal-dialog, #areas .modal-dialog, #servicios .modal-dialog {
    width: 1000px;} 

#comisiones .modal-footer, #areas .modal-dialog, #servicios .modal-dialog {
    border: none;}

#comisiones .modal-content .comisiones, .BottomMenu a.comisiones {
    background: #ce4343;}
    
#comisiones .modal-content .comisiones:hover, .BottomMenu a.comisiones:hover {
background: #e46767;}

#areas .modal-content .areas, .BottomMenu a.areas {
    background: #10779a;}
    
#areas .modal-content .areas:hover, .BottomMenu a.areas:hover {
background: #2891b5;}

#servicios .modal-content .servicios, .BottomMenu a.servicios {
    background: #439e4a;}
    
#servicios .modal-content .servicios:hover, .BottomMenu a.servicios:hover {
background: #5ab962;}

.col-md-12 
{
    position: static!important;}
    
    
@media (min-width: 992px) {
    .container.index 
    {
        width: 75%;
        }
}

@media (max-width: 991px) {
a .home img {
    max-width: 50%;
}
.botones-modal {
   height: 125px;}
   
.botones-modal img{
   width: 100px!important;
   }
    
 #comisiones .modal-dialog, #areas .modal-dialog, #servicios .modal-dialog {
    width: 90%;
    margin: auto;}
.eventlist 
{
    height: 200px;
    }
.boton-modal{
    height: 120px;
 }
 
 .BottomMenu a.boton-tw {
    background: #00abf0;
     height:50px;

    }
.BottomMenu a.boton-fb {
    background: #3b5998;
     height:50px;
    }
.redes .boton-modal{
    height: 50px;
 }
}

    
.btn-preguntas 
{
    width: 100%;
    padding: 15px;}
    
    /* PANTALLA INICIO */
    

a .home, spam .home {
    background-color: #2587c4;
    display: inline-block;
    -moz-border-radius: 3px!important; -webkit-border-radius: 3px!important; border-radius: 3px!important;
    color: #fff;
    padding: 20px;
    margin: 5px;
    width: 100%;
    height: 135px;
    transition: all ease-in 0.4s; -moz-transition: all ease-in 0.4s; -webkit-transition: all ease-in 0.4s;
}

a .home:hover, spam .home:hover {
    background-color: #2e96d6;
    transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -webkit-transition: all ease-in 0.1s;
}
a .home img 
{
    width: 100%;
    padding-bottom: 10px;}
/*
a .home i, spam .home i {
    background-position: center center; background-repeat: no-repeat;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: auto;
}*/