div.calendar {
text-align: center;
background-color: #fff; /*#E4E7EB;*/ /* Color de fondo de la caja del calendario */
padding: 1px; /* Zona de relleno de la caja del calendario */
border: solid 1px #777; /* Borde de la caja del calendario */
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
width: auto;*/
width: 258px;
}

table.calendar {
table-layout: fixed; /* Establece el algoritmo utilizado para mostrar la tabla */
/* Separación entre los días */
border-collapse: collapse;
}

table.calendar td, table.calendar th {
padding: 8px 6px;
vertical-align: middle;
}

table.calendar td span, table.calendar th span {
}

td {
width:36px;
}

/* Caja de los días vacíos de otro mes */
td.empty{
border: 1px solid #dedede;
background: #fff;
}

/* Caja de los días de la semana */
th.week {
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border-top: 1px solid #5A5A5A;
border-bottom: 1px solid #dedede;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background: #fff;
/*opacity: 0.5;*/
color: #000;
padding: 2px;
}

/* Botón con flechas dentro del calendario */
button.bcalendario {
border: 1px solid #5A5A5A ;
background: #5A5A5A ;
color: #000;
padding: 1px;
}

.dcalendario {
background: #5A5A5A;
padding-top: 5px;
padding-bottom: 5px;
}

/* Mes y Año fuera del calendario */
span.year, span.month {
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 1px solid #5A5A5A;
background: #5A5A5A;
color: white;
}

span.year {
padding-left: 18px;
padding-right: 18px;
}

span.month {
padding-left: 25px;
padding-right: 25px;
}

h3.clear_all {
animation : none;
animation-delay : 0;
animation-direction : normal;
animation-duration : 0;
animation-fill-mode : none;
animation-iteration-count : 1;
animation-name : none;
animation-play-state : running;
animation-timing-function : ease;
backface-visibility : visible;
background : 0;
background-attachment : scroll;
background-clip : border-box;
background-color : transparent;
background-image : none;
background-origin : padding-box;
background-position : 0 0;
background-position-x : 0;
background-position-y : 0;
background-repeat : repeat;
background-size : auto auto;
border : 0;
border-style : none;
border-width : medium;
border-color : inherit;
border-bottom : 0;
border-bottom-color : inherit;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
border-bottom-style : none;
border-bottom-width : medium;
border-collapse : separate;
border-image : none;
border-left : 0;
border-left-color : inherit;
border-left-style : none;
border-left-width : medium;
border-radius : 0;
border-right : 0;
border-right-color : inherit;
border-right-style : none;
border-right-width : medium;
border-spacing : 0;
border-top : 0;
border-top-color : inherit;
border-top-left-radius : 0;
border-top-right-radius : 0;
border-top-style : none;
border-top-width : medium;
bottom : auto;
box-shadow : none;
box-sizing : content-box;
caption-side : top;
clear : none;
clip : auto;
color : inherit;
columns : auto;
column-count : auto;
column-fill : balance;
column-gap : normal;
column-rule : medium none currentColor;
column-rule-color : currentColor;
column-rule-style : none;
column-rule-width : none;
column-span : 1;
column-width : auto;
content : normal;
counter-increment : none;
counter-reset : none;
cursor : auto;
direction : ltr;
display : inline;
empty-cells : show;
float : none;
font : normal;
font-family : inherit;
font-size : medium;
font-style : normal;
font-variant : normal;
font-weight : normal;
height : auto;
hyphens : none;
left : auto;
letter-spacing : normal;
line-height : normal;
list-style : none;
list-style-image : none;
list-style-position : outside;
list-style-type : disc;
margin : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
max-height : none;
max-width : none;
min-height : 0;
min-width : 0;
opacity : 1;
orphans : 0;
outline : 0;
outline-color : invert;
outline-style : none;
outline-width : medium;
overflow : visible;
overflow-x : visible;
overflow-y : visible;
padding : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
page-break-after : auto;
page-break-before : auto;
page-break-inside : auto;
perspective : none;
perspective-origin : 50% 50%;
position : static;
/* May need to alter quotes for different locales (e.g fr) */
quotes : '\201C' '\201D' '\2018' '\2019';
right : auto;
tab-size : 8;
table-layout : auto;
text-align : inherit;
text-align-last : auto;
text-decoration : none;
text-decoration-color : inherit;
text-decoration-line : none;
text-decoration-style : solid;
text-indent : 0;
text-shadow : none;
text-transform : none;
top : auto;
transform : none;
transform-style : flat;
transition : none;
transition-delay : 0s;
transition-duration : 0s;
transition-property : none;
transition-timing-function : ease;
unicode-bidi : normal;
vertical-align : baseline;
visibility : visible;
white-space : normal;
widows : 0;
width : auto;
word-spacing : normal;
z-index : auto;
}

/* Caja de los días de pleno */
td.year, td.month{
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 1px solid #5A5A5A; /*77b1d7*/
background: #5A5A5A;
/*opacity: 0.5;*/
color: #000;
padding: 2px;
}

td.nav{
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 1px solid #5A5A5A ;
background: #5A5A5A ;
color: #000;
padding: 2px;
/* IE */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343');*/
/* WebKit */
/*background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -moz-linear-gradient(top, #5e5e5e, #434343);*/
/*border-color: #4c4c4c #313131 #1f1f1f;*/
/*text-shadow: 0 1px 0 #2e2e2e;*/
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
-moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;*/
}

td.pointer{
cursor: pointer;
}

td.day{
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 1px solid #dedede;
background: #fff;
color: #000;
/* IE */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e5e5e', endColorstr='#434343');*/
/* WebKit */
/*background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
background: -moz-linear-gradient(top, #5e5e5e, #434343);*/
/*border-color: #4c4c4c #313131 #1f1f1f;*/
/*text-shadow: 0 1px 0 #2e2e2e;*/
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
-moz-box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;
box-shadow: 0 1px 1px #afafaf, inset 0 1px 0 #868686;*/
}

td.selected{
background: #eff0f7;
/*border-color: #2c2c2c #1c1c1c #101010;*/
/*text-shadow: 0 1px 0 #363636;*/
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
-moz-box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;
box-shadow: 0 1px 1px #b1b1b1, inset 0 1px 0 #838383;*/
}


div.calendar *:focus, div.commentAdd *:focus {
/*outline: blue 1px inset;*/
outline: orange solid 2px;
}

/* Caja de los días de pleno */
td.pleno {
cursor: pointer;
font: 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 1px solid #dedede;
background: #BCD1E1;
color: #083758;
text-decoration: overline;
}

td.comment {
background: #5a5a5a;
}

td.punto {
cursor: pointer;
/*background:url(/web/images/evento_general.png) center center no-repeat;*/
text-decoration: underline;
}

td.pleno.punto {
cursor: pointer;
/*background:url(/web/images/evento_pleno_act.png) center center no-repeat;*/
background: #BCD1E1;
color: #083758;
text-decoration: overline underline;
}

td.disabled {
background: #bdbdbd;
/* IE */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae');*/
/* WebKit */
/*background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae));
background: -moz-linear-gradient(top, #cacaca, #aeaeae);*/
/*border-color: #b5b5b5 #a1a1a1 #8f8f8f;*/
color: #555;
/*text-shadow: 0 1px 0 #d4d4d4;*/
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
-moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;
box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #d7d7d7;*/
}

td.disabled.selected {
background: #c2c2c2;
/* IE */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbcbc', endColorstr='#c2c2c2');*/
/* WebKit */
/*background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#c2c2c2));
background: -moz-linear-gradient(top, #bcbcbc, #c2c2c2);*/
/*border-color: #989898 #8e8e8e #878787;*/
/*text-shadow: 0 1px 0 #dadada;*/
/* Sombreado para la caja del calendario */
/*-webkit-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
-moz-box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;
box-shadow: 0 1px 1px #cdcdcd, inset 0 1px 0 #ccc;*/
}

/* Estilos de los iconos */
#calendarIcon, #ctryIcon, #mobileCloseIcon {
cursor: pointer;
height: 20px;
width: 20px;
}









div.toplevel-div {
position: absolute;
z-index: 1;
background-color: #f5f5f5;
border: solid 1px #777;
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
padding: 3px;
}

div.middle-div {
width: 100%;
height: 100%;
float: left;
padding: 0;
}

ul.listbox {
list-style: none;
padding: 0;
margin: 0;
overflow: auto;
float: left;
text-align: left;
height: 0px;
background-color: #CEF0F9;
}

li.option {
cursor: pointer;
margin: 3px;
display: block;
width: 100%;
text-decoration: none;
font: bold 15px/15px HelveticaNeue, Arial;
padding: 3px 5px;
border: 1px solid #dedede;
background: #a5b8c6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#becbd6', endColorstr='#88a1b4'); /* IE */
background: -webkit-gradient(linear, left top, left bottom, from(#becbd6), to(#88a1b4)); /* WebKit */
background: -moz-linear-gradient(top, #becbd6, #88a1b4);
border-color: #a2afb8 #8696a1 #6f818f;
color: #000;
text-shadow: 0 1px 0 #c4d0d9;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #ced8e0;
}

li.option.active {
background: #adbfcb;
border-color: #8996a0 #798791 #6c7a85;
text-shadow: 0 1px 0 #ced9e0;
-webkit-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
-moz-box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
box-shadow: 0 1px 1px #d3d3d3, inset 0 1px 0 #c2cfd8;
outline: red 1px inset;
}

li.option span {
text-align: left;
}

li.option * {
float: left;
}

.desc {
clear: both;
}

#zp {
width: 50%;
}

table {
text-align: center;
}

/*table input, table span {
text-align: left;
float: left;
}*/

#ctry, #ctryIcon {
margin-right: 10px;
border:none;
text-align: center;
}

#ctryIcon, #mobileCloseIcon {
cursor: pointer;
height: 20px;
width: 20px;
}

/* For Fastclick: Disable certain interactions on touch devices */
body {
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
/* -webkit-user-select: none; */
-webkit-highlight: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}