/* 
    Document   : style
    Created on : 27-ene-2014, 20:05:25
    Author     : miguel
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.textoNombre {
    color: #777777;
  font-size:15pt;
  margin-left:20px;
  
}

.cabeceraTabla{
    font-size:12pt;
    /*color: rgb(70, 136, 71);*/
    
    width: 275px;
    height:98px;
    /*border: 1pt solid #cccccc;*/
}
.leyenda {padding:20px;}
.cabeceraHorario{
    font-size:10pt;
    color: rgb(70, 136, 71);
background-color: rgb(250, 167, 50);
background-image: linear-gradient(to bottom, rgb(251, 180, 80), rgb(248, 148, 6));
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color-value: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color-value: rgba(0, 0, 0, 0.1);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-weight: bold;
    width: 60px;
    height: 100px;
    
}
.columna {
    width: 275px;
    float:left;
    text-align: center;
    border: 1pt solid #cccccc;

}
.franjas {
    /*border: 1pt solid #bbccdd;    */
    /*height: 560px;*/
    color: rgb(51, 51, 51);
    background-color: rgb(235, 235, 235);
    border-color: rgb(173, 173, 173);
    border-top-color: rgb(173, 173, 173);
    border-right-color-value: rgb(173, 173, 173);
    border-bottom-color: rgb(173, 173, 173);
    border-left-color-value: rgb(173, 173, 173);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
}
.columnaHorario {
    width: 60px;
    float:left;
    text-align: center;
   
}
.horario {
    width: 60px;
    background: #ccddee;
    font-size: 8pt;
    background-color: rgb(250, 167, 50);
background-image: linear-gradient(to bottom, rgb(251, 180, 80), rgb(248, 148, 6));
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color-value: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color-value: rgba(0, 0, 0, 0.1);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
}


.minutos30{font-size:8pt; height: 30px;  text-align: center;}


.propietario {
    color: rgb(0,0,0);
    background-color: rgb(210, 50, 45);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    font-weight: bold;
    text-align: left;
    background: -webkit-linear-gradient(#F3B454,#F3dd54); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F3B454,#F3dd54); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F3B454,#F3dd54); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F3B454,#F3dd54); /* Standard syntax */
    
}
.reservado {
    color: rgb(255, 255, 255);
    background-color: rgb(210, 50, 45);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    text-align: left;
    background: -webkit-linear-gradient(#D2552D,#D2002D); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#D2552D,#D2002D); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#D2552D,#D2002D); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#D2552D,#D2002D); /* Standard syntax */
    
}

.reservadoNoInicial {
    background: -webkit-linear-gradient(#D2002D,#D2002D); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#D2002D,#D2002D); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#D2002D,#D2002D); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#D2002D,#D2002D); /* Standard syntax */
}

.reservadoNoInicialADMIN{
    background: -webkit-linear-gradient(#FAFA96,#FAFA96); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FAFA96,#FAFA96); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FAFA96,#FAFA96); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FAFA96,#FAFA96); /* Standard syntax */
}

.reservado:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(190, 30, 35);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:8pt;
    
}


.reservadoTORNEO {
    color: rgb(0,0,0);
    background-color: rgb(238, 162, 49);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    text-align: left;
}

.reservadoTORNEO:hover{
    color: rgb(0,0,0);
    background-color: rgb(187, 85, 23);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:8pt;
    
}


.reservadoCLASE {
    color: rgb(0,0,0);
    background-color: rgb(250, 156, 235);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    text-align: left;
}

.reservadoCLASE:hover{
    color: rgb(0,0,0);
    background-color: rgb(192, 50, 168);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:8pt;
    
}
.reservadoCERRADO {
    color: rgb(0,0,0);
    background-color: rgb(210, 208, 210);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    text-align: left;
}

.reservadoCERRADO:hover{
    color: rgb(0,0,0);
    background-color: rgb(182,182,182);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:8pt;
    
}
.reservadoADMIN {
    color: rgb(0,0,0);
    background-color: rgb(243, 247, 129);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:9pt;
    text-align: left;
}

.reservadoADMIN:hover{
    color: rgb(0,0,0);
    background-color: rgb(243,247, 129);
    border-color: rgb(172, 41, 37);
    border-top-color: rgb(172, 41, 37);
    border-right-color-value: rgb(172, 41, 37);
    border-bottom-color: rgb(172, 41, 37);
    border-left-color-value: rgb(172, 41, 37);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    font-size:8pt;
    
}

   .radius {
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Google Chrome y Safari */
    border-radius: 5px; /* CSS3 (Opera 10.5, IE 9 y estándar a ser soportado por todos los futuros navegadores) */
    }


.libre {
    
    color: rgb(255, 255, 255);
    background-color: rgb(71, 164, 71);
    border-color: rgb(57, 132, 57);
        border-top-color: rgb(57, 132, 57);
        border-right-color-value: rgb(57, 132, 57);
        border-bottom-color: rgb(57, 132, 57);
        border-left-color-value: rgb(57, 132, 57);
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
font-size:8pt;
font-weight: bold;
background: -webkit-linear-gradient(#50cc50,#47A447); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#50cc50,#47A447); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#50cc50,#47A447); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#50cc50,#47A447); /* Standard syntax */
}

.libre:hover {
    color: rgb(255, 255, 255);
    
    border-color: rgb(57, 132, 57);
        border-top-color: rgb(57, 132, 57);
        border-right-color-value: rgb(57, 132, 57);
        border-bottom-color: rgb(57, 132, 57);
        border-left-color-value: rgb(57, 132, 57);
        border-left-color-ltr-source: physical;
        border-left-color-rtl-source: physical;
        border-right-color-ltr-source: physical;
        border-right-color-rtl-source: physical;
        background: -webkit-linear-gradient(#50dd50,#47B147); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#50dd50,#47B147); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#50dd50,#47B147); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#50dd50,#47B147); /* Standard syntax */
}

.seleccionado {
      color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
}

.noDisponible {
    color: rgb(51, 51, 51);
background-color: rgb(235, 235, 235);
border-color: rgb(173, 173, 173);
    border-top-color: rgb(173, 173, 173);
    border-right-color-value: rgb(173, 173, 173);
    border-bottom-color: rgb(173, 173, 173);
    border-left-color-value: rgb(173, 173, 173);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
}


.parrafoExito{
    color: rgb(70, 136, 71);
background-color: rgb(223, 240, 216);
border-color: rgb(214, 233, 198);
    border-top-color: rgb(214, 233, 198);
    border-right-color-value: rgb(214, 233, 198);
    border-bottom-color: rgb(214, 233, 198);
    border-left-color-value: rgb(214, 233, 198);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    padding: 8px 35px 8px 14px;
    padding-top: 8px;
    padding-right-value: 35px;
    padding-bottom: 8px;
    padding-left-value: 14px;
}

.parrafoError{
    color: rgb(185, 74, 72);
background-color: rgb(242, 222, 222);
border-color: rgb(238, 211, 215);
    border-top-color: rgb(238, 211, 215);
    border-right-color-value: rgb(238, 211, 215);
    border-bottom-color: rgb(238, 211, 215);
    border-left-color-value: rgb(238, 211, 215);
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    padding: 8px 35px 8px 14px;
    padding-top: 8px;
    padding-right-value: 35px;
    padding-bottom: 8px;
    padding-left-value: 14px;
}

/************************************* Formulario datos ************************************/

.contact_form {
    height: 250px;
}
.contact_form h2, .contact_form label {  
    font-family: Georgia, Times, "Times New Roman", serif;  
}  
  
.form_hint, .required_notification {  
    font-size: 11px;  
}  
  
/* === List Styles === */  
.contact_form ul {  
    width: 750px;  
    list-style-type: none;  
    list-style-position: outside;  
    margin: 0px;  
    padding: 0px;  
}  
  
.contact_form li {  
    padding: 7px;  
    
    position: relative;  
}  
    
  
/* === Form Header === */  
.contact_form h2 {  
    margin: 0;  
    display: inline;  
}  
  
.required_notification {  
    color: #d45252;  
    margin: 5px 0 0 0;  
    display: inline;  
    float: right;  
}  
  
/* === Form Elements === */  
.contact_form label {  
    width: 150px;  
    margin-top: 3px;  
    display: inline-block;  
    float: left;  
    padding: 3px;  
}  
  
.contact_form input {  
    /*height: 20px;  */
    width: 320px;  
    padding: 5px 8px;  
}  
  
.contact_form textarea {  
    padding: 8px;  
    width: 300px;  
}  
  
.contact_form button {  
    margin-left: 156px;  
}  
  
  
  
    .contact_form input:focus, .contact_form textarea:focus {  
        background: #fff;  
        border: 1px solid #555;  
        box-shadow: 0 0 3px #aaa;  
        padding-right: 70px;  
    }  
  
    /* === HTML5 validation styles === */  
    .contact_form input:required, .contact_form textarea:required {  
        background: #fff url(images/red_asterisk.png) no-repeat 98% center;  
    }  
  
        .contact_form input:required:valid, .contact_form textarea:required:valid {  
            background: #fff url(images/valid.png) no-repeat 98% center;  
            box-shadow: 0 0 5px #5cd053;  
            border-color: #28921f;  
        }  
  
    .contact_form input:focus:invalid, .contact_form textarea:focus:invalid {  
        background: #fff url(images/invalid.png) no-repeat 98% center;  
        box-shadow: 0 0 5px #d45252;  
        border-color: #b03535;  
    }  
  
/* === Form hints === */  
.form_hint {  
    background: #d45252;  
    border-radius: 3px 3px 3px 3px;  
    color: white;  
    margin-left: 8px;  
    padding: 1px 6px;  
    z-index: 999; /* hints stay above all other elements */  
    position: absolute; /* allows proper formatting if hint is two lines */  
    display: none;  
}  
  
.form_hint:before {  
    content: "\25C0";  
    color: #d45252;  
    position: absolute;  
    top: 1px;  
    left: -6px;  
}  
  
.contact_form input:focus + .form_hint {  
    display: inline;  
}  
  
.contact_form input:required:valid + .form_hint {  
    background: #28921f;  
}  
  
.contact_form input:required:valid + .form_hint:before {  
    color: #28921f;  
}  


#tablaReservas {
    font-size:9pt;
}
#tablaReservas thead td{
    border: 1pt solid black;
    background: #abcdef;
    text-align: center;
}
#tablaReservas tbody td {
    border: 1pt solid black;
    background: #fffff1;
}

/* Indica si una reserva ya no se puede cancelar en el histórico del Amin */
.horaPasada {
    background: #d45252;
}