/*
*PREmain.css
*------------------------------------------------------------------------
*  Es el CSS principal de la aplicación prestador
*
*/


html{color:#000;}
b,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote {
       margin:0;
       padding:0;
}

th{
    
    text-align: left;
}
li{
    text-align: left;
    list-style:none;
}
a:hover{
    text-decoration:none;
}


a{
    text-decoration:none;
}

table{
    border-collapse:collapse;
    border-spacing:1px;
}

h1,h2,h3,h4,h5,h6{
    
    font-size:100%;
    font-weight:normal;
}

h2{
    font-size:115%;
    
}

h2 b{
    font-size:125%;
    
}

/*
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
}
caption,th{text-align:center;}

q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}*/

textarea:read-only {
   opacity: .5;
   -moz-opacity: .5;
   filter:alpha(opacity=5);
   background-color:  #e8e8e8;
}
    
table tbody td {
    text-align: left;
}    
   
/*
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;outline: none;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}*/


*{
    /*font-size:small;*/    
}
tr{
    /*height: 30px;*/
}

th{
    padding-left: 30px;
}

a
{
  color: #524F46;
  outline: none;
}

body
{
  font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
  background-color: white;
  width:  100%;
  height: 100%;
  padding: 0px;
  margin: auto;
 
}

#container
{
  margin: auto;
/*  margin-left: auto;
  margin-right: auto;*/
  height: 100%;
  
  /*background: #fff url(../images/bg-page.png) bottom repeat-x;*/
  background-color: #fff;
  overflow: hidden;
}

#header
{
  height: 65px;
  width: 100%;
  margin-left:auto;
  margin-right:auto;
/*  max-width: 1200px;
  min-width: 800px;*/
  overflow: hidden;
  border-bottom:  1px solid gray;
  background-color: #176f94;
  color: #fff;
  
}

#footer
{
  height: 35px;
  /*min-width: 1200px;*/
  width: 100%;
  margin-left:auto;
  margin-right:auto;
/*  max-width: 1200px;
  min-width: 800px;*/
  overflow: hidden;
  border-bottom:  1px solid gray;
  background-color: rgb(128, 173, 192);
  color: #fff;
  padding-top: 45px;
  margin-top: 30px;
  
}

#header .content
{
  float: left;
  width: 20%;
  margin: 0 0;
  
  
}
#header .infoContextual
{
    margin-left: 170px;
    margin-top: 5px;
    float: left;
    font-size: 100%;
    width: 300px;
    position: absolute;
}

#header .notificaciones
{
  margin: 3px 0;
  
  float: left;
  padding: 10px;
  padding-left: 20px;
  border: none;
  font-size: 80%;
  /*width: 30%;*/
  
}


#header #divAvisoBolsa
{
    margin-left: 470px;
    margin-top: 25px;
    float: left;
    border: none;
    font-size: 14px;
    color: yellow;
    font-weight: 900;
    width: 475px;
    height: 41px;
    background-color: #176f94;
    border-radius: 20px;
    position: absolute;
    padding: 0px;
}

#header .flash_timedNotice
{
  position: absolute;
  top: 40%;
  left: 40%;
  background-color: #176f94;
  margin:  0px 0px;
  float: right;
  padding: 10px;
  border-radius: 10px 0 15px 0;
  font-size: 130%;
/*  width: 30%;*/
  box-shadow: 3px;
 
}

#footer .version
{
/*  margin: 3px 0;
  float: right;
  margin-right: 0px;
  margin-bottom: 0px;
  border: none;
  font-size: 100%;*/

  float:right;  
  position: relative; 
  margin-bottom:5px;
  margin-left: 0px;
  
/*  padding: 1px;*/
  border: none;
  font-size: 100%;
  
  
/*  padding: 1px;
  border: none;
  
  width: 30%;*/
 
}


#contenido {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    height: 100%;
    padding: 0% 0%;
    overflow: hidden;

        
}

#contenido .novedades {
  width: 32%; 
  min-height: 300px;
  float: left;
  padding: 1%;
  border: none;
}

#contenido .novedades h1 {
  background-image: none;
  font-size: 124%;
    
}


/*#contenido .nuevoUsuario ul {
  list-style: none;
  counter-reset: ol-counter;   
}
#contenido .nuevoUsuario ul > li:before {
  counter-increment: ol-counter;               
  content: counter(ol-counter) ". "; 
  color: red;
  font-weight: bold;
} */



#contenido .signin h1 {

  font-size: 124%;
  margin-bottom: 15px  
}


#contenido .signin {
    
  width: 500px;
  float: left;
  padding: 10px;
  margin-left: 30%;
  margin-right:  30%;
  margin-top: 2%;
  border: none;
  border-radius: 10px 0 15px 0;
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  
   
}

.signin input{
 
  float:right;
}
.signin button{
 
  float:right;
}

#contenido .signin table{
 
  font-size: 120%;
  margin-left: auto;
  margin-right: auto;
}
.comentariosForm {
 
    padding-left: 25px;
    padding-right: 25px;
    font-size: 16px;
    font-style: italic;


}


#contenido .error_list li{
    margin-left: 10%;
    margin-top: 10px;
    
    color: red;
    font-size: 90%;
    font-style: italic;
    list-style:inside square;    
}


/*----------------------------------
 *  Menu de usuario
 *----------------------------------
 */
 
 #contenido .menu li{
    margin-bottom: 8px;
    list-style:none;
}

#contenido .menu ul{
    width:8%;
}

#contenido .menu {
  float: left;
  font-size: 100%;
  width: 8%;
  overflow: auto;
  margin-top: 15px;
  padding-left: 15px;
/*  border-right: 1px solid  #176f94;*/
  height: 70%;
  
  
}
 
 /* Efecto sobre el color
        asi como sepia, hay grascale, saturate... buscar*/
 
#contenido .menu #menu-usuario img  {
/*filter: url('#grayscale');  Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 
-webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
-ms-filter: grayscale(60%);
-o-filter: grayscale(60%);
filter: grayscale(60%);  Para cuando es estándar funcione en todos 
filter: Gray();  IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
   
height: 40px;
/*    opacity:0.4;*/
/*    filter:alpha(opacity=40);  For IE8 and earlier */

}

#contenido .menu #menu-usuario img:hover  { 
-webkit-filter: sepia(0%);
-moz-filter: sepia(0%);
-ms-filter: sepia(0%);
-o-filter: sepia(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

/*    background-color:  #eee;*/
/*    opacity:1.0;*/
/*    filter:alpha(opacity=100);  For IE8 and earlier     */
    height: 60px;

}



/*----------------------------------
 *  Contenido, cuerpo con toda la data
 *----------------------------------
 */

div#contenido .contenido {
  width: 85%;
  padding-left: 1%;
  padding-top: 1%;
  padding-right: 1%;  
  float: right;
  /*  debugggggg  */
  height: 50%;
  overflow: auto;
  /*  debugggggg  */  
}

#contenido .contenido h1
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 3px;
  padding: 0px 15px;
  font-size: 124%;
  line-height: 32px;
  color: darkcyan;
}

#contenido .contenido h1 a
{
  color: #fff;
  text-decoration: none;
  font-style: normal;
  text-transform: uppercase;
  line-height: 32px;
}


#footera {
    width: 100%;
    overflow: hidden;
    background-color: #eee;
    height:  10%;
    margin-top: 1%;
}
.flash_notice
{
  margin: 3px 0;
  padding: 7px;
  background-color: #cfc;
}

.flash_error
{
  margin: 3px 0;
  padding: 7px;
  background-color: #f33;
  color: #fff;
}

.flash_br_error
{
  margin: 3px 0;
  padding: 7px;
  background-color: #e44;
  color: #fff;
}



h3 {
    /*height: 10px;*/
    padding-top: 0px;
    
   
}

td {
	/*border-bottom: 1px solid #CCC;*/
	padding: 0 0.5em;
        height: 20px;
 
}
        
td.show {
	padding: 0 0.5em;
        height:20px;
        text-align: left;
        
	}
        
  /***************************
     TABLAS genérico
   ***************************/        
th.show {
        border-bottom: 1px solid #CCCCCC;    
	padding: 0 0.5em;
	text-align: left;
        height:20px;
   
	}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
            
        }

tbody * {
        font-size: 95%;
     
/*        height:10px;*/
        
        }
        
td+td {
        /*border-left: 1px solid #CCCCCC;*/
	text-align: center;
        overflow: hidden;
        
	}
     
   /***************************
     colShow genérico
   ***************************/
/***************************
   listaRelacion
   
 ***************************/


.listaRelacion {
    
  padding: 1px;
  
  
     /*Estas dos lineas son claves. Hacen que
      *  el contenido del div no quede fuera del div contenedor (ordenHeader)
      */
  border: 0px solid #000;
  overflow: hidden;
  background: #E0F0FF;
/*  #F8E1D1;*/
}
        /*----- lista*/
.listaRelacion .lista{
  overflow:  auto;  
  float:left;
  width: 55%;
/*  border-radius: 5px 5px 0px 0px;
  border:  #CCC solid 1px;  */
}


table.listaRelacion {
	font:  12px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse:  collapse;
	width: 100%;
        cellspacing: 1px;
 
	}
table.listaRelacion tr {
        font:  14px Verdana, Arial, Helvetica, sans-serif;
    	border: none;
       
        
        border-top: 1px solid #176f94;
}

table.listaRelacion tr:hover {
        background-color:  #eee;
}

        
table.listaRelacion thead td  {
    	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0 0.5em;
	text-align: left;
        height:20px;
        font-weight: bold;
	}
        
table.listaRelacion td  {
    	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0 0.5em;
	text-align: left;
        height:20px;
   
	}        
     
        /*----- Finder*/

.listaRelacion .finder{
  overflow:  auto;  
  float:left;
  width: 39%;
  border-radius: 5px 5px 0px 0px;
  border:  #CCC solid 1px;  
  padding: 1px 1px 10px 1px;
  margin: 0px 10px 10px 10px;
}     

.listaRelacion .finder table th{
  text-align: left;
}     


            /* tools de los finders*/
.finder table.tools td:hover {
    background-color: #eee;
}     


   /***************************
     preForm genérico
   ***************************/

   
.preFormHeader{
    
  padding: 1px;
  font:  16px Verdana, Arial, Helvetica, sans-serif;
  
     /*Estas dos lineas son claves. Hacen que
      *  el contenido del div no quede fuera del div contenedor (ordenHeader)
      */
  border: 0px solid #000;
  overflow: hidden;


}


.preFormHeader .datos{
  overflow:  auto;  
  float:left;
  width: 60%;
  border-radius: 15px 0px 15px 0px; 
  border:  #CCC solid 1px;  
}

.preFormHeader .datosRelacion{
  overflow:  auto;  
  float:left;
  width: 60%;
  border-radius: 5px 5px 0px 0px;
  border:  #CCC solid 1px;  
  background-color: #eee;
  margin-bottom: 10px;
}

table.preFormHeader td{
    
  padding: 1px 2px 1px 1px;

}

table.preFormHeader td:hover{
    
  background-color: #ddd;
}

table.preFormHeader.datos {
	font:  14px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse:  collapse;
	width: 99%;
        cellspacing: 1px;
        text-align: left;
        border:none;
	}


table.preFormHeader.datos tbody tr {
         height: auto;
	}        
table.preFormHeader.datos tbody th {
 	
	border-bottom: 1px solid  #DDD;
	padding: 0 0.5em;
	text-align: left;
        height:20px;
        width: 50%;
   
	}
 
        
table.preFormHeader.datos tbody td {
	/*border-bottom: 1px solid #CCC;*/
	padding: 0 0.5em;
        height:20px;
        text-align: left;
        
	}
        
table.preFormHeader.datos thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
            
        }
table.preFormHeader.datos thead * {
	width: 190px;
	background: #CCC;
        font-size: 97%;
        
	}
table.preFormHeader.datos tbody * {
        font-size: 95%;
/*        height:10px;*/
        
          

        }
table.preFormHeader.datos td+td {
	border-left: 1px solid #CCC;
	text-align: left;
        overflow: hidden;
        
	}

button.likeLink{
 background: transparent;
 border: none;
 cursor: pointer;
}

table.preFormHeader.datos td h2{
            font-size: 140%;
     }

table.tools tr td {

    padding: 2px;
}
table.tools tr td:hover {
    background-color: #eee;
    padding: 2px;
}


/****************************
  

            Acca empiezo a meter mano


 ****************************/



#ui-accordion-accordion-panel-0{
    padding: 5px;
    overflow:hidden;
    border-radius: 0 0 15px 0;
}

#ui-accordion-accordion-header-0 {
  border-radius: 15px 0px 0px 0px;      
}


#botonFiltrar{

    padding-bottom: 2px;
    padding-top: 2px;    
    float:right;
    border-radius: 15px 0px 15px 0px;  
  
}

input, select, textArea{
  border-radius: 4px;
  border:  #CCC solid 2px;
  padding: 2px;  
  
  /*font-size: 12px;*/
    
}


input:focus,select:focus,textArea:focus{
    
  border-radius: 4px;
  border:   dodgerblue solid 2px;
  /*font-size: 12px;*/  
    
}


/****************************
  

            Tabla Genérica


 ****************************/


#integrantesLab{
    width:60%;
    margin-top: 15px;
}

#integrantesLab a{
    font-size: 12px;
}

.ordenes {
    
    margin-bottom: 20px;
    border:  #CCC solid 1px;
    font-size:11px;    
    width: 100%;
}


.ordenes th b {
    
    font-size:11px;    
}
.ordenes th {
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border:  #CCC solid 1px;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    text-align: center;
    font-size:11px;        
}

.ordenes th arriba{
    float:left;
    
}

.ordenes th abajo{
    float:right;
}

.ordenes td a {
    
    font-size:10px;    
}

.ordenes td {
    
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    border:  #CCC solid 1px;
    font-size:12px;        
}


.ordenes .ordenTools td {
    
    border: none;
     
}

.ordenes .permiso{
    text-align: left;
    
}

/*Tabla de tutoriales*/
.tablaTutorial {
    
    margin-bottom: 20px;
    border:  #CCC solid 1px;
    font-size:11px;    
}

.tablaTutorial th {
    
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border:  #CCC solid 1px;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #D3D3D3;
    color: #555555;
    text-align: center;
    font-size:11px;        
}

.tablaTutorial td {
    
    padding: 15px 22px;
    border:  #CCC solid 1px;
    font-size:12px;        
}


#form h1 {
    padding:0;
    padding-left: 5px;
    padding-bottom: 0px;
}


#formFilter td,th{
    padding-top:10px;
    padding-bottom:10px;    
}

.filterForm
{
  overflow:  auto;
  padding: 2px;
  float:top;
  width: 100%;
  border-radius: 15px 0px 15px 0px;  
  margin-bottom: 0px;  
  font-size:80%;
}

#accordionDetalleSituacion{
    font-size: 90%;
    
}

div.sinPermiso div.imagen{

    text-align: center;
} 

div.sinPermiso div.texto{

    text-align: center;
} 


  /***************************
     MENSAJES
   ***************************/        
table.mensajes{
    width: 100%;
    font-size: 0.7em;    

}  

.mensajes th {
        border-bottom: 1px solid #CCCCCC;    
	padding: 0 0.5em;
	text-align: left;
        height:20px;
        background-color: #FFF;
	}


.mensajes tbody * {
        font-size: 100%;
        text-align: left;
     
/*        height:10px;*/
        
        }
.mensajes tr{
        /*border-left: 1px solid #CCCCCC;*/
	text-align: left;
        overflow: hidden;
        background-color: #FFF;
        border-bottom: 1px solid #CCC ;
	}
        
.mensajes tr.leidos {
        /*border-left: 1px solid #CCCCCC;*/
	text-align: left;
        overflow: hidden;
        background-color: #F2F2F2;
        border-bottom: 1px solid #CCC ;
	}

.mensajes tr.sinLeer {
        /*border-left: 1px solid #CCCCCC;*/
	text-align: left;
        overflow: hidden;
        background-color: #FFF;
        border-bottom: 1px solid  #EEE;
        font-weight: bolder;
	}
        
.mensajes tr.envieYo {
        /*border-left: 1px solid #CCCCCC;*/
	text-align: left;
        overflow: hidden;
        background-color: #E0F0FF;
        border-bottom: 1px solid  #41B5EA;
	}
        
.mensajes td {
        /*border-left: 1px solid #CCCCCC;*/
	text-align: left;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom:5px;
        

}

.mensajes td.fecha {
        /*border-left: 1px solid #CCCCCC;*/
        width: 15%;
	text-align: left;
        overflow: hidden;
	}

.mensajes td.remitente {
        /*border-left: 1px solid #CCCCCC;*/
        width: 5%;
	text-align: left;
        overflow: hidden;
	}
        
.mensajes td.sinLeer {
        /*border-left: 1px solid #CCCCCC;*/
        width: 5%;
	text-align: left;
        overflow: hidden;
	}
        
.mensajes td.texto {
        /*border-left: 1px solid #CCCCCC;*/
        width: 60%;
	text-align: left;
        overflow: hidden;
	}
        
#divFormMensajeNuevo {
        width: 700px;
        padding: 10px;
        margin-left: 1%;
        margin-right:  1%;
        margin-top: 2%;
        border: none;
        border-radius: 0px 0 15px 0;
        background: #f1f1f1;
        border: 1px solid #e5e5e5;
        margin-bottom: 10px;

}

#divMensajeChat {
        width: 700px;
        padding: 10px;
        margin-left: 1%;
        margin-right:  1%;
        margin-top: 2%;
        border: none;
        border-radius: 10px 0 15px 0;
        background: #f1f1f1;
        border: 1px solid #e5e5e5;
        overflow-y: scroll;
        height: 300px;
}


#mensajePara {
    
        margin-bottom: 5px;
        float: left;
}

#textoMensaje {
    
        margin-bottom: 5px;
}

.formMensajeNuevo {
    
        margin-left: auto;
        margin-right: auto;
}

  /***************************
     FILTERS
   ***************************/        
  table.formFilter{
      text-align: left;
  }
  table.formFilter th{
      text-align: left;
      font-weight: normal;
  }
  
  table.formFilter td{
      text-align: left;
  }
  li{
    display:  list-item;
    list-style: none;
   /* text-align: -webkit-match-parent;*/
  }
  
 

#btn_addUser {
    margin: 20px;
    padding: 5px;
    position: relative;
    border-radius: 15px 0 15px 0;
    background-color: #6dbcd9;
    font-size: 21px;
    text-decoration:  #EEE;
}



#btn_addUser a {
  display: inline-block;
  text-decoration:  #EEE;
}

#btn_addUser img {
    display: block;
}

#btn_addUser i,
#btn_addUser span {
    display:table-cell;
    vertical-align:middle;
}

/* Using padding to add gutter
between the image and the text*/
#btn_addUser span {
    padding-left: 15px;
}

#readTrack:hover {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    cursor: pointer;
}