//Estilos globales de la paginas de calendario.
.page-calendar-node-field-fecha {
	.view-calendario {
		.date-nav-wrapper {
			
			.date-heading {
				h3 {
					font-weight: 100;
					color: $c-white;

					a {
						font-weight: 100;
						color: $c-white;
					}
				}
			}

			.date-nav {
				background: $c-brand-green-dark;
				margin: 0;
				padding: 1% 0;
			}
			
			.pager {
				margin: 0;

				li {
					background: none;
    				margin-top: -15px;
    				padding: 0;
    				top: 50%;

					a {
						@include imgreplace;
						@include size(27px);
						background: url('../images/sprite.png') no-repeat -150px -124px;
						display: inline-block;
						font-size: 0;
					}
				}

				.date-prev {
					right: initial;
					left: 0;
				
					a {
						background-position: -151px -156px;
					}
				}
			}
		}

		.calendar-calendar {
			@include table;
			table {
				background: #F6F6F6;
			} 

			thead {
				tr {
					background: none;
				}

				th {
					background: transparent;
					text-align: center;
					    color: #555;
    				font-size: 125%;
   					 font-weight: bold;
				}
			}

			tbody {

				td {
					background: #F6F6F6;
					text-align: center;
    				padding: 1%;
					border: 3px solid #E8E8E8!important;
				}
				.has-events {


					.beautytips-module-processed {
						background: $c-brand-green-dark;;
						display: inline-block;
						font-size: 157%;
						padding: 4%;
						width: 31px;
						height: 31px;
						color: $c-white;
						text-decoration: none;
						border-radius: 100%;
					}
				}
			}
		}
	}
}