body{
    width: 90%;
    margin: auto;
}

p{
    text-align: center;
    font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
}

pre{
    font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
    width: 55%;
    margin: auto;
    font-weight: bold;
    padding-bottom: 1em;
}

table{
    display: inline-table;
    table-layout: fixed;
    font-family: Helvetica, Arial, sans-serif;
    border-collapse: collapse;
    width: 28%;

    margin: 1%;
    margin-left: 2.2em;
    margin-bottom: 2em;
}

th{
    text-align: center;
    background-color: #EE7700;
    color: white;
    height: 1em;
    border: solid 1px black;
}

td{
    height: 4.1em;
    border: solid 1px black;
}

caption{
    margin: auto;
}

h1{
    text-align: center;
    margin: auto;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}

h2{
    text-align: center;
    margin: auto;
    padding-top: 0.1em;
    padding-bottom: 0.8em;
}

h5{
    text-align: center;
}

form{
    margin-left: -6em;
}

option{
    height: 1.5em;
}

td > p{
    text-align: center;
    vertical-align: middle;
    margin:0em 0em -0.15em 0em;
}

#calendarioBody{
    width: 100%;
}

#calendar{
    padding-left: 3.7em;
}

#calendar h1{
    padding-right: 2.6em;
}

#banner{
    display: block;
    margin: auto;
    padding-bottom: 2em;
}

#botones{
    display: block;
    margin: auto;
    min-width: 13%;
    text-align: center;
}

#pdfButton{
    width: 6em;
    margin: auto;
}

#returnHomeButton{
    display: block; 
    margin: auto;
    margin-top: 2em;
}

#correo{
    text-align: center;
    margin: auto;
}

#correo img{
    margin-right: 0.5em;
}

#footer{
    text-align: center;
    display: block;
    font-size: 0.8em;  
    margin-bottom: 2em;   
}

#leyenda{
    position: fixed;
    right: 0.5em;
    top: 25em;
}

#headerLeyenda:first-child p{
    margin-left: 9.5em;   
}

#direction{
    color: red;
}

#ejemplo{
    max-height: 15em;
    min-width: 85em;
}

#tablaEjemplo{
    float: left;
    width: 4em;
    height: 15em;
    position: relative;
    left: 14em;
}

#tablaEjemplo table{
    width: 4em;
    margin: auto;
    margin-top: 0.8em;
    margin-bottom: 2.4em;
    border: 1px solid black;

}

#tablaEjemplo td{
    height: 0.5em;
    border: none;
}

#tablaEjemplo td > p{
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}

#tablaEjemplo .primer{
    text-align: right;    
    color: blue;
}

#tablaEjemplo .second{     
    color: red;
}

#tablaEjemplo .third{     
    color: green;
}

#festivos{
    display: inline-block;
    position: relative;
    bottom: 8em;
    left: 40em;
}

#festivos table{
    width: 15em;
    border: 1px solid black;
}

#festivos td{
    height: 0.5em;
    border: none;
}

#festivos td > p{     
    color: black;
    text-decoration:  none;
}

#festivos tr:first-child p{     
    text-decoration: underline;
}

#headerFecha{
    font-weight: bold;
    padding-bottom: 1em;
}

#backButton{
    display: block; 
    margin: auto;
    margin-bottom: 2em;
}

#formulario, #formularioCarteles{
    text-align: center;
    display: block;
    margin: auto;
}

#submitButtons{
    display: inline-block;
}

#pdfSubmit{
    margin: auto;    
}

.weekend{
    background-color: #FFCC99;     
}

.holiday{
    background-color: pink;     
}

.title{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    margin: auto;   
    padding-bottom: 0.8em;
}

.printfriendly img{
    display: block;
    margin: auto;    
}

.footer{
    font: small Helvetica, Verdana, Arial, sans-serif;
    text-align: center;
}

.filler{
    background-color: gray;
}

.primer{
    color: blue;     
    margin-bottom: 0.2em;
    font-size: 1.1em;
    text-align: right;
}

.second{
    color: red;
    font-size: 1.1em;
}

.third{
    color: green;
    margin-top: 0.2em;
    font-size: 1.1em;
}

.dianormal:hover, .holiday:hover, .weekend:hover{
    background-color: orange;
}

.explanation{
    display: inline;
}

.explanation p{
    text-align: left;
    margin-left: 20em;
    max-height: 3em;
    width: 45em;
}

.explanation p:nth-child(3){
    margin-bottom: 2em;
}

.titular{
    color: blue;
}

.direction{
    color: red;
}

.turno{
    text-align: right;
    font-weight: bold;
    font-size: 1.5em;
}

.fecha{
    color: blue;
    font-weight: bold;
}

@media print{
    #backButton, #pdfButton, #leyenda, #formulario, #banner, #returnHomeButton, #correo, #footer{
        display: none;
    }

    table{
        width: 300px;
    }
}