﻿.tabVentanasEnUso 
{
    background-color: #ecf0f1;
    /*background: #fff;
    
    
    background-image: -webkit-gradient(
	    linear,
	    left top,
	    right top,
	    color-stop(0, #49afcd),
	    color-stop(1, #f5f5f5)
    );
    background-image: -o-linear-gradient(right, #49afcd 0%, #f5f5f5 175%);
    background-image: -moz-linear-gradient(right, #49afcd 0%, #f5f5f5 175%);
    background-image: -webkit-linear-gradient(right, #49afcd 0%, #f5f5f5 175%);
    background-image: -ms-linear-gradient(right, #49afcd 0%, #f5f5f5 175%);
    background-image: linear-gradient(to right, #49afcd 0%, #f5f5f5 175%);    
    */
}

#tabs, #tabs_Ventanas{
  overflow: hidden;
  width: 95%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size:12px;
}
 
#tabs li, #tabs_Ventanas li{
  float: left;
  margin: 0 .5em 0 0;
}
 
#tabs a.tab, #tabs_Ventanas a.tab{
  position: relative;
  padding: 3px 20px 3px 10px;
  float: left;
  text-decoration: none;
  color: #333;
  font-weight:bolder;  
  /*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
  border-radius: 3px 0 0 0;
  /*box-shadow: 0 2px 2px rgba(0,0,0,.4);*/
}
#tabs a.tab:hover, #tabs a.tab:hover::after, #tabs a.tab:hover::before,
#tabs a.tab:focus, #tabs a.tab:focus::after, #tabs a.tab:focus::before,
#tabs_Ventanas a.tab:hover, #tabs_Ventanas a.tab:hover::after, #tabs_Ventanas a.tab:hover::before,
#tabs_Ventanas a.tab:focus, #tabs_Ventanas a.tab:focus::after, #tabs_Ventanas a.tab:focus::before{
    background: #49afcd;
    color: #fff
}
#tabs a.tab:hover::after, #tabs a.tab:focus::after,
#tabs_Ventanas a.tab:hover::after, #tabs_Ventanas a.tab:focus::after  
{
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 1px 0 0; border-radius: 0 1px 0 0;  
}
#tabs a.tab:hover::before, #tabs a.tab:focus::before, 
#tabs_Ventanas a.tab:hover::before, #tabs_Ventanas a.tab:focus::before 
{
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg);-o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;  
}
     
#tabs a.tab:focus, #tabs_Ventanas a.tab:focus{
  outline: 0;
}
 
#tabs a.tab::after, #tabs_Ventanas a.tab::after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
}

#tabs a.tab::before, #tabs_Ventanas a.tab::before{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -.5em;
    bottom: 0;
    width: 1em;
}

#tabs #current a.tab, #tabs #current a.tab::after, #tabs #current a.tab::before,
#tabs_Ventanas .current a.tab, #tabs_Ventanas .current a.tab::after, #tabs_Ventanas .current a.tab::before
{
    background: #fff;
    color: #49afcd;
    z-index: 3;
   
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#49afcd));
    background-image: -webkit-linear-gradient(top, #e4e4e4, #49afcd);
    background-image: -moz-linear-gradient(top, #e4e4e4, #49afcd);
    background-image: -ms-linear-gradient(top, #e4e4e4, #49afcd);
    background-image: -o-linear-gradient(top, #e4e4e4, #49afcd);
    background-image: linear-gradient(to top, #e4e4e4, #49afcd);
    */
    /*-moz-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); */
    
}
#tabs #current a.tab::after, #tabs #current a.tab::after,
#tabs_Ventanas .current a.tab::after, #tabs_Ventanas .current a.tab::after  {
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); */
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}
#tabs #current a.tab::before, #tabs #current a.tab::before,
#tabs_Ventanas .current a.tab::before, #tabs_Ventanas .current a.tab::before {
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;  
}
/* para el contenido de los tabs seleccionados */
#content
{
    background: #e4e4e4;
    height: 220px;
    position: relative;
    z-index: 2;
}

/* Tabs para las botoneras ribbon */
#tabs a.rib, #tabs_Ventanas a.rib {
  position: relative;
  padding: 3px 10px 3px 10px;
  float: left;
  text-decoration: none;
  color: #333;
  font-weight:bolder;
}
#tabs a.rib:hover, #tabs a.rib:focus,
#tabs_Ventanas a.rib:hover, #tabs_Ventanas a.rib:focus{
    background: #49afcd;
    color: #fff;
}
#tabs a.rib:focus, #tabs_Ventanas a.rib:focus{
  outline: 0;
}
#tabs #current a.rib, #tabs_Ventanas .current a.rib {
    background: #f7f7f7;
    color: #49afcd;
    z-index: 3;
    border-top: 1px solid #e7e3e7; 
    border-left: 1px solid #e7e3e7; 
    border-right: 1px solid #e7e3e7; 
    border-bottom: 0px; 
}

/* para el contenido de los tabs-ribbon seleccionados */
#contentrib
{
    background: #f7f7f7;
    position: relative;
    z-index: 2;
    border-top: 1px solid #e7e3e7;
    border-bottom: 1px solid #e7e3e7;
    font-size: 0.9em;
    margin-top: -1px;
    height: 84px!Important
}

/* Tabs para Fichas */
#tabsficha{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size:12px;
  /*background-color: #DFDFDF;*/
}
 
#tabsficha li{
  float: left;
  margin: 0 .5em 0 0;
}
 
#tabsficha a.tab{
  position: relative;
  padding: 3px 10px 3px 10px;
  float: left;
  text-decoration: none;
  color: #333;
  font-weight:bolder;  
  /*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
  border-radius: 3px 0 0 0;
  /*box-shadow: 0 2px 2px rgba(0,0,0,.4);*/
}
#tabsficha a.tab:hover,
#tabsficha a.tab:hover::after,
#tabsficha a.tab:hover::before,
#tabsficha a.tab:focus,
#tabsficha a.tab:focus::after,
#tabsficha a.tab:focus::before{
    background: #49afcd;
    color: #fff
}
#tabsficha a.tab:hover::after,
#tabsficha a.tab:focus::after  
{
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 1px 0 0; border-radius: 0 1px 0 0;  
}
#tabsficha a.tab:hover::before,
#tabsficha a.tab:focus::before  
{
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg);-o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;  
}
     
#tabsficha a.tab:focus{
  outline: 0;
}
 
#tabsficha a.tab::after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
}

#tabsficha a.tab::before{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -.5em;
    bottom: 0;
    width: 1em;
}

#tabsficha #current a.tab,
#tabsficha #current a.tab::after,
#tabsficha #current a.tab::before{
    background: #8093a6;
    color: #94B4BB;
    z-index: 3;
    
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecf0f1));
    background-image: -webkit-linear-gradient(top, #fff, #ecf0f1);
    background-image: -moz-linear-gradient(top, #fff, #ecf0f1);
    background-image: -ms-linear-gradient(top, #fff, #ecf0f1);
    background-image: -o-linear-gradient(top, #fff, #ecf0f1);
    background-image: linear-gradient(to top, #fff, #ecf0f1);
    */
    /* border-top: solid 1px #ecf0f1;*/
    /*-moz-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); */
}
#tabsficha #current a.tab::before,
#tabsficha #current a.tab::before  {
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;
    /*border-left: solid 1px #ecf0f1;*/
}
#tabsficha #current a.tab::after,
#tabsficha #current a.tab::after  {
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); */
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    /*border-right: solid 1px #ecf0f1; */   
}

/* para el contenido de los tabsficha seleccionados */
#contentficha
{
    background: #fff;
    height: 300px;
    position: relative;
    z-index: 2;
    padding: 10px;
}


/* Tabs para Fichas de destino */
#tabsfichaDest{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size:12px;
  /*background-color: #DFDFDF;*/
}
 
#tabsfichaDest li{
  float: left;
  margin: 0 .5em 0 0;
}
 
#tabsfichaDest a.tab{
  position: relative;
  padding: 3px 10px 3px 10px;
  float: left;
  text-decoration: none;
  color: #333;
  font-weight:bolder;  
  /*text-shadow: 0 1px 0 rgba(255,255,255,.8);*/
  border-radius: 3px 0 0 0;
  /*box-shadow: 0 2px 2px rgba(0,0,0,.4);*/
}
#tabsfichaDest a.tab:hover,
#tabsfichaDest a.tab:hover::after,
#tabsfichaDest a.tab:hover::before,
#tabsfichaDest a.tab:focus,
#tabsfichaDest a.tab:focus::after,
#tabsfichaDest a.tab:focus::before{
    background: #49afcd;
    color: #fff
}
#tabsfichaDest a.tab:hover::after,
#tabsfichaDest a.tab:focus::after  
{
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 1px 0 0; border-radius: 0 1px 0 0;  
}
#tabsfichaDest a.tab:hover::before,
#tabsfichaDest a.tab:focus::before  
{
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg);-o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); -webkit-box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4); box-shadow: -2px 0px 4px 4px rgba(0,0,0,.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;  
}
     
#tabsfichaDest a.tab:focus{
  outline: 0;
}
 
#tabsfichaDest a.tab::after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: -.5em;
    bottom: 0;
    width: 1em;
}

#tabsfichaDest a.tab::before{
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -.5em;
    bottom: 0;
    width: 1em;
}

#tabsfichaDest #current a.tab,
#tabsfichaDest #current a.tab::after,
#tabsfichaDest #current a.tab::before{
    background: #8093a6;
    color: #94B4BB;
    z-index: 3;
    
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecf0f1));
    background-image: -webkit-linear-gradient(top, #fff, #ecf0f1);
    background-image: -moz-linear-gradient(top, #fff, #ecf0f1);
    background-image: -ms-linear-gradient(top, #fff, #ecf0f1);
    background-image: -o-linear-gradient(top, #fff, #ecf0f1);
    background-image: linear-gradient(to top, #fff, #ecf0f1);
    */
    /* border-top: solid 1px #ecf0f1;*/
    /*-moz-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 0px -1px 0px 0.5px rgba(51,84,151,0.4); */
}
#tabsfichaDest #current a.tab::before,
#tabsfichaDest #current a.tab::before  {
    -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); 
    /*-moz-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: -1px -1px 0px 0.5px rgba(51,84,151,0.4);*/
    -webkit-border-radius: 3px 0px 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;
    /*border-left: solid 1px #ecf0f1;*/
}
#tabsfichaDest #current a.tab::after,
#tabsfichaDest #current a.tab::after  {
    -webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);
    /*-moz-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); -webkit-box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); box-shadow: 1px -1px 0px 0.5px rgba(51,84,151,0.4); */
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
    /*border-right: solid 1px #ecf0f1; */   
}

/* para el contenido de los tabsficha seleccionados */
#contentfichaDest
{
    background: #fff;
    height: 220px;
    position: relative;
    z-index: 2;
    padding: 10px;
}
