﻿#AvisoBackground
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow:hidden;
    padding: 0;
    margin: 0;
    background-color: #000000;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 100000;    
}

#AvisoProgress
{
    position: fixed;
    top: 35%;
    left: 35%;
    height: 30%;
    width: 30%;
    z-index: 100001;
    background-color: #FFFFFF;
    border: 1px solid Gray;
    background-image: url(images/loading.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 5px;    
}

#AvisoProgress h2 span
{
    width: 100%;    
    font-weight: bold;
    text-transform: none;
    position: absolute;
    bottom: 0;    
    padding: 0;
    line-height: 30px;
    display:block;    
    text-align: center; 
    color: #333333; 
    }
   
.accordion-child
{
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom:0.5em;
  overflow:auto;
}

.accordion-header
{
  border-radius: 0px;
}

.ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
     zoom: 140%; -moz-transform: scale(1.4); -webkit-zoom: 1.4; -ms-zoom: 1.4;
}

.accordion-content 
{
  padding: 1em;
  
}



.menuul 
{
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;    
    width:100%;
}

.menuli {
    float: left;
    border-right: 1px solid white;
}

.menuli a {
    display: block;
    text-align: center;
    width:150px;
    text-decoration: none;
}
    
    
.ListadoContenedorPrincipal
{
    width:100%; 
    height:500px; 
    overflow:auto;
}

.ListadoTablaPrincipal
{
    width: 500px;
    height: 400px;
    border-collapse:collapse;
}

.ListadoContenedorSecundario
{
    max-height:350px;
    width:100%;
    overflow-y:auto;
    overflow-x:hidden;
    unicode-bidi:bidi-override; 
    direction:rtl;
}

.ListadoTablaSecundaria
{
    height:330px;
    width:500px;
    border-collapse:collapse; 
    direction:ltr;
}

#tooltip {
    position: absolute;
    display: none;
    border: 1px solid #999;
    background-color: #ccc;
    padding: 5px;
}

.BotónMediano
{ 
  width:120px;  
}

.BotónMediano:hover
{ 
    width:120px;  
}

.BotónLargo
{ 
  width:180px;  
}

.BotónLargo:hover
{ 
    width:180px;  
}

.BotónMuyLargo
{ 
  width:280px;  
}

.BotónMuyLargo:hover
{ 
    width:280px;  
}

.textoderecho
{
   text-align: right;
}

.BotónPredeterminadoRojo
{
 background-color:Red;
 color: #FFFFFF; 
 border-color: #FFFFFF;
 text-decoration:none;
}

.BotónPredeterminadoRojo span, .BotónPredeterminadoRojo a
{
 background-color:Red;
 color: #FFFFFF; 
 border-color: #FFFFFF;
}

.BotónPredeterminadoRojo:hover, .BotónPredeterminadoRojo:hover span
{ 
  background-color:#FFFFFF;
  color:Red;
  border-color: Red;  
}

.BotónTour {
background-color: #0F0;
height: 31px;
width: 41px;
color:Red;
font-weight:bold;
font-size:18px;
/*para Firefox*/
-moz-border-radius: 15px 15px 15px 15px;
/*para Safari y Chrome*/
-webkit-border-radius: 15px 15px 15px 15px;
/*para IE */
behavior:url(border.htc);
/* para Opera */
border-radius: 15px 15px 15px 15px;
}

.MenúAyuda
{
    color:#ffffff;
}

.BotónEnlace
{
    padding-bottom:6px;
    padding-left:15px;
    padding-right:15px;
    padding-top:6px;
    text-decoration:none;
    line-height:25px;
    }
    
    
.contenidoexpandido {

    width:200px;

    height:30px;

    overflow:hidden;

    white-space:nowrap;

    text-overflow: ellipsis;
   
    cursor: pointer;

}

.contenidoexpandido:hover {

    width:200px;

    height:auto;

    overflow:auto;

    white-space:normal;

}

.activado {

color: orange;

}

input[type=checkbox], input[type=radio] {
    margin-right: 5px;
}
