/* CSS */

/*==============================================================================================*/
/*																								*/
/*										FUENTES EXTERNAS										*/
/*																								*/
/*==============================================================================================*/
@font-face {
    font-family: 'museo_sans100';
    src: url('Fuentes/museosans-100-webfont.eot');
    src: url('Fuentes/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/museosans-100-webfont.woff') format('woff'),
         url('Fuentes/museosans-100-webfont.ttf') format('truetype'),
         url('Fuentes/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans300';
    src: url('Fuentes/museosans-300-webfont.eot');
    src: url('Fuentes/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/museosans-300-webfont.woff') format('woff'),
         url('Fuentes/museosans-300-webfont.ttf') format('truetype'),
         url('Fuentes/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_sans700';
    src: url('Fuentes/museosans_700-webfont.eot');
    src: url('Fuentes/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/museosans_700-webfont.woff') format('woff'),
         url('Fuentes/museosans_700-webfont.ttf') format('truetype'),
         url('Fuentes/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_sans900';
    src: url('Fuentes/museosans_900-webfont.eot');
    src: url('Fuentes/museosans_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/museosans_900-webfont.woff') format('woff'),
         url('Fuentes/museosans_900-webfont.ttf') format('truetype'),
         url('Fuentes/museosans_900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;
}


.DynarchCalendar {
	display:block;
	height:400px;
	width:320px;
	
	border:#999 solid 1px;
	
	        user-select: none;
  	   -moz-user-select: none;
  	-webkit-user-select: none;
	
	background-color:rgba(255,255,255,0.9);
	box-shadow:0px 3px 10px rgba(0,0,0,0.3);

  	position: relative;
  	cursor: default;
}

.DynarchCalendar table {
	display:block;
}

.DynarchCalendar-topBar {
	display:block;
	height:80px;
}

table.DynarchCalendar-titleCont {
	/*CONTENEDOR CABECERA CALENDARIO */
	display:block;
	height:50px;
	width:100%;
  	
	z-index: 9;
  	position: relative;
  
  	background-color:#178157;
	
	cursor:move;
}

.DynarchCalendar-title div {
	display:block;
	height:30px;
	line-height:30px;
	width:120px;
	
	margin-left:-61px;
  	
	font-family:"museo_sans100";
  	font-size:17px;
  	font-weight:normal;
  	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	
	border:#178157 solid 2px;
	border-radius:30px;
	
	position:absolute;
	left:50%;
	top:8px;
	
	cursor:pointer;
}

.DynarchCalendar-hover-title div {
	border:#FFF solid 2px;
}
.DynarchCalendar-pressed-title div {
	border:#FFF solid 2px;
  	background-color: #FFF;
    color:#178157;
}


.DynarchCalendar-navBtn {
	display:block;
	height:34px;
	width:34px;
	
  	position: absolute;
  	top: 8px;
  	z-index: 10;
}

.DynarchCalendar-navBtn div {
	display:block;
  	height: 30px;
  	width: 30px;
	border-radius:30px;
	border:#178157 solid 2px;
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	
	cursor:pointer;
}

.DynarchCalendar-hover-navBtn div {
	border:#FFF solid 2px;
}
.DynarchCalendar-navDisabled {
  	opacity: 0.3;
  	filter: alpha(opacity=30);
}
.DynarchCalendar-navDisabled div{
	cursor:default;
}

.DynarchCalendar-pressed-navBtn div {
	border:#FFF solid 2px;
	background-color:#FFF;
	background-position:0px -30px;
}


.DynarchCalendar-prevMonth {
  	left: 40px;
}

.DynarchCalendar-nextMonth {
	right:40px;
}

.DynarchCalendar-prevYear {
  	left: 5px;
}

.DynarchCalendar-nextYear {
	right:5px;
}

.DynarchCalendar-prevMonth div {
	background-image:url(Imagenes/Mes_Prev.png);
}

.DynarchCalendar-nextMonth div {
	background-image:url(Imagenes/Mes_Next.png);
}

.DynarchCalendar-prevYear div {
	background-image:url(Imagenes/Ano_Prev.png)
}

.DynarchCalendar-nextYear div {
	background-image:url(Imagenes/Ano_Next.png);
}

/*=====================================================================================================*/

.DynarchCalendar-dayNames {
	display:block;
	height:30px;
	padding:0px 20px;
	background-color:#178157;
}

.DynarchCalendar-dayNames div {
	display:block;
	height:30px;
	line-height:30px;
	width:40px;
	
	font-family: "museo_sans300";
	font-weight: normal; 
	color: #FFF;
	font-size:12px;
	text-align:center;
	
	padding:0px;
	margin:0px;
}


/*=================================================================================================================*/

.DynarchCalendar-bottomBar {
	display:block;
	width:100%;
	height:60px;
	
  	position: relative;
	border-top:#CCC solid 1px;
	
	cursor:move;
}

.DynarchCalendar-bottomBar-today {
	display:block;
	height:25px;
	line-height:25px;
	width:100px;
	
	font-family: "museo_sans700";
	color: #178157;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	
	border:#178157 solid 2px;
	border-radius:30px;
	
	position:absolute;
	top:50%;
	left:50%;
	
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	     -o-transform:translate(-50%,-50%);
		 	transform:translate(-50%,-50%);
			
	cursor:pointer;
}

.DynarchCalendar-hover-bottomBar-today {
	border:#178157 solid 2px;
	background-color: #178157;
	color:#FFF;
}
.DynarchCalendar-pressed-bottomBar-today {
  	border:#178157 solid 2px;
	background-color: #178157;
	color:#FFF;
}




/*==============================================================================================================*/
/*																												*/
/*																												*/
/*												CUERPO DE CALENDARIO											*/
/*																												*/
/*																												*/
/*==============================================================================================================*/

.DynarchCalendar-body {
	display:block;
	position: relative;
  	overflow: hidden;
	padding:10px 20px;
	margin:0px;
}
/*
.DynarchCalendar-first-col {
	background-color:#0F0;
	padding-left: 5px; 
}
.DynarchCalendar-last-col {
	background-color:#00F;
	padding-right: 5px; 
}
*/

.DynarchCalendar-animBody-backYear {
  position: absolute;
  top: -100%;
  left: 0;
}
.DynarchCalendar-animBody-back {
  position: absolute;
  top: 5px;
  left: -100%;
}
.DynarchCalendar-animBody-fwd {
  position: absolute;
  top: 5px;
  left: 100%;
}
.DynarchCalendar-animBody-now {
  position: absolute;
  top: 5px;
  left: 0;
}
.DynarchCalendar-animBody-fwdYear {
  position: absolute;
  top: 100%;
  left: 0;
}
















.DynarchCalendar-menu {
	display:block;
	height: 420px;
	width: 320px;
	
	padding:40px 0px 0px 0px;
  	position: absolute;
  	left: 0;
  	top: 0;
	
	background-color:rgba(134,183,48,1);
  	overflow: hidden;
}

.DynarchCalendar-menu table td div {
	/*BOTON TODAY EN MENU DE SELECCION DE FECHA*/
	display:block;
	width:100px;
	height:30px;
	line-height:30px;

  	background-color:#178157;
	border:#FFF solid 2px;
	border-radius:30px;
	
	font-family: "museo_sans300";
	font-size:13px;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	
	position:relative;
	margin:0px auto;
	cursor:pointer;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
	display:block;
	height:30px;
	line-height:30px;
	width:80px;
	
	font-family: "museo_sans300";
	font-size:12px;
	color:#FFF;
  	text-align: center;
  
  	background-color:#178157;
	margin:5px 10px;
	border:#FFF solid 1px;
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  	background-color: #fff;
  	color: #178157;
}
.DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn {
   	background-color: #fff;
  	color: #178157;
}

/*==========================================================================================================*/
/*																											*/
/*																											*/
/*												CAJA DE TEXTO DE AÑO										*/
/*																											*/
/*																											*/
/*==========================================================================================================*/
.DynarchCalendar-menu-year {
	display:block;
	height:25px;
	width:100px;

  	font-family:"museo_sans300";
  	font-size:14px;
  	font-weight: normal;
	text-align:center;
	color:#178157;
	
	border:#178157 solid 1px;
	border-radius:5px;
	outline:none;
	margin:10px 110px;
}

.DynarchCalendar-menu-sep {
	display:block;
	width:320px;
	height:1px;
	overflow: hidden;
	background-color:rgba(255,255,255,0.3);
}





.DynarchCalendar-time td {font-weight: bold; font-size: 120%; }
.DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; }
.DynarchCalendar-time-down { background: url("img/time-down.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-up { background: url("img/time-up.png") no-repeat 50% 50%; width: 11px; height: 8px; opacity: 0.5; }
.DynarchCalendar-time-sep { padding: 0 2px; }
.DynarchCalendar-hover-time { background-color: #444; color: #fff; opacity: 1; }
.DynarchCalendar-pressed-time { background-color: #000; color: #fff; opacity: 1; }
.DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; }

/* body */





.DynarchCalendar-weekNumber {
  border-right: 1px solid #aaa;
  margin-right: 4px;
  width: 2em !important;
  padding-right: 8px !important;
}




.DynarchCalendar-hover-week {
	background-color:#fcfcfc;
}
.DynarchCalendar-day{
	display:block;
	height:40px;
	width:40px;
	line-height:40px;
	
	border-radius:40px;
	
	font-family:"museo_sans300";
	font-size:13px;
	color:#777;
	text-align:center;
	
	cursor:pointer;
}
.DynarchCalendar-day-othermonth {
	color: #aaa; 
}
.DynarchCalendar-weekend {
	color: #178157; 
}
.DynarchCalendar-day-today {
	font-family:"museo_sans700";
	background-color:#178157;
	color:#FFF;
}

.DynarchCalendar-day-disabled {
	opacity: 0.5;
  	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	
	cursor:default;
}
.DynarchCalendar-hover-date {
	height:38px;
	line-height:38px;
	width:38px;
	border:#178157 solid 1px;
}

.DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
	border-color:#999; 
	color: #999;
}
.DynarchCalendar-dayNames.DynarchCalendar-weekend {
	font-family:"museo_sans700";
	color: #178157;
}
.DynarchCalendar-day-othermonth.DynarchCalendar-weekend {
	font-family:"museo_sans700";
	color: #666; 
}

.DynarchCalendar-day-selected {
	height:36px;
	line-height:36px;
	width:36px;
	font-family:"museo_sans700";
	border:#178157 solid 2px;
	background-color:transparent;
	color:#178157;
}
}
.DynarchCalendar-day-today.DynarchCalendar-day-selected { background-color: #999; }

/* focus */

.DynarchCalendar-focusLink {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.DynarchCalendar-focused {
  /*border-color: #000;*/
}

.DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {
	/*====================================================================================*/
  	/*background-color: #ccc;*/
  	
}

.DynarchCalendar-focused .DynarchCalendar-hover-week {
	/*===============================================================================================*/
  	/*background-color: #ccc;*/
}

.DynarchCalendar-tooltip {
  position: absolute;
  top: 100%;
  width: 100%;
}

.DynarchCalendar-tooltipCont {
  margin: 0 5px 0 5px;
  border: 1px solid #aaa;
  border-top: 0;
  padding: 3px 6px;
  background: #ddd;
}

.DynarchCalendar-focused .DynarchCalendar-tooltipCont {
  background: #ccc;
  /*border-color: #000;*/
}