/*----------------------------------------------------
Definicion de fuentes
-----------------------------------------------------*/ 

@font-face {
  font-family: 'RotisSansSerif';
  src: url('../fonts/RotisSansSerif.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RotisSansSerif.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/RotisSansSerif.woff') format('woff'), /* Modern Browsers */
       url('../fonts/RotisSansSerif.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/RotisSansSerif.svg.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'RotisSansSerifExtra';
  src: url('../fonts/RotisSansSerifExtra.eot'); /* IE9 Compat Modes */
  src: url('../fonts/RotisSansSerifExtra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/RotisSansSerifExtra.woff') format('woff'), /* Modern Browsers */
       url('../fonts/RotisSansSerifExtra.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/RotisSansSerifExtra.svg.svg#svgFontName') format('svg'); /* Legacy iOS */
}






.readonly { background:#ececec; }

a       { color:#f96a00; text-decoration: underline;}
a:hover { color:#f96a00; text-decoration: none;}


body {
  background: #FFFFFF!important;
  color: #333;
}


#header { 
  height: 120px; 
  background: url(../images/header_background.jpg) repeat-x bottom center;
  font: 50px 'RotisSansSerifExtra';
  color: #0d1b24;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);
}




#salir        { background-color: #67727a; color: #e0e9f0; font:bold 14px Arial;}
#salir > div  { margin: 7px 0;}

.btn-notificaciones               { background-color:#ffffff; color:#0095d0;border:1px solid #0095d0!important;}
.btn-notificaciones:hover          { color:#000!important; }
.btn-notificaciones.active         { background-color:#0095d0; color:#ffffff;}
.btn-notificaciones:hover:hover    { color:#ffffff; }


.btn-incidencias               { background-color:#ffffff; color:#0095d0;border:1px solid #0095d0!important;}
.btn-incidencias:hover         { color:#000!important;  border-left:1px solid #2964a9;}
.btn-incidencias.active        { background-color:#0095d0; color:#ffffff;}
.btn-incidencias.active:hover  { color:#ffffff;   border-left:1px solid #ff1515;}




/* PESTA�AS */
      .secc-pestanas           { background-color:#3f4c55; border-bottom:1px solid #a1c5cd; height:25px;}
      /*.secc-pestanas a         { color:inherit; text-decoration:none;}*/

      .secc-pestanas .nav-tabs              { border-bottom:none;}
      .secc-pestanas .nav-tabs li           { margin-left:0; margin: 0 5px; padding:7px 5px 0 5px; min-width:100px; border:1px solid #a1c5cd; border-bottom:none; text-align:center; font:bold 15px Arial, Helvetica, sans-serif; bottom:10px;}
      .secc-pestanas .nav-tabs > li > a     { padding:0; border:none;}
      .secc-pestanas .nav-tabs > li > a:hover { border: none; background-color: transparent; padding:0;}
      .secc-pestanas .nav-tabs li.activaOK  { height:25px; background:#ffffff;}
      .secc-pestanas .nav-tabs li.activaKO  { height:24px; background:#dfe9eb;}

      .secc-pestanas .nav-tabs .activaOKdet { height:25px; background:#dfe9eb; }
      .secc-pestanas .nav-tabs .activaKOdet { height:24px; background:#ffffff; }



      .secc-pestanas .nav-tabs .dropdown          { border:none; top:-5px; margin-right:-70px; }
      .secc-pestanas .nav-tabs .dropdown > a        { color:#ffffff;}
      .secc-pestanas .nav-tabs .dropdown > a:hover  { color:#a1c5cd;}

      .secc-pestanas .nav-tabs .dropdown li { background-color:transparent; border:none; }
      .secc-pestanas .nav-tabs .dropdown li a { font-weight:bold; }
      .secc-pestanas .nav-tabs .dropdown li a:hover {  color:#000; }       

      .secc-pestanas .nav-tabs .dropdownul.dropdown-menu { padding: 10px 0 0;}


      .secc-pestanas .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:transparent!important;}
      .secc-pestanas .nav-tabs .dropdown-menu { margin-top:1px;}





/* BUSQUEDA */
      .secc-contenido #bsq   { position:relative; /*height:45px;*/  border:1px solid #0095d0; /*margin:0 10px;*/ }
      .secc-contenido #bsqProv   { position:relative; height:85px;      border:1px solid #0095d0; /*margin:0 10px;*/}
      .secc-contenido #bsqAv { position:relative; min-height:150px; border:1px solid #0095d0; /*margin:0 10px;*/ border-top:none; padding-top:10px; font:bold 13px Arial, Helvetica, sans-serif; display:none;}

      .secc-contenido .activaFondo { background:url(../images/fondo-busqav.png) repeat-x #51c0f5;border: 1px solid #696;padding: 10px 0;border-radius: 4px 4px 2px 2px;-webkit-box-shadow: #666 0px 0px 0px;-moz-box-shadow: #666 0px 0px 0px;box-shadow: #666 0px 0px 0px; behavior: url(packs/PIE.htc/PIE.htc); z-index:2}
      .secc-contenido .activaColor { background:#cae7f5; /*border: 1px solid #696;*/padding: 10px 0; border-radius: 0 0 4px 4px;-webkit-box-shadow: #666 0px 0px 0px;-moz-box-shadow: #666 0px 0px 0px;box-shadow: #666 0px 0px 0px; behavior: url(packs/PIE.htc/PIE.htc); }

      .secc-contenido #bsq input { height:30px; width:100%; padding:4px 0 4px 4px; border:1px solid #a9a9a9; font-size:18px; color:#000; margin:0;}
      .secc-contenido #bsq .botones div { display: inline-block; margin:3px 0;}

      .secc-contenido #bsq #btn-busqueda-av       { position:absolute; width:155px!important; margin:0; top:50%; margin-top:-7px!important; right:0; font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer; color:#0076A5;}
      .secc-contenido #bsq #btn-busqueda-av:hover { text-decoration:underline; color:#0076A5;}

      .secc-contenido #bsqProv input { height:30px; width:360px; padding:5px 0 0 5px; border:1px solid #a9a9a9; font-size:18px; color:#000; margin:0;}
      .secc-contenido #bsqProv img   { position:relative; top:3px;}
      .secc-contenido #bsqProv>div   {width:455px; margin:10px auto; font:13px Arial, Helvetica, sans-serif;}

      .secc-contenido #bsqProv #btn-busqueda-av       { position:absolute; width:155px!important; margin:0; top:50%; margin-top:-7px!important; right:0; font:bold 13px Arial, Helvetica, sans-serif; cursor:pointer;}
      .secc-contenido #bsqProv #btn-busqueda-av:hover { text-decoration:underline;}


      .secc-contenido #bsqAv div      { margin-bottom:10px;}
      .secc-contenido #bsqAv .botones { position:relative; width:160px; top:10px; margin:20px auto; clear:both;}



      label { position:relative; top:4px;}        
      input[type="text"],input[type="password"], select { width: 100%; max-width: 100%; }
      textarea { resize: none; height:100px; width: 700px; min-width: 100%; max-width: 100%;} /* http://grantovich.net/misc/ie8-textarea-bug/ */

        .btn-acciones-list { position:relative; float:left; width:auto!important; min-width:90px; max-width:180px!important; text-align:center; padding:3px 10px!important; margin:10px 15px!important; font-weight:bold!important;
            border:1px solid #0095d0;
            background-color: #cae7f5;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            cursor:pointer;
        }
        .btn-acciones-list:hover { background-color: #a1deff; }
        
        .btn-acciones-list2 { position:relative; float:left; width:auto!important; min-width:90px; max-width:180px!important; text-align:center; padding: 3px 10px!important; margin:10px 5px!important; font-weight:bold!important;
            border:1px solid #0095d0;
            background-color: #3d85a7;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            cursor:pointer;
            color: #FFFFFF;
        }
        .btn-acciones-list2:hover { background-color: #a1deff; color: #000000}
        
        .btn-busqueda-list { position:relative; float:left; width:auto!important; min-width:90px; max-width:180px!important; text-align:center; padding:3px 10px!important; margin:10px 5px!important; font-weight:bold!important;
            border:1px solid #0095d0;
            background-color: #cae7f5;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            cursor:pointer;
        }
        .btn-busqueda-list:hover { background-color: #a1deff; }



      #containerListado                { /*margin:0;*/ font:13px Arial, Helvetica; margin-top:20px;}
      #containerListado tbody td       { vertical-align:middle;}
      #containerListado tbody tr[role=row]:hover { background-color:#cee5ec!important; outline:1px solid #0095d0; cursor: pointer;}
      #containerListado tbody .details * { background-color:whitesmoke;}

      #containerListado .dataTables_info   {float:left; color:#67727a; font:bold 13px Arial;}
      #containerListado .dataTables_filter {float:right; color:#67727a; font:bold 13px Arial;}
      #containerListado .dataTables_filter label {top:0;}




/* subMENU DETALLE */
        #subMenuDetalle{
            padding: 3px 0 0 15px;
            margin:0;
            font: bold 14px Arial, Helvetica, sans-serif;
            text-align: left; 
            background-color:#729cc4;
            height:18px;
        }
        /*#subMenuDetalle li { border-radius: 4px 4px 2px 2px;-webkit-box-shadow: #666 0px 0px 0px;-moz-box-shadow: #666 0px 0px 0px; behavior: url(packs/PIE.htc/PIE.htc); }*/
        #subMenuDetalle li.noselected      { display: inline; margin: 0 10px; padding:3px 5px; color:#fff; cursor:pointer;}
        #subMenuDetalle li.noselected:hover{ color:#000; }
        
        #subMenuDetalle li.selected      { position: relative; top:-3px; border: 1px solid #a0c5cd; border-bottom: none; background:#fff; padding:7px 10px 5px 10px; color:#000; /*z-index:999;*/}
        #subMenuDetalle li.selected:hover{ text-decoration: none;}








/* TABLA */
        /* utilizamos los siguientes estilos para cambiar el diseno de los posibles listados de un registro*/
        .container_list                      { position:relative; padding-top:20px; /*width:90%; margin:20px auto;*/}
        .container_list .total               { font-weight:bold; position:absolute; top:25px; right:5px; font:13px Arial,Helvetica; float:left; color:#000000;}
        .container_list .contraer            { position:absolute; top:25px; left:205px; font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;} 
        .container_list .todas               { position:absolute; top:15px; left:350px; font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;} 
        .container_list .todas_sol           { position:absolute; top:15px; left:675px; font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;} 
        .container_list .nuevo,
        .container_list .nuevoAsoc,
        .container_list .nuevoLOV            { position:absolute; top:25px; right:5px; font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;}
        .container_list .nuevo:hover,
        .container_list .contraer:hover,      
        .container_list .nuevoAsoc:hover,
        .container_list .nuevoLOV:hover      { color:#0095d0; text-decoration:underline;}
        .container_list .detalle             { position:absolute; top:25px; right:5px; font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;}
        .container_list .detalle:hover       { color:#0095d0; text-decoration:underline;}
        .container_list .otro_equipo         { top:25px;font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;}
        .container_list .fases               { top:25px;font:13px Arial,Helvetica; float:left; color:#0095d0; cursor:pointer;}
        .container_list .fases:hover         { color:#0095d0; text-decoration:underline;}
        .container_list .todas               { /*top:25px;*/font-size:13px; font-family: Arial,Helvetica; /*float:left;*/ color:#0095d0; cursor:pointer;}
        .container_list .todas:hover         { color:#0095d0; text-decoration:underline;}
        
        .container_list .titulo              { font:bold 14px/22px Arial,Helvetica; color:#0095d0; border-bottom:2px solid #0095d0; text-align:left; margin-bottom:4px;}
        .container_list .suma                { font:bold 14px/22px Arial,Helvetica; color:#0095d0; border-bottom:2px solid #0095d0; text-align:right; margin-bottom:4px;padding-right:10px;}
        .container_list .mensaje             { font: 13px/22px Arial,Helvetica; color:#0095d0; text-align:left; margin-bottom:4px;margin-top:4px;}
        .container_list .titular             {font-family:Arial, Helvetica, sans-serif; text-indent:25px; font-size:24px; color:#159cdb; font-weight:bold; bottom:10px; line-height:28px;}
        
        
        .container_list .top {background:none; border:none; padding:5px 0;}
        .container_list .top .dataTables_info   {float:left; color:#67727a; font:bold 13px Arial; text-align:left;}
        .container_list .top .dataTables_filter {float:right; color:#67727a; font:bold 13px Arial;}
        
        
        .container_list table          { table-layout: fixed; }
        .container_list tbody tr       { border:1px solid #d3d3d3; border-top:none;}
        .container_list tbody tr:hover { cursor:pointer;}        
        .container_list tbody td,
        #listado_inicio_wrapper tbody td { word-wrap: break-word;}
        
        
        
        /*.container_list  tfoot          { outline: 1px solid #d3d3d3; }*/
        .container_list  tfoot tr th    { border:1px solid #d3d3d3; background:none!important; /*border:none!important;*/ border-left:none; border-right:none;}

        
        


        #listado_xpress tr.details,
        #listado_xpress td.details,
        #listado_xpress .innerDetails       { width: 100%; }



input[type="text"],
input[type="password"],
input[type="search"],
textarea, select
{
      padding: 4px;
      /*text-indent: 4px;*/
      box-sizing: border-box;
      
      border: solid 1px #dcdcdc;
      transition: box-shadow 0.3s, border 0.3s;      
      
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      
      behavior: url(packs/PIE.htc/PIE.htc);
      position: relative;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus
{
      border: solid 1px #707070;
      box-shadow: 0 0 5px 1px #969696;
}





.redondear {
    border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    /*
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    */
    behavior: url(packs/PIE.htc/PIE.htc);
    position: relative;
} 



.error          { color: #ff0000;}
#confirmacion .error          { color: #ff0000;padding-top: 20px;}
.placeholder    { color: #aaa; }
.validate       { font:bold 13px Arial, Helvetica, sans-serif; color:#ff0000; }


.ui-datepicker                         { font-size: 90%!important; z-index:99!important;}
.ui-datepicker-header.ui-widget-header { min-height:30px;}











@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.listado-titulo { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:bold; text-align:left; color:#0095d0; border-bottom:1px solid #0095d0;}



/* #Media Queries
================================================== */
 
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) { }
 
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { }
 
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { }
 
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { }
 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { }