@charset "utf-8";
/* dt.css - formatos para dt (date / time) */

/*.css_b_fecha {
	float: left;
	font-size: 16px;
	margin-top: 7px;
}*/

.css_b_fecha {
	color: #009688;
	vertical-align: middle;
	cursor: pointer;
}
.css_b_fecha:hover {
	color: #000;
}

.css_date_1 {
	width: 135px;
}
.css_time_1 {
	width: 80px;
}
.css_dt_b {
	float: left;
	width: 16px;
	padding-top: 4px;
}
.css_dt_b:hover {
	color: #42609B;
	text-shadow: #724848 0 0 10px;
}
.css_fecha_1 {
	float: left;
	width: 160px;
}
.css_fecha_1:hover {
	background-color: #B6C2D6;
}

.css_blk_fecha_1 {
    display: flex;
    align-items: center;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.css_dia_1 {
    border: none;
	text-align: center;
	display: inline-block;
	width: 2em;
}

.css_mes_1 {
    border: none;
	text-align: center;
	display: inline-block;
	width: 2em;
}

.css_anio_1 {
    border: none;
	text-align: center;
	display: inline-block;
	width: 4em;
}

.css_barra_1 {
 	display: inline-block;
	width: 4px;
	text-align: center;
	border: none;
}

.css_calendario_1 {
	float: left;
	width: 350px;
	background-color: #FFFFFF;
	padding: 12px;
	position: absolute;
	overflow: hidden;
}

.css_b_calendar {
	cursor: pointer;
	vertical-align: middle;
}


.css_calendario_dia_1 {
	width: 14%;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	border-radius: 100%;
}
.css_calendario_dia_1:hover {
	background-color: #9C27B0;
	color: #fff;
}
.css_calendario_dia_1_selected {
	background-color: #B1C2DB;
	color: #000;
}

.css_hms_1 {
	width: 82px;
}
.css_horas_1 {
    border: none;
	text-align: center;
	display: inline-block;
	width: 2em;
}
.css_minutos_1 {
    border: none;
	text-align: center;
	display: inline-block;
	width: 2em;
}
.css_dos_puntos_1 {
 	display: inline-block;
	width: 4px;
	text-align: center;
	border: none;
}


.css_reloj_1 {
	float: left;
	width: 212px;
	background-color: #FFFFFF;
	border: 1px solid #5B7A48;
	padding: 8px;
	position: absolute;
	overflow: hidden;
	box-shadow: 10px 10px 5px #8BA577;
}
.css_reloj_hora_1 {
	float: left;
	width: 35px;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	cursor: pointer;
}
.css_reloj_hora_1:hover {
	background-color: #D0DCED;
}
.css_reloj_hora_1_selected {
	background-color: #B1C2DB;
	color: #000;
}