/* 
    Document   : cpu
    Created on : 15/07/2013, 10:26:34
    Author     : jme
    Description:
        Purpose of the stylesheet follows.
*/

body {
    background-repeat:        no-repeat;
    background-position:        bottom,center;
    background-attachment:fixed;
    text-align: center;
}



h1 {
    font-weight:bold;
    text-decoration:underline;
    color:#759e1a;
    letter-spacing:0pt;
    word-spacing:2pt;
    font-size:25px;
    text-align:center;
    font-family:arial, helvetica, sans-serif;
    line-height:1;
}

.menu {
    width: 100%;
    text-align: center;
    background: #2D6DAA; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */

}
.menu a{
    color: white;
    font-weight: bold;
}
.menu a:hover{
    color: #4EB8AF;
    font-weight: bold;
}

.menu a:visited {
    color: white;
}


.Form {
    background-color: #ffffff;
    text-align: center;
    margin: 0 auto;
    text-align: left;

    box-shadow: 10px 10px 5px #888888;
    border:1px solid #3f7f00;

    -moz-border-radius-bottomleft:14px;
    -webkit-border-bottom-left-radius:14px;
    border-bottom-left-radius:14px;

    -moz-border-radius-bottomright:14px;
    -webkit-border-bottom-right-radius:14px;
    border-bottom-right-radius:14px;

    -moz-border-radius-topright:14px;
    -webkit-border-top-right-radius:14px;
    border-top-right-radius:14px;

    -moz-border-radius-topleft:14px;
    -webkit-border-top-left-radius:14px;
    border-top-left-radius:14px;
}

.form_label {
    text-align: right;
}

.required {

}


.records_list {
    margin:0px;padding:0px;
    width:100%;
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #3f7f00;

    -moz-border-radius-bottomleft:14px;
    -webkit-border-bottom-left-radius:14px;
    border-bottom-left-radius:14px;

    -moz-border-radius-bottomright:14px;
    -webkit-border-bottom-right-radius:14px;
    border-bottom-right-radius:14px;

    -moz-border-radius-topright:14px;
    -webkit-border-top-right-radius:14px;
    border-top-right-radius:14px;

    -moz-border-radius-topleft:14px;
    -webkit-border-top-left-radius:14px;
    border-top-left-radius:14px;
}.records_list table{
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.records_list tr:last-child td:last-child {
    -moz-border-radius-bottomright:14px;
    -webkit-border-bottom-right-radius:14px;
    border-bottom-right-radius:14px;
}
.records_list table  th:first-child {
    color: white;
    -moz-border-radius-topleft:14px;
    -webkit-border-top-left-radius:14px;
    border-top-left-radius:14px;
}
.records_list table  th:last-child {
    color: white;
    -moz-border-radius-topright:14px;
    -webkit-border-top-right-radius:14px;
    border-top-right-radius:14px;
}.records_list tr:last-child td:first-child{
    -moz-border-radius-bottomleft:14px;
    -webkit-border-bottom-left-radius:14px;
    border-bottom-left-radius:14px;
}.records_list tr:hover td{
    background-color:#99ff99;
}
.records_list tr:nth-child(odd){ background-color:#d4ffaa; }
.records_list tr:nth-child(even)    { background-color:#ffffff; }
.records_list td{
    vertical-align:middle;
    border: 0px solid #ffffff;    /*3f7f00;*/
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding: calc;
    font-size:12px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
    padding-left: 10px; 
}
.records_list tr:last-child td{
    border-width:0px 1px 0px 0px;
}.records_list tr td:last-child{
    border-width:0px 0px 1px 0px;
}.records_list tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.records_list  th{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");
    background: -o-linear-gradient(top,#5fbf00,3f7f00);

    background-color:#5fbf00;
    border:0px solid #3f7f00;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.records_list theard:hover th{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	
    background: -o-linear-gradient(top,#5fbf00,3f7f00);
    background-color:#5fbf00;
}
.records_list theard th:first-child{
    border-width:0px 0px 1px 0px;
}
.records_list theard th:last-child{
    border-width:0px 0px 1px 1px;
}



li  {
    list-style: none;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbf0cc), color-stop(1, #66ab60) );
    background:-moz-linear-gradient( center top, #bbf0cc 5%, #66ab60 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbf0cc', endColorstr='#66ab60');
    background-color:#bbf0cc;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #32a332;
    display:inline-block;
    color:#1f1d1f;
    /*  font-family:arial;
      font-size:15px;
    */    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
}
li :hover {
    list-style: none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #66ab60), color-stop(1, #bbf0cc) );
    background:-moz-linear-gradient( center top, #66ab60 5%, #bbf0cc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ab60', endColorstr='#bbf0cc');
    background-color:#66ab60;
}
li :active  {
    list-style: none;
    position:relative;
    top:1px;
}


.record_properties {
    margin:0px;padding:0px;
    width:100%;
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #3f7f00;

    -moz-border-radius-bottomleft:14px;
    -webkit-border-bottom-left-radius:14px;
    border-bottom-left-radius:14px;

    -moz-border-radius-bottomright:14px;
    -webkit-border-bottom-right-radius:14px;
    border-bottom-right-radius:14px;

    -moz-border-radius-topright:14px;
    -webkit-border-top-right-radius:14px;
    border-top-right-radius:14px;

    -moz-border-radius-topleft:14px;
    -webkit-border-top-left-radius:14px;
    border-top-left-radius:14px;
}.record_properties table{
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.record_properties tr:last-child td:last-child {
    -moz-border-radius-bottomright:14px;
    -webkit-border-bottom-right-radius:14px;
    border-bottom-right-radius:14px;
}
.record_properties table theard th:first-child {
    -moz-border-radius-topleft:14px;
    -webkit-border-top-left-radius:14px;
    border-top-left-radius:14px;
}
.record_properties table theard th:last-child {
    -moz-border-radius-topright:14px;
    -webkit-border-top-right-radius:14px;
    border-top-right-radius:14px;
}.record_properties tr:last-child td:first-child{
    -moz-border-radius-bottomleft:14px;
    -webkit-border-bottom-left-radius:14px;
    border-bottom-left-radius:14px;
}.record_properties tr:hover td{
    background-color:#99ff99;
}
.record_properties tr:nth-child(odd){ background-color:#d4ffaa; }
.record_properties tr:nth-child(even)    { background-color:#ffffff; }
.record_properties td{
    vertical-align:middle;
    border:1px solid #3f7f00;
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding:7px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}
.record_properties tr:last-child td{
    border-width:0px 1px 0px 0px;
}.record_properties tr td:last-child{
    border-width:0px 0px 1px 0px;
}.record_properties tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.record_properties theard th{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");
    background: -o-linear-gradient(top,#5fbf00,3f7f00);

    background-color:#5fbf00;
    border:0px solid #3f7f00;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.record_properties theard:hover th{
    background:-o-linear-gradient(bottom, #5fbf00 5%, #3f7f00 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #3f7f00) );
    background:-moz-linear-gradient( center top, #5fbf00 5%, #3f7f00 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#3f7f00");	
    background: -o-linear-gradient(top,#5fbf00,3f7f00);
    background-color:#5fbf00;
}
.record_properties theard th:first-child{
    border-width:0px 0px 1px 0px;
}
.record_properties theard th:last-child{
    border-width:0px 0px 1px 1px;
}

.reservado td{
    color: #666;
    
}

.cancelado td{
    color: red;
}

.form_label0 {
    color: black;
}

.Finalizado {
    background-color: rgba(255,0,0,0.45);
}

.En_Espera {
    background-color:  rgba(0,255,0,0.45);
}
.celda_roja {
    background-color: rgba(255,0,0,0.45);
    /*opacity: 0.4;*/
    /*filter:  alpha(opacity=50);*/
}
.celda_amarilla {
    background-color: rgba(255,255,0,0.45);
    /*opacity: 0.4;*/
    /*filter:  alpha(opacity=50);*/
}

a:visited {
    color: blue;
    text-decoration:none;   
}

a {
    color: blue;
    text-decoration:none;   
}

.rojo {
    color:red;
}
.amarillo{
    color: yellow;
}
table.tabla_advertencia{
    width: 100%;
    text-align: center;
  /*  background: grey;*/
}

@-webkit-keyframes color-change {
    0% { font-size:35px; }
    100% { font-size:45px; }
}
@-moz-keyframes color-change {
    0% { font-size:35px; }
    100% { font-size: 45px; }
}
@-ms-keyframes color-change {
    0% { font-size:35px; }
    100% { font-size: 45px; }
}
@-o-keyframes color-change {
    0% { font-size:35px; }
    100% { font-size: 45px; }
}
@keyframes color-change {
    0% { font-size:35px; }
    100% { font-size: 45px; }
}

.animacion {

    -webkit-animation: color-change 2s 5;
    -moz-animation: color-change 2s 5;
    -o-animation: color-change 2s 5;
    -ms-animation: color-change 2s 5;
    animation: color-change 2s 5;
}

/*********** Comienzo Animacion ***************/

.text {
    font-size:28px;
    font-family:helvetica;
    font-weight:bold;
    color: black;
    text-transform:uppercase;
}
.parpadea {

    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.gigante {
    font-size: 4.5vw;

}

@-moz-keyframes parpadeo{
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes parpadeo {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
/*********** Fin de Animacion ***************/
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}
tr.condicional td {
background-color: rgba(255,255,0,0.45);

}