/* CSS Document */

* {margin:0; padding:0; border-collapse: collapse;}
body {background-color:transparent; overflow:hidden;}


/* =========================  CALENDARI */
.avui {float:left; width:400px; position: relative; margin: 10px 35px 20px 0; border: solid 1px #DDDDDD; background-color:white;}
.caixa_mes {width:96%; margin: 0 auto 5px;}
.caixa_pax, .caixa_contacte, .caixa_resposta {width: 94%; padding: 5px 2%;  margin: 0 auto 10px;}
.caixa_resposta {margin: 0 auto;}
.caixa_mes table {width:98%; margin: 5px auto 10px;}
.caixa_mes td.caption {font-weight:bold; font-size: 22px; text-align:center; border: none;}
.caixa_mes td, .caixa_mes th {border: solid 1px #ededed;}
.caixa_mes td {text-align: right; padding: 6px 4px; font-weight: bold;}
.caixa_mes th {text-align: center; padding: 4px 4px;}
.caixa_mes td.gris, .caixa_mes th.gris {border-color: white;}
.mes abbr {text-decoration: none;}
.titol_dia {width: 96%; margin: 5px auto 10px; padding:10px 0; background-color:#F6F6F6; text-align: center; border: solid 1px gray;}
.titol_dia td {padding: 8px 0; font-weight:bold;}

.caixa_pax table, .caixa_resposta table {width:98%; margin: 0 auto 10px;}
.caixa_pax td {text-align: left; padding: 8px 4px 0 0; font-weight: bold;}
.caixa_pax select {padding: 2px 4px; font-size: 18px; border-radius: 2px;}

.caixa_contacte table {width:98%; margin: 0 auto 10px;}
.caixa_contacte td {text-align: left; padding: 6px 4px 0; font-weight: bold;}
.caixa_contacte input[type=text], .caixa_contacte input[type=email], .caixa_contacte textarea {width: 98%; padding: 6px 6px; margin: 4px 0; font-size: 16px; border: solid 1px #bbbbbb; border-radius: 0;}
.caixa_contacte textarea {height: 60px; font-family: 'Roboto', tahoma, verdana, helvetica; resize: none;}

.caixa_resposta h2 {text-align: center;}
.caixa_resposta p, .caixa_resposta h2 {margin-bottom: 15px;}
.caixa_resposta p {line-height: 22px;}
.caixa_resposta table {margin-bottom: 30px; background-color: #E9E9E9; border: solid 6px #E9E9E9; border-bottom: solid 10px #E9E9E9;}
.caixa_resposta td {text-align: left; vertical-align: top; padding: 0 2px 0; font-size: 17px;}

.boto_envia {padding: 4px 10px; font-size: 18px; border-radius: 4px; font-weight: bold; color: white;}
.boto_enrere {padding: 4px 10px; font-size: 18px; border-radius: 4px; font-weight: bold; color: white; border-color: #bbbbbb; background-color: #bbbbbb;}

.caixa_pax, .caixa_mes, .caixa_contacte, .caixa_resposta {max-width: 400px;}

/*Colors*/
.dia_sel {color: white;}
.dia_anulat {font-weight: normal; color: #d3d3d3;}
.gris {background-color: #ededed;}

/*HORARIS i FORMULARI*/
h3 {font-size: 20px; font-weight: bold; margin: 0 0 5px; color: black;}
.caixa_contacte h3 {margin: 0;}

.hora, .hora_anulat {display: inline-block; margin: 5px 10px 0 0; padding: 4px 8px; border: solid 1px #dddddd; font-size: 20px; border-radius: 3px; font-weight: bold;}
.hora_sel {color: white;}
.hora_anulat {text-decoration:line-through; color: #cccccc; font-weight:normal;}

/*Generals*/
.dreta {text-align:right !important;}
.esquerra {text-align:left !important;}
.centre {text-align:center !important;}
.dalt {vertical-align:top !important;}
.baix {vertical-align:bottom !important;}
.mig {vertical-align:middle !important;}

.ves:hover, .check:hover, .hora:hover {cursor:pointer;}