/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 100%;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


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


/*Para menu vertical*/

.list-group.panel {
    /*background-color:darkgreen;*/
}

.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  /*background-color:#3b3b3b;*/  /*Casi negro*/
  /*background-color:#0e385c;*/
  background-image:url('../images/fondoTituloGrid.jpg');
  /*width:200px;*/
  
}

.list-group.panel > .list-group-menu {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left:10px;
    background-color:#3b3b3b;
    width:200px;
}

.font_blanco {
    color:white;
}

.font_gris {
    color:darkgrey;
}




/*a.list-group-menu {    
    margin-left:10px;
    background-color:lightgray;
    color:white;
}*/


/*list-group-item-p {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color:darkgray;
}*/



.list-group-submenu {
  margin-left:15px;
  background-color :darkmagenta;
}






/* MASTER PAGE */

/*general style*/
header, hgroup, nav, section, article, aside, footer {display: block;}

/*header area*/
header {   
    height:9.3%;
    width:96%;
    min-height:80px;    
    min-width:800px;
    margin:0% 2% 1% 2%;    
    
}
hgroup h1 {
    color: #FFF; 
    padding: 22px 0 0 20px;
}

/*nav area*/
nav {
    width: 400px; 
    height: 20px; 
    background:#C66; 
    margin-left: 200px;
}

/*aside area*/

aside {
       position:fixed;
       width:180px;
       padding-right:0.5%;      
       margin-left: 0px;
       height:80%;
       min-height:600px;
}

.menu_tab_dir{
    /*position:fixed;*/
    /*left:580px;*/
    position:relative;
    margin-top:20px;
    margin-left: 180px;
    margin-top:0px;
    float:left;
    z-index:10;
    /*width:15px;*/
}

/*section area*/
section {
    /*position:fixed;*/
    width: auto;
    /*float:left;*/
    /*background: #CCC; */
    height:85%;
    margin-left: 180px;
    height:80%;
    padding-left :15px;

    border-left:solid;
    border-width:2px;
    /*z-index:1000;*/
    /*left:0px;*/
    /*margin-left: 20.5%;*/
    /*margin-top: -20px;*/
}



/*footer area*/
footer {
    height:2%;
    width:96%;
    min-height:25px; 
    min-width:800px;
    margin-left:2%;
    margin-right:2%;
    text-align:center;
}   






.fondo_degradado {
    position:relative;   

    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;

    -moz-box-shadow: rgb(150,150,150) 5px 5px 10px inset;
    -webkit-box-shadow: rgb(150,150,150) 5px 5px 10px inset;
    box-shadow: rgb(150,150,150) 5px 5px 10px inset;

    -moz-box-shadow: rgb(150,150,150) 5px 5px 10px;
    -webkit-box-shadow: rgb(150,150,150) 5px 5px 10px;
    box-shadow: rgb(150,150,150) 5px 5px 10px;

    background: rgb(246,248,249);  Old browsers 
    background: -moz-linear-gradient(top, rgb(246,248,249) 0%, rgb(227,233,237) 3%, rgb(255,255,255) 34%, rgb(255,255,255) 62%, rgb(227,233,237) 97%, rgb(246,248,249) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(246,248,249)), color-stop(3%,rgb(227,233,237)), color-stop(34%,rgb(255,255,255)), color-stop(62%,rgb(255,255,255)), color-stop(97%,rgb(227,233,237)), color-stop(100%,rgb(246,248,249)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, rgb(246,248,249) 0%,rgb(227,233,237) 3%,rgb(255,255,255) 34%,rgb(255,255,255) 62%,rgb(227,233,237) 97%,rgb(246,248,249) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, rgb(246,248,249) 0%,rgb(227,233,237) 3%,rgb(255,255,255) 34%,rgb(255,255,255) 62%,rgb(227,233,237) 97%,rgb(246,248,249) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, rgb(246,248,249) 0%,rgb(227,233,237) 3%,rgb(255,255,255) 34%,rgb(255,255,255) 62%,rgb(227,233,237) 97%,rgb(246,248,249) 100%);  IE10+ 
    background: linear-gradient(to bottom, rgb(246,248,249) 0%,rgb(227,233,237) 3%,rgb(255,255,255) 34%,rgb(255,255,255) 62%,rgb(227,233,237) 97%,rgb(246,248,249) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f6f8f9',GradientType=0 );    IE6-9 
    F6F8F9  E3E9ED FFFFFF FFFFFF E3E9ED F6F8F9

    border:1px solid darkgray;
    
    
    
}

.toolbar {
    margin-bottom: 20px;
    padding: 3px 0;
    /*width: 100%;*/
    width: auto;
    border-radius: 0;
    height: auto;
    display: inline-block;
    font-size: small;
}

#FigCabIzq {
    float:left;        
    width:auto;
    height:80%;    
    /*background-image: url('~/Images/header.jpg');*/    
    margin:8px 15px 5px 35px;
}

#Logo{
    height:100%;
    width:100%;
}

#divTitulo {    
    position: absolute;
    height: 50px;    
    left: 34%;
    top: 16%;
    text-align:center;    
    
    /*transform: translate(-58.5%, -50%);    
    -webkit-transform: translate(-58.5%, -50%);
    -moz-transform: translate(-58.5%, -50%);
    -ms-transform: translate(-58.5%, -50%);*/

    
}
.loginDisplay {    
    text-align: right; 
    right: 90%;
    float:right;
    height: auto; 
    width: auto;    
    margin-top: 25px ; 
    margin-right:3%; 
}


#CabContDer{
    float:left;
    width: 80%;
    height:100%;    

    font-weight: bold; 
    font-size: large;     
}




/* Para página de inicio */
.contenedor {   
            position			    : relative;
            z-index				    : 1;
            padding				    : 0px;
            margin				    : 0 auto;
           
        }
               
        .centerDiv {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 560px;
            height: auto;
            margin: -320px 0 0 -250px;     

           
                   
                   
        }

         .centerDiv2 {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 560px;
            height: auto;
            margin: -220px 0 0 -290px;     

           
                   
                   
        }

        .centerDivReg {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 550px;
            height: auto;
            /*margin: -20% 0% 0% -50%;*/     
            margin-top:-20%;
            margin-left:-26%;
                   
                   
        }


        

    .divCab {
        padding: 40px 40px 40px 60px;
        top: 0px;
        left: 0px;
        width: 580px;
        height: auto ;   /*480px;*/
    }

        .divErrores{
            
            padding-top:15px;
            padding-right:20px;            
            padding-bottom:15px;   
            padding-left:60px;
            width:580px;
            height:auto;
        }
        

/*Elementos que desaparecieron del bootstrap*/
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  -color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  /*color: #555555;*/
}

a.list-group-item .list-group-
}

a.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}



/* quitar comentarios a :*/
/*.fondo_degradado todos*/


.DivDetalleOculto {
    position:relative; 
    visibility:visible; 
    height:0px;
    
}
.miFrame {
    width:100%; 
    height:100%;
    z-index:1;
}