/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 10, 2014, 7:41:01 AM
    Author     : joseu
*/
html{
    background-image: url('../img/bg1.png');
}

.cuerpo{
    width: 1200px;
    
    margin: auto;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 45px;
}
.cuerpo1{
    width: 1100px;
    height:  680px;
    margin: auto;

    padding-top: 90px;
}
#logo{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.ilogo{
    margin: auto;
}

.lblCredito{

    font-family: "Raleway Light";
    font-size: 13px;

    color: #c6c6c5;
}
.lblRalewayLight{

    font-family: "Raleway Light";
    font-size: 13px;
    color: #383838;
}
.lblTCredito{
    font-family: "Pontano Sans";
    font-size: 13px;
    color: #c6c6c5;

}
.lblT1Credito{
    font-family: "Roboto Italic";
    font-size: 12px;
    color: #383838;

}
.creditos1{
    text-align: justify;


}
#registro{
    margin-bottom: 33px;
    margin-left: 150px;
}
.lblRopaSans{
    font-family: "Ropa Sans";
    font-size: 18px;
    color: #7C7B7A;
}
.bcreditos{
    text-align: center;
    
}
.bcreditos img{
   
}
.roboto{
    font-family: "Roboto Regular"
}
.f13{
    font-size: 13px;  
}
.ralewaythin{
    font-family: "Raleway Light";
}
.robotoitalic{
    font-family: "Roboto Italic";
}
.violeta{
    color: #9A7AEA;
}
.justificar{
    text-align: justify;
}
.metiquetas{
    position: absolute;
}
.metiquetas li{
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #383838;
    font-family: "Roboto Light";
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
    padding-top: 3px;
    margin-top: 1px;
    color: #232423;
}
.d1{}
.bt1:hover{
    color: #7CDEE8;
}
.bt1h{
    color: #7CDEE8;
}
.d2{
    margin-left: 224px;
}
.bt2:hover{
    color: #BC9B11;
}
.bt3:hover{
    color: #E1AABC;
}
.bt2h{
    color: #BC9B11;
}
.sli{
    margin-top: -4px;
    margin-left:  -9px;
    position: absolute;
    width: 5px;
    height: 42px;
    background-color: #D1D5D6;
}
.metiquetas li{
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer
}
.m1{
    display: none;
}
.m2{
    display: none;
}
.bggris{
    background-color: #EBEFF0;
}
.m1 li:hover{
    background-color: #7CDEE8;

}
.m2 li:hover{
    background-color: #FAEDA6;

}
.m2ss{
    background-color: #FAEDA6;
}
.bmenu{

}

.crs{
	color: #c6c6c5;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer
}
.mbtis li{
    width: 122px;
    height: 6px;

    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;

    font-family: "Roboto Light";
    font-size: 12px;
}
.ti1, .ti2, .ti3, ti4{
    background-color: #D1D5D6;
}
.mbti li{
    width: 120px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;

    font-family: "Roboto Light";
    font-size: 12px;
}
.mbti li:hover{
    font-family: "Roboto Regular";
    font-size: 12px;
}
.tl1, .tl2, .tl3, .tl4{
    background-color: #EBEFF0;
}

.tl1:hover{
    background-color: #FAEDA6;
}
.tl1sel{
    background-color: #FAEDA6;
}
.tl2:hover{
    background-color: #F1C9A9;
}
.tl2sel{
    background-color: #F1C9A9;
}
.tl3:hover{
    background-color: #E1AABC;
}
.tl3sel{
    background-color: #E1AABC;
}
.tl4:hover{
    background-color: #ABB1C9;
}
.tl4sel{
    background-color: #ABB1C9;
}
.b1{
    width: 118px;
    height: 52px;
    border: 1px solid #383838;
}
.msr{
    height: 320px;
    overflow-y: auto;
}
.jspCap
{
    display: block;
    background: #eeeef4;
}

.jspVerticalBar .jspCap
{
    height: 20px;
}

.jspHorizontalBar .jspCap
{
    width: 50px;
    height: 100%;
}
.msr li{

}
.msr li{
    width: 122px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;

    font-family: "Roboto Light";
    font-size: 12px;
    margin-bottom: 3px;
    display: none;
    -webkit-transition: all 500ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
.msr li:hover{
    background-color: #ee5f5b;
}
.ms1 li{
    background-color: #FAEDA6;
}
.ms2 li{
    background-color: #F1C9A9;
}
.ms3 li{
    background-color: #E3BEC7;
}
.ms4 li{
    background-color: #BCBACB;
}
.mRgt{
    display: none;
    position: absolute;
    margin-left: 366px;
    width: 520px;
    margin-top: 6px;
}
.titbot{
    height: 60px;
}

.msr::-webkit-scrollbar {
    width: 12px;
}

.msr::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.msr::-webkit-scrollbar-thumb {
    height: 20px;
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.msr::-webkit-scrollbar-button {  background-color: #666; height: 20px; }

.cuerpo2{
    width: 1250px;
   
    margin: auto;
	
    padding-top: 100px;
}
.rEncabezado{
    width: 100%;
    height: 104px;
}
.rLista{
	
    width: 400px;
    height: 75vh;
}
.rCentro{
    /* position: absolute;
    top: 100px;
    margin-left: 450px; */
    width: 400px;
    height: 75vh;
}
.rListaTitulo{
    color: #FFFFFF;
    line-height: 22px;
    padding-left: 6px;
    font-family: "Ropa Sans";
    font-size: 15px;
    
    height: 22px;
    background-color: #7C7B7A;
}
.rLista table{
    width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
}
.rLista table tr{
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;


}
.trd1{
    width: 6px;
    background-color: #D1D5D6;
}
.trd2{
    width: 68px;
    padding-top: -3px;
}
.trd3{
    height: 24px;
    background-color: #EBEFF0;
    border: 2px solid #383838;
    padding: 8px 7px;
    font-family: "Roboto Light";
    color: #232423;
    font-size: 12px;
}
.trd3:hover{
    background-color: #FAEDA6;
}
.tbuscado{
    color: #BC9B11;
}
.msc1{
    position: relative;
    top: -51px;
}
@media all{ }
@-webkit-keyframes myfirst
{
100%   {background-position-x: 0px;}
50%  {background-position-x: 70px;}
25%  {background-position-x: 140px;}
0% {background-position-x: 220px;}
}

/* Standard syntax */
@-moz-keyframes myfirst
{
100%   {background-position-x: 0px;}
50%  {background-position-x: 70px;}
25%  {background-position-x: 140px;}
0% {background-position-x: 220px;}
}
@keyframes resize {
0% {background-position-x: 220px;}
25%  {background-position-x: 140px;}
50%  {background-position-x: 70px;}
100%   {background-position-x: 0px;}
}
.tmb1{
    
    animation: resize 5s infinite;
    -webkit-animation: myfirst 5s infinite;  //Chrome, Safari, Opera 
    -moz-animation: myfirst 5s infinite;
    width: 144px;
    height: 96px;
	resize: both;

    margin: 0;
    padding: 0;
    background-position: 0px 0px;
}

.tmsel{
    background-color: #FAEDA6;
}
.tmsel1{
    background-color: #fbc7c6;
}
.tmb1:hover{
    background-position-x: 70px;
}
.tumbn{
    position: relative;
    margin-top:  -50px;
    height: 24px

}
.rResult{
    height: 480px;
    overflow-y: auto;
}
.rResult::-webkit-scrollbar {
    width: 12px;
}

.rResult::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.rResult::-webkit-scrollbar-thumb {
    height: 20px;
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.rResult::-webkit-scrollbar-button {  background-color: #666; height: 20px; }
.timeCode{
   
    width: 373px;


}
.tTscroll{
    width: 363px;
    height: 475px;
    overflow-y: auto;
    padding-right: 5px;
}
.tTscroll::-webkit-scrollbar {
    width: 12px;
}

.tTscroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.tTscroll::-webkit-scrollbar-thumb {
    height: 20px;
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.tTscroll::-webkit-scrollbar-button {  background-color: #666; height: 20px; }
.tTimeCode{
    border-spacing: 1px;
    border-collapse: separate;
}
.tTimeCode1{
    border-spacing: 1px;
    border-collapse: separate;
}
.tTimeCode  td{
    color: #FFFFFF;
    line-height: 22px;
    padding-left: 6px;
    font-family: "Ropa Sans";
    font-size: 15px;
    width: 884px;
    height: 22px;
    background-color: #7C7B7A;
}
.tTimeCode1 td{
    //background-color: #EBEFF0;
    border: 2px solid #383838;
    color: #232423;
    font-family: "Roboto Light";
    font-size: 12px;
    height: 21px;
    padding: 3px 6px;
}
.tTimeCode1 tr{
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
}
.tTimeCode1 td:hover{
    background-color: #FAEDA6;

}


.tTimeCode tbody tr{
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer
}
.ctm{
    width: 64px;
}
.bold{
    font-weight: bold;
}
.rCentro
.video{
    position: absolute;
    margin-left: 230px;
    text-align: center;
    width: 409px;
    height: 374px;
	margin-top: 15px;
}
.vcont{
    text-align: justify;
    margin-left: 25px;   
    width: 285px;
    padding-right: 5px;
    max-height: 50px;
    overflow-y: auto;
}
.vcont::-webkit-scrollbar {
    width: 12px;
}

.vcont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.vcont::-webkit-scrollbar-thumb {
    height: 20px;
    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.vcont::-webkit-scrollbar-button {  background-color: #666; height: 20px; }
@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        width: 12px !important;
    }
    thumb,scrollbarbutton {
        -moz-appearance: none !important;
        height: 20px !important;
        border-radius: 10px !important;

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
    }	 
    thumb,scrollbarbutton{
        -moz-appearance: none !important;
        height: 20px !important;
        border-radius: 10px !important;

        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
    }
    thumb:hover,scrollbarbutton:hover {
        -moz-appearance: none !important;

    }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient="vertical"] {
        min-width: 15px !important;
    }
}
.vcont1{
    text-align: justify;
    margin-left: 25px;   
    width: 300px;

}
.f12{
    font-size: 12px;
}
.robotoThin{
    font-family: "Roboto Light";
}
.mcom
{
    position: absolute;
    /* margin-left: 320px; */
}
.mcom img
{
    margin-right: 10px;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
}
.mCont{
    position: absolute;
    margin-top: 83px;
    font-family: "Roboto Italic";
    font-size: 14px;
    width: 400px;
    margin-left: -20px;
    
}
.mCont li{
    display: inline-block;
    color: #969696;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
    margin-right: 15px;
    height: 60px;
}
.mCont li:hover{
    color: #7CDEE8;
}
.ui-widget-header {
    display: none;
}
.ui-widget-content{
    background: #EBEFF0 !important;

}
.dlgC{
    
    margin-top: -15px;
    margin-right: -15px;
    float: right;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
    width: 21px;
    height: 21px;
    background-image: url(../img/c2.png);
}
.dlgC:hover{

    background-image: url(../img/c1.png);
}
.canvas{ 
    margin-left: 40px;
    position: absolute;
    width: 450px;
    height: 50px;

}
.dregistro{
    top: 0;
    height: 628px;
    width: 310px;
    background-image: url(../img/b3.png);
    border: 2px #969696 solid ;
    background-repeat: repeat;
    position: absolute;
    margin-left: 840px;
    padding: 20px 20px;
    display: none;
    z-index: 1000;
}
.rs:hover{
    color: #7CDEE8;
}
.cuerpo button, .cuerpo1 button, .cuerpo2 button{
    background-color: #383838;
    border: 1px #383838 solid;
    height: 26px;
    margin-left: 20px;
	margin-right: 20px;
    font-family: "Ropa Sans";
    font-size: 16px;
    cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
    color: #F9F8F8;

}

input{
    margin-top: 4px;
    top: -3px;
    border: 1px solid #383838;
    width: 194px;
    height: 24px;
    font-family: "Raleway Light";
    font-size: 12px;
    padding-left:  8px;
    padding-right: 8px;

}
.centra{
    text-align: center;
    color: #383838;
}
.ralewayLight{
    font-family: "Raleway Light";
}
.inPs{

    width: 126px;

}
.bReg{
    position: absolute;
    margin-left: -4px;
    margin-top: 4px;
}
.menuSess{
    
    margin-top: 50px;
    margin-right: 250px;
    float: right;
    font-family: "Roboto Italic";
    font-size: 13px;
    color: #C3C6C7;
}
.menuSess span{
    display: inline-block;
    width: 80px;
    height: 50px;
    text-align: center;
}
.menuSess span:hover{
    color: #7CDEE8
}
.resTime{
    display: block;
    position: absolute;
    margin-top: -20px;
}
.divS{
    
    display: inline-block;
    margin-bottom: -8px;
    margin-left: 12px;
    margin-right: 12px;
    width: 3px;
    height: 23px;
    background-color: #7C7B7A;
}
@-webkit-keyframes alerta {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes alerta {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes alerta {
  0%   { opacity: 0.2; }
  100% { opacity: 1; }
}
@keyframes alerta {
  0%   { opacity: 0.3; }
  100% { opacity: 0.8; color: #ee5f5b; }
}
@-webkit-keyframes alerta1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes alerta1 {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes alerta1 {
  0%   { opacity: 0.2; }
  100% { opacity: 1; }
}
@keyframes alerta1 {
  0%   { opacity: 0.3; }
  100% { opacity: 0.8;  }
}
.alerta{
    background-image: url(../img/mano.png);
    background-repeat: no-repeat;
    background-position: center;
     animation-name: alerta;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
 
    
}
.alerta1{
    
    background-repeat: no-repeat;
    background-position: center;
     animation-name: alerta1;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier;
 
    
}
.popup{
    
    margin-left: -80px;
    display: none;
    position: absolute;
    width: 165px;
    height: 107px;
     background-image: url(../img/pop.png);
     padding: 20px;
     text-align: center;
     margin-top: -150px;
}
.tpop{
    color: #7CDEE8;
    font-family: "Roboto Regular";
    font-size: 17px;
    
    
}
.tspop{
    color: #232423;
    font-family: "Roboto Regular";
    font-size: 12px;
}
.tipop{
    color: #232423;
    font-family: "Roboto Light";
    font-size: 12px;
}
.ret{
    position: absolute;
    font-family: 'Roboto Italic';
    color: #5d5845;
    font-size: 15px;
    width: 90px;
    height: 32px;
        background-image: url(../img/pl.png);
        background-repeat: no-repeat;
        padding-left: 45px;
        line-height: 32px;
        margin-top: 30px;
        margin-left: 780px;
        cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
        text-align: right;
        
}
.ret:hover{
    color: #E9DDAD;
    background-image: url(../img/pl1.png);
}
.ret img{
    vertical-align: middle;
    margin-right: 13px;
}
 .centro{
            margin-bottom: 90px;

        }
        .centro td{
            width: 350px;
            text-align: center;
            color: #5d5845;
            cursor: url(../img/mano.ico), url(../img/mano.ico), pointer;
        }