table.datepick {
	/*background: #aaa;
    border-spacing: 2px;*/
	width:100%;
	/*font-family:tahoma;*/
	top:1px;
	position:relative;
}
table.datepick th {
	background: white;
    color: #3c3c3c;
    font-size: 16px;
	padding: 9px 5px 15px;
	font-weight:bold;
}

table.datepick thead tr{
	border-bottom:1px solid #CFCFCF;
	  border-collapse:collapse; 
	border-spacing:5px 5px;
}

table.datepick td {
	background: white;
	color: #dc002e;
	padding: 10px 5px;
	text-align: center;
	
}
table.datepick  td.datepick-week-end-cell{
	color:#DDDDDD !important;
}

table.datepick td.other-month {
	background: white;
	color: #ddd!important;
}
table.datepick td.selected a {
	/*color: #F36608!important;*/
	color: #3c3c3c!important;
}

table.datepick td.selected.datepick-current-day a {
	/*color: #F36608!important;*/
	color: #fff!important;

}
table.datepick td.selected{
	color: #3c3c3c !important;
	/*padding:3px 5px;*/
	cursor:pointer;
	border-radius: 50%;
}
table.datepick td.selected.datepick-current-day a:hover{
	color: #fff!important;
	cursor:pointer;
}

table.datepick td.selected:hover{
	color: #3c3c3c!important;
	cursor:pointer;
}

table.datepick td.selected.datepick-current-day:hover a{
	color: #fff!important;
	cursor:pointer;
}

table.datepick tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.datepick td.datepick-unselectable,table.datepick td.datepick-unselectable:hover{
	background: white;
	color:#666;
}
table.datepick td.datepick-other-month,table.datepick td.datepick-other-month:hover{
	color:#DDDDDD !important;
	visibility: hidden;
}

table.datepick td.selected.datepick-current-day {
    background: url(../img/icon-dia.png) no-repeat center 10px;
    background-size: 22px;
    display: block;
    color: #fff !important;
    border-radius: 50%;
    cursor: pointer;
    padding-top: 15px;
    height: 51px;

}


table.datepick td.selected.datepick-current-day:hover{
 color: #fff !important;

}
/*table.datepick td.datepick-current-day:hover {

	background: #A01055;
	color: #fff!important;
	cursor:pointer;
}
table.datepick td.datepick-current-day a {
	color:#fff !important;
}*/


div.datepick-inline {
	position: relative;
	/*font-size: 10px;*/
	font-size:0.9em;
	/*font-family: arial, sans-serif;*/
	width: 100% !important;
	line-height: 1.2em;
	border-bottom: 1px solid #CFCFCF;
}

div.datepick-inline .datepick-header  {
	color:#7E7E7E;
	/*background-color:#D9D9D9;*/
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size: 11px;*/
	font-weight:normal;
	text-align:center;
	/*padding:8px 0 10px 0;*/
	position:relative;
	border-top:1px solid white;
	border-right:1px solid white;
	border-left:1px solid white;
}
div.datepick-inline .datepick-header  select{
	font-size:11px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	width: 35%;
    background: #eaeaea;
    border: none;
    padding: 5px;
}
div.datepick-inline .datepick-header  select.datepick-new-month{
	margin-right:5px;
	width: 60%;
	float:left;
}

.datepick tbody{
    border-bottom: 1px solid #CFCFCF;
}

/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */

.datepick-links .datepick-prev,.datepick-links .datepick-next{
	float:left;
}
.datepick-prev img {
	z-index:1;
	position:absolute;
	top:10px;
	/*left:20px;*/
}
.datepick-next img {
	z-index:1;
	position:absolute;
	top:10px;
	right:0px;
}

/* estilos para el calendario de la columna izquierda */

#primera .calendario .datepick-inline {
	border:0;
	padding:0;
}

#primera .calendario .datepick-inline .ui-datepicker-title {
	/*background-color:#D9D9D9;*/

}

#primera .calendario table.datepick th {
	background-color:#F4F4F4;
}


.calendario table{ 
          /* border-collapse: separate;*/
           border-spacing: 25px 5px;
}


.datepick-inline , .calendario_cont {
	clear: both;
	display: block;
    height: 100%;
	overflow: visible;
	min-height: 300px;

}


@media (max-width: 1024px) and (min-width: 500px) { 

div.datepick-inline {
	border-bottom: 0px;
}


div.datepick-header{
    width: 30%;
    float: right;
    border-bottom: 0px solid;
	clear: both;

}
div.datepick-inline .datepick-header select{

	width: 100% !important;
}

table.datepick{
	width: 60%;
    float: left;
    position: absolute;
	clear: both;
	display: inline-table;
}

}



