/* Print styling */

@media print {

[class*="col-sm-"] {
	float: left;
}

[class*="col-xs-"] {
	float: left;
}

.col-sm-12, .col-xs-12 { 
	width:100% !important;
}

.col-sm-11, .col-xs-11 { 
	width:91.66666667% !important;
}

.col-sm-10, .col-xs-10 { 
	width:83.33333333% !important;
}

.col-sm-9, .col-xs-9 { 
	width:75% !important;
}

.col-sm-8, .col-xs-8 { 
	width:66.66666667% !important;
}

.col-sm-7, .col-xs-7 { 
	width:58.33333333% !important;
}

.col-sm-6, .col-xs-6 { 
	width:50% !important;
}

.col-sm-5, .col-xs-5 { 
	width:41.66666667% !important;
}

.col-sm-4, .col-xs-4 { 
	width:33.33333333% !important;
}

.col-sm-3, .col-xs-3 { 
	width:25% !important;
}

.col-sm-2, .col-xs-2 { 
	width:16.66666667% !important;
}

.col-sm-1, .col-xs-1 { 
	width:8.33333333% !important;
}
  
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left !important;
}

body {
	margin: 0;
	padding: 0 !important;
	min-width: 768px;
}

.container {
	width: auto;
	min-width: 750px;
}

body {
	font-size: 10px;
}

a[href]:after {
	content: none;
}

.noprint, 
div.alert, 
header, 
.group-media, 
.btn, 
.footer, 
form, 
#comments, 
.nav, 
ul.links.list-inline,
ul.action-links {
	display:none !important;
}

} 
@font-face {
   font-family:Arial;      
}

@media all and (max-width: 1200px) { /* screen size until 1200px */
    body {
        font-size: 1.5em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.2em; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 0.7em; /* 0.8x default size */
        }
    }


.Ticket_Encabezados {
    font-size:11px;
    line-height:1rem;
    float:none;
    word-spacing:1px;
    letter-spacing:0.2px;
}

.Ticket_Cuerpo {
    font-size:0.9rem;
    line-height:0.9rem;
    word-spacing:1px;
    letter-spacing:0.2px;
}

        .TboxBuscar {
            background:#FFFFFF url(GRAFICOS/Buscar.png) no-repeat 4px 4px;
            padding: 4px 4px 4px 22px;
            font-family: Verdana;
            font-size: 12pt;
            margin-left: 0px;
            margin-right: 5px;
            border-width:2px;
            border-color:#990066;
            border-radius: 5px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }







        .Tbox {
            position:static;
            padding: 4px 4px 4px 4px;
            font-family: Verdana;
            font-size:1.3rem;
            margin-right: 5px;
            border-width:2px;
            border-color:#49a5bf;
            border-radius: 4px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px; 
            transition:500ms all ease;
 
        }
        .Tbox:focus{
            outline: none !important;
            border-color: #719ECE;
            background-color:#C3C3C3;
            background:white;
            -moz-box-shadow: inset 0px 0px 2px #000000;
            -webkit-box-shadow: inset 0px 0px 2px #000000;
            box-shadow: inset 0px 0px 2px #000000;
        }

        .Tbox:disabled{
            color:black;
        }





        .TboxMoney{
            position:static;
            padding: 4px 4px 4px 4px;
            font-family: Verdana;
            font-size: 12pt;
            margin-left: 2px;
            margin-right: 5px;
            border-width:2px;
            border-color:#990066;
            border-radius: 5px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -o-border-radius: 5px;        
            text-align:left;
        }

        .TboxUsuario {
            background:#FFFFFF url(GRAFICOS/Usuario.png) no-repeat 4px 4px;
            padding: 4px 4px 4px 30px;
            font-family: Verdana;
            font-size: 12pt;
            margin-left: 0px;
            margin-right: 5px;
            border-width:2px;
            border-radius: 5px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            color:white;
        }
           

        .TboxClave {
            background:#FFFFFF url(GRAFICOS/Clave.png) no-repeat 4px 4px;
            padding: 4px 4px 4px 27px;
            font-family: Verdana;
            font-size: 12pt;
            margin-left: 0px;
            margin-right: 5px;
            border-width:2px;
            border-radius: 5px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            color:white;
        }

        .Tebox {
            position:static;
            height:24px;
            padding: 1px 0px 1px 0px;
            font-family: Verdana;
            font-size: 10pt;
            font-weight:bold;
            margin-left: 2px;
            margin-right: 5px;
            border-width:1px;
            border-color:#990066;
            border-bottom-color:#990066;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            text-shadow: 0 1px 0 #FFF;
            background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(#FFF));
            background: -moz-linear-gradient(top, #BCBCBE, #FFF);
            -webkit-box-shadow: 1px 1px 0 #EFEFEF;
            -moz-box-shadow: 1px 1px 0 #efefef;
            box-shadow: 1px 1px 0 #EFEFEF;
            word-wrap: break-word;
        }

       .Tebox:focus{
            outline: none !important;
            border-color: #719ECE;
            background-color:gray;
        }

        .Tebox:disabled{
            color:black;
        }
        
        .Fijar {
            position:static;
            margin-left:auto;
            margin-right:auto;
        }
        
        .Boton {
            -moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
            -webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
             box-shadow: 0px 0px 0px 2px #9fb4f2;
            padding: 4px 4px 4px 2px;           
            border:1.5px solid Blue;
            border-radius: 5px;
            box-shadow: 1px 2px 5px #666;
            border-style:ridge;
            border-top:5px;
            cursor:pointer;
            font-size:14px;
            font-family:Verdana;
        }

        .Boton:hover {
               color:blue;
               font-size:15px;
            }
        
        .Boton2{
            display: inline-block; 
            -webkit-box-sizing: content-box; 
            -moz-box-sizing: content-box; 
            box-sizing: content-box;
            position:static;
            border-top: 0.5px solid #96d1f8;
            background-color:#456;
            padding: 4px 2px 4px 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            cursor:pointer;
            color:#ffffff;	
            font-family:'Josefin Sans';
            font-size:18px;
            padding:0px 32px;
            text-decoration:none;
            text-align:center;
            -o-text-overflow: clip;
            text-overflow: clip;
            margin-left:2px;
            margin-right:2px;
            vertical-align: middle;
            -webkit-transition-duration: 0.4s; /* Safari */
            transition-duration: 0.4s;


    }

    .Boton2:hover {	
        border-bottom:1px solid #96d1f8;        
        font-size:19px;
        color:#fff;
        -webkit-transition: -webkit-box-shadow .1s ease-in-out;
         
    }

    .Boton2:active {
         border-top: 0px solid #96d1f8;
         border-bottom:0px solid #96d1f8;
        background: #1b435e;
    }

    .Boton2:focus {
        border: 1px solid white;
            }



    .Boton3{
        -moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
        -webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
        box-shadow:inset 0px 1px 3px 0px #91b8b3;	
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #191970), color-stop(1, #144B87));
        background:-moz-linear-gradient(top, #191970 5%, #144B87 100%);	
        background:-webkit-linear-gradient(top, #191970 5%, #144B87 100%);	
        background:-o-linear-gradient(top, #191970 5%, #144B87 100%);	
        background:-ms-linear-gradient(top, #191970 5%, #144B87 100%);	
        background:linear-gradient(to bottom, #191970 5%, #144B87 100%);	
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#191970', endColorstr='#144B87',GradientType=0);
        background-color:#191970;	
        -moz-border-radius:5px;	
        -webkit-border-radius:5px;	
        border-radius:5px;
        border:1px solid #566963;
        cursor:pointer;
	    color:#ffffff;	
        font-family:erdana;	
        font-size:15px;	
        font-weight:bold;
        padding:1px 4px;
        text-decoration:none;
        text-shadow:0px -1px 0px #2b665e;
    }
            
    .Boton3:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));	
        background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);	
        background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	    background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
        background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
        background-color:#6c7c7c;
    }

    .Boton3:active{
        position:relative;
        top:1px;
    }

        .Boton_Azul {
            position:static;
            padding: 4px 2px 4px 2px;
            margin-top:10px;
            margin-left:2px;
            border:1px solid #336699;
            border-radius: 5px;
            border-style:ridge;
            border-top:5px;
            cursor:pointer;
            font-size:12px;
            font-family:Verdana;
            height:30px;
            text-align:justify;
            background-color:#85B6F0;
            background: -moz-linear-gradient(top, #85B6F0, #579AEB);
            background: -webkit-gradient(linear, left top, left bottom, from(#85B6F0),to(#579AEB));
            background: -ms-linear-gradient(top, #85B6F0, #579AEB);
            background: -o-linear-gradient(top, #85B6F0, #579AEB);
            -moz-box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
            -webkit-box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
            box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
           
            }


         .Boton_Azul :active {
           position:relative;	
            top:1px;
             -moz-box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
            -webkit-box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
            box-shadow: 0px 0px 0px 1.5px rgb(0, 105, 202);
        }

        .Boton_Azul :hover{
            cursor: pointer;
        }
        .Boton_Azul :focus {
            border: 2px solid white;
            }



       .msg {
    background: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
}
.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
       -moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
            box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
}
.msg-info {
    border-color: #b8dbf2;
}
.msg-success {
    border-color: #cef2b8;
}
.msg-warning {
    border-color: rgba(255,165,0,.5);
}
.msg-danger {
    border-color: #ec8282;
}
.msg-primary {
    border-color: #9ca6f1;
}
.msg-magick {
    border-color: #e0b8f2;
}
.msg-info-text {
    color: #39b3d7;
}
.msg-success-text {
    color: #80d651;
}
.msg-warning-text {
    color: #db9e34;
}
.msg-danger-text {
    color: #c9302c;
}
.msg-primary-text {
    color: rgba(47,106,215,.9);
}
.msg-magick-text {
    color: #bb39d7;
}

   
.pagination-ys {
    /*display: inline-block;*/
    padding:0rem;
    margin: 10px 0;
    border-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td {
    display: inline;
}
 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}

    



    .Menu
{  

}

.Menu ul
{  
    background:#7795BD;
}

.Menu ul li
{
    background:#7795BD url(GRAFICOS/Menu.gif) repeat-x;
    text-align:left;
    /* set width if needed.*/
    width:150px;
}

.Menu ul li a
{
    color: black;
    padding: 4px 2px 4px;
    padding-left:8px !important;
    border:1px solid #648ABD;
    border-bottom: 0;
}

.Menu ul li a:hover
{
    background-image: none;
}

.Menu ul li a:hover
{
    color: White;
}

.Menu ul li a
{
    color: Black;
}

             
.Initial
  {
    display: block;
    padding: 4px 18px 4px 18px;
    float: left;
    background: url("../Images/InitialImage.png") no-repeat right top;
    color: Black;
    font-weight: bold;
  }
  .Initial:hover
  {
    color: White;
    background: url("../Images/SelectedButton.png") no-repeat right top;
  }
  .Clicked
  {
    float: left;
    display: block;
    background: url("../Images/SelectedButton.png") no-repeat right top;
    padding: 4px 18px 4px 18px;
    color: Black;
    font-weight: bold;
    color: White;
  }


  /*ESTILO PARA GRID*/

  .PestañaOculta  .ajax__tab_header  {
   
    border:none;
    padding:0rem;
     visibility:hidden;
     display:none;
     height:0rem;
}
    .PestañaOculta .ajax__tab_header .ajax__tab_outer {
        border:none;
    }

    .PestañaOculta .ajax__tab_header .ajax__tab_inner {
        border:none;
    }

    .PestañaOculta .ajax__tab_body{
        border:none;
        padding:0rem;
    }


  .MyTabStyle .ajax__tab_header
        {
            font-family: "Helvetica Neue" , Arial, Sans-Serif;
            font-size: 14px;
            font-weight:bold;
            display: block;

        }
        .MyTabStyle .ajax__tab_header .ajax__tab_outer
        {
            border-color: #222;
            color: #222;
            padding-left: 10px;
            margin-right: 3px;
            border:solid 1px #d7d7d7;
        }
        .MyTabStyle .ajax__tab_header .ajax__tab_inner
        {
            border-color: #666;
            color: #666;
            padding: 3px 10px 2px 0px;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_outer
        {
            background-color:#9c3;
        }
        .MyTabStyle .ajax__tab_hover .ajax__tab_inner
        {
            color: #fff;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_outer
        {
            border-bottom-color: #ffffff;
            background-color: #d7d7d7;
        }
        .MyTabStyle .ajax__tab_active .ajax__tab_inner
        {
            color: #000;
            border-color: #333;
        }
        .MyTabStyle .ajax__tab_body
        {
            font-family: verdana,tahoma,helvetica;
            font-size: 10pt;
            background-color: #fff;
            border-top-width: 0;
            border: solid 1px #d7d7d7;
            border-top-color: #ffffff;
        }

  .Grid {
    font-family:Verdana;
    font-size:10px; 
    background-color: #fff;  
    margin: 5px 0 10px 0;  
    border: solid 1px #525252;  
    box-sizing: border-box;
   
}

.Grid td {

      padding: 1px;
      border: none 0px transparent;
}

.Grid tr{
    border: none 0px transparent;
    background-color:white;
    color:black;
 }   

.Grid .pgr table { margin: 3px 0; }

.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: none; font-weight: bold; color: #fff; line-height: 8px; } 

 

.Grid .pgr a { color: Gray; text-decoration: none; }

.Grid .pgr a:hover { color: #000; text-decoration: none; }



  /*FIN ESTILO PARA GRID*/





  /*
 *  STYLE 2
 */


.Estilo-Scroll::-webkit-scrollbar-track
{
    
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	background-color: #F5F5F5;
}

.Estilo-Scroll::-webkit-scrollbar
{
    cursor:pointer;
	width: 20px;
	background-color: #F5F5F5;
}

.Estilo-Scroll::-webkit-scrollbar-thumb
{
    
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0ae;	

}



.CeldaGrid tr td{
    height:10px;
    line-height:10px;
    padding-left:4px;
    padding-right:4px;
  }

.CeldaGrid tr:hover{
    background:#DCE4F9;
    color:#FF1717;
    cursor:pointer;
 } 

/*AUTOCOMPLTE EXTENDER*/
 


  .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=70);
        opacity: 0.7;
        border:solid 3px rgb(93,123,157);
        position:static;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";   /* IE 8 Compatibility */
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);       /* IE 7 Compatibility */
    }


    /*AUTOCOMPLETA*/

.completionList {
    border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border:1px solid blue;
        position:absolute;
        visibility:hidden;
         line-height:1rem;
        font-size:0.9rem;
         font-weight:bold;
        padding:0.5rem;
        height:calc(40vh);
        background-color:#FFFFFF;
        color:black;              
        z-index:100001 !important;
        margin-left:1%;
        margin-top:0.3%;
        display:block;
        overflow-y:scroll;
        overflow-x:hidden;
        scrollbar-arrow-color:#B89020;
        scrollbar-base-color:#8E6E1C;
        scrollbar-face-color:#B6C5D4;
        scrollbar-3dlight-color:#8E6E1C;
        scrollbar-highlight-color:#EED47D;
        scrollbar-shadow-color:#959595;
        scrollbar-darkshadow-color:#00337E; 
        } 

        .listItem {
        display:block;
        position:static;
        border-bottom: solid 1px #c2c2c2;
         z-index:100001 !important;
        cursor:pointer;
        padding:0.2rem;
        height:32px;
        } 



        .itemHighlighted {

        background-color: #C2C2C2;       
        cursor: pointer;
        height:32px;
        padding:0.5rem;
        border-top:1px solid #FFF8E8;
        border-left:1px solid #FFF8E8;
        border-bottom:1px solid #00337E;
        border-right:1px solid #00337E;
        }

        #divwidth
        {
          width: 250px !important;    
        }
        #divwidth div
       {
        width: 250px !important;   
       }
/* FIN  AUTOCOMPLTE*/




/*TOOL TIP 2*/
  .tooltip2
{
  border-bottom:none;
  outline: none;
  text-decoration:none;
  position:relative;
  display: inline;
}
 
 .tooltip2 strong{
     line-height: 3px;
 }
.tooltip2 span
{
    text-align:center;
    visibility: hidden;
    width:auto;
    height:auto;
    color: #000;
    background: #f1f1f1;
    border: 1px solid #000;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    font-family: JosefinSans-Regular;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    top:100%;
    margin-left:2%;
    left:-50%;
   
}
 
/*FLECHA*/
.tooltip2 span:after{
    content: '';
    position: absolute;
    width: 0; height: 0;
    bottom: 100%;
     margin-left: 5%;
     border: 1px solid black;
    border-bottom: 8px solid #f1f1f1;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;

}
 

.tooltip2:hover span
{
    z-index: 10000 !important;
    opacity: 0.9;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 2px;
    display: inline;
    
}

/*CALENDARIO 2*/
/*CONTENEDOR PRINCIPAL*/
.black .ajax__calendar_container
{
width:120%;
margin-left:-2%;
background-color: #0ca3d2;
 border:solid 1px #666666;
-moz-border-radius-topleft: 8px; 
-webkit-border-top-left-radius: 8px; 
-khtml-border-top-left-radius: 8px;
 border-top-left-radius: 8px;
-moz-border-radius-topright: 8px; 
-webkit-border-top-right-radius: 8px; 
-khtml-border-top-right-radius: 8px; 
border-top-right-radius: 8px; 
-moz-border-radius-bottomleft: 8px; 
-webkit-border-bottom-left-radius: 8px; 
-khtml-border-bottom-left-radius: 8px; 
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px; 
-webkit-border-bottom-right-radius: 8px; 
-khtml-border-bottom-right-radius: 8px; 
border-bottom-right-radius: 8px;
}

/*FORMATO CUEPO CALENDARIO DE LOS DIAS*/
.black .ajax__calendar_body
{
width:100%;
height:150px;
background-color:white; 
border: solid 1px #666666;
}




/*TITULO MES AÑO*/
.black .ajax__calendar_header
{
    
    font-size:15px;
    padding:-1px 0px 0px 0px;
background-color: #626262;
 margin-bottom: 8px;
-moz-border-radius-topleft: 4px; 
-webkit-border-top-left-radius: 4px; 
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; 
-webkit-border-top-right-radius: 4px; 
border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; 
-webkit-border-bottom-left-radius: 4px; 
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; 
-webkit-border-bottom-right-radius: 4px; 
border-bottom-right-radius: 4px;
} 
/*FORMATO TITULO DEL CALENDARIO*/
.black .ajax__calendar_title
{
color: #ffffff; 
padding-top: -2%;
}
.black .ajax__calendar_next,
.black .ajax__calendar_prev
{
border:solid 4px #ffffff;
background-color: #ffffff;
-moz-border-radius-topleft: 18px; 
-webkit-border-top-left-radius: 18px; 
border-top-left-radius: 18px;
-moz-border-radius-topright: 18px; 
-webkit-border-top-right-radius: 18px; 
border-top-right-radius: 18px; 
-moz-border-radius-bottomleft: 18px; 
-webkit-border-bottom-left-radius: 18px; 
border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px; 
-webkit-border-bottom-right-radius: 18px; 
border-bottom-right-radius: 18px;
}
.black .ajax__calendar_hover .ajax__calendar_next,
.black .ajax__calendar_hover .ajax__calendar_prev
{
border:solid 4px #328BC8;
background-color: #ffffff;
-moz-border-radius-topleft: 4px; 
-webkit-border-top-left-radius: 4px; 
-khtml-border-top-left-radius: 4px;
 border-top-left-radius: 4px;
-moz-border-radius-topright: 4px; 
-webkit-border-top-right-radius: 4px; 
-khtml-border-top-right-radius: 4px; 
border-top-right-radius: 4px; 
-moz-border-radius-bottomleft: 4px; 
-webkit-border-bottom-left-radius: 4px; 
-khtml-border-bottom-left-radius: 4px; 
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px; 
-webkit-border-bottom-right-radius: 4px; 
-khtml-border-bottom-right-radius: 4px; 
border-bottom-right-radius: 4px;
}





/*FORMATO NOMBRE DE LOS DIAS ENCABEZADO */
.black .ajax__calendar_dayname
{


width:100%;
text-align:center; 
margin:0px;
padding:-20% 0px 0px 0px;
color:#ffffff;
background-color:#000000;
font-size:12px;
} 
/*FORMATO DIAS DEL CALENDARIO*/
.black .ajax__calendar_day,
.black .ajax__calendar_month,
.black .ajax__calendar_year
{

width:100%;
margin:1px 1px 1px 1px;
padding:-5px 2px 4px 2px;
text-align:center;
border:solid 1px #000000;
color:#ffffff;
background-color: #626262;
font-size:15px;
}



.black .ajax__calendar_hover .ajax__calendar_day,
.black .ajax__calendar_hover .ajax__calendar_month,
.black .ajax__calendar_hover .ajax__calendar_year
{
color: #ffffff; 
font-weight:bold;
 background-color: #328BC8;
 border:solid 1px #328BC8;
}
.black .ajax__calendar_active .ajax__calendar_day,
.black .ajax__calendar_active .ajax__calendar_month,
.black .ajax__calendar_active .ajax__calendar_year
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.black .ajax__calendar_today .ajax__calendar_day
{
color: #ffffff; font-weight:bold; background-color: #F7B64A;	
}
.black .ajax__calendar_other,
.black .ajax__calendar_hover .ajax__calendar_today
{
color: #ffffff;
font-weight:bold;
font-size:18px;
}


/*progress*/
.overlay  
        {
          border:none;
          border-radius: 4px;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          background-color:transparent;
          position:fixed;
          z-index: 999 !important;
           height: 225px;
           width: 300px;
           top: 15%;
           left:15%;
           right:15%;
           padding:0rem;
          filter: alpha(opacity=60); 
          opacity: 1; 
          -moz-opacity: 1;       
          -moz-box-shadow: outset 0px 0px 60px #000000;
          -webkit-box-shadow: outset 0px 0px 60px #000000;
            box-shadow: 0px 0px 60px #000000;
        }
        .overlayContent
        {        
         padding:0rem;
          z-index: 1000 !important;
          filter: alpha(opacity=100);
          opacity: 1;
          -moz-opacity: 1;
        }


        /*ACORDIONN  */

.accordion {
    border:none;
    width:97%;
    margin: auto;
    border-radius: 5px;
    moz-border-radius: 5px;
}

        .accordionCabecera
    {
            height:24px;
        text-align:center;
        font-weight:bold;
        border:none;
         border-radius: 5px;
        moz-border-radius: 5px;
        padding: 2px 0px 2px 0px;
        margin-top: 4px;
        cursor: pointer;
    }

.accordionSeleccionado{
        height:32px;
        background:#f1f1f1 url(GRAFICOS/PAGINA/Flecha.png) no-repeat 0px 4px;
        background-size:30px;
        font-weight:bold;
        border:none;
         border-radius: 5px;
        moz-border-radius: 5px;
        padding: 2px 0px 2px 40px;
        margin-top: 4px;
        cursor: pointer;

}


#master_content .accordionSeleccionado a {
    color: #FFFFFF;
    text-decoration: none;
}
 
    #master_content .accordionSeleccionado a:hover {
        background: none;
        text-decoration: underline;
    }

.accordionContenido
    {
        
        border: none;
        border-top: none;
        padding: 7px;
    } 

/*BALLONN*/
.Balon{
    height:25px;

}
/*ANTIBOBOS*/
.watermarked
        {
            position:relative;
            font-size:12px;
            font-weight:bold;
            height:26px;
            width:101%;
            
            padding-left:5px;
            /*border: 1px solid #BEBEBE;*/
            background-color: #F0F8FF;
            color: gray;
            margin-right: 5px;
            border-width:2px;
            border-color:#49a5bf;
            border-radius: 4px;
            box-shadow: 1px 1px 5px #CCC;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px; 
 
        }

.FileUploadClass
        {
            font-size: 12px;
            position: relative;
            z-index: 10;
        }
        .FileUploadClass input[type=file]
        {
            cursor:pointer;
            width:60%;
            margin-left:2%;
            padding:2px 10px 2px 0px;
            background: transparent;
            opacity: 0;
            filter: alpha(opacity = 0);
        }
        .FakeFileUpload
        {
            position:relative;
            width:90%;
            z-index:1;
        }
        .FakeFileUploadDiv
        {
            position: absolute;
            opacity: .5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
            z-index:5;
        }

        .close {
            cursor:pointer;
	background-color:#221616;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background-color:#221616; }

.Imagen:hover {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        border-radius:25%;
}

/*VENTANAS MODALES*/





   .modalPopup
    {
        background-color: #FFFFFF;
        width: 300px;
        border: 3px solid #0DA9D0;
        border-radius: 12px;
        padding:0;
        -webkit-overflow-scrolling: touch;
    }
   
    .modalPopup .header
    {
        background-color: #2FBDF1;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
         border-bottom: 1px solid #464545;
        min-height: 16.42857143px;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .footer
    {
        padding: 6px;
    }


    .modalPopup.fade .modalPopup-dialog {
  -webkit-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
    .modalPopup.in .modalPopup-dialog {
        -webkit-transform: translate3d(0, 0, 0);
    }








.keep{
  background: url(GRAFICOS/BANNERS/banner5.jpg) fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  min-height: 340px;
  padding-top:80px;
}
.keep p{
text-align:center;
font-size:16px;
line-height:2em;
color:#fff;
}

h3.tittle-one {
    text-align: center;
    font-family: 'JosefinSans-Regular';
    color: #E1009F;
    font-size: 50px;
    margin-bottom: 50px;
}

.cc-ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    zoom:1;
    display: -webkit-flex;
   flex-direction:row;
}

.cc-li {
    cursor:pointer;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    list-style-type: none;
    margin: 0 19px;
    padding: 0;
    height: 28px;
}






.fileAdjunta {
	position: relative;
	overflow: hidden;
}
.fileAdjunta input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
}

 .ajustar{
    float: left;
    text-align:center;
    text-justify: inter-word;
    word-wrap: break-word; /* IE 5+ */
    line-height:70%;
    background-color:white;
}


 .shine_me{
    cursor:pointer;
    margin-bottom:10px;
    }

.shine_me:hover .shine_effect {
  /*   positioning */
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  /*   gradient   */
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(255, 255, 255, 0.03)), color-stop(30%, rgba(255, 255, 255, 0.85)), color-stop(50%, rgba(255, 255, 255, 0.85)), color-stop(70%, rgba(255, 255, 255, 0.85)), color-stop(71%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
  /*  forming the shine element
      play around with the width, skew and gradient to get different effects
    */
  width: 15%;
  height: 100%;
  transform: skew(-10deg, 0deg);
  -webkit-transform: skew(-10deg, 0deg);
  -moz-transform: skew(-10deg, 0deg);
  -ms-transform: skew(-10deg, 0deg);
  -o-transform: skew(-10deg, 0deg);
  /*  animating it  */
  animation: move 2s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
  -webkit-animation: move 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -moz-transform: skew(-10deg, 0deg);
  -moz-animation: move 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-delay: 1s;
  -ms-transform: skew(-10deg, 0deg);
  -ms-animation: move 2s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-delay: 1s;
  -o-transform: skew(-10deg, 0deg);
  -o-animation: move 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-delay: 1s;
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}


/*Calendar Control CSS*/
.cal_Theme1 .ajax__calendar_container {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
font-size:8px;
font-family:Arial;
margin:1px;
padding:1px;
}
.cal_Theme1 .ajax__calendar_header {
background-color: #ffffff;
margin-bottom: 4px;
font-size:10px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev {
color: #004080;
padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body {
background-color: #ffffff;
border: solid 1px #77D5F7;
font-size:11px;
margin:1px !important;
padding:1px !important;
width:98%;
}
.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 1px;
margin-top: 1px;
color: #004080;
font-size:10px;
}
.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
font-size:10px;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}
.cal_Theme1 .ajax__calendar_today {
font-weight:bold;
}
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.Alto .ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{
    height: 100px !important;
}



.form-box input{
    width: 100%;
    padding: 10px;
    text-align: center;
    height:40px;
    border: 1px solid #ccc;;
    background: #fafafa;
    transition:0.2s ease-in-out;

}

.form-box input:focus{
    outline: 0;
    background: #eee;
}

.form-box input[type="text"]{
    border-radius: 5px 5px 0 0;
    text-transform: lowercase;
}

.form-box input[type="password"]{
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.form-box button.login{
    margin-top:15px;
    padding: 10px 20px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.login-container{
    position: relative;
    width: 300px;
    margin: 80px auto;
    padding: 20px 40px 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
}

#output{
    position: absolute;
    width: 300px;
    top: -75px;
    left: 0;
    color: #fff;
}

#output.alert-success{
    background: rgb(25, 204, 25);
}

#output.alert-danger{
    background: rgb(228, 105, 105);
}


.login-container::before,.login-container::after{
    content: "";
    position: absolute;
    width: 100%;height: 100%;
    top: 3.5px;left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    border: 1px solid #ccc;

}

.login-container::after{
    top: 5px;
    z-index: -2;
    -webkit-transform: rotateZ(-2deg);
     -moz-transform: rotateZ(-2deg);
      -ms-transform: rotateZ(-2deg);

}

.avatar{
    width: 100px;height: 100px;
    margin: 10px auto 30px;
    border-radius: 100%;
    border: 2px solid #aaa;
    background-size: cover;
}

.transition-all {
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hover-shadow:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08) !important;
}

.object-contain {
    object-fit: contain;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rounded-start-4 {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

.rounded-end-4 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* Efecto dinámico al interactuar con el buscador */
.catalog-filter-group .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.25) !important;
    border-color: #ffc107 !important;
}

.catalog-filter-group:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
}