/* CSS Document */

.caja_dias{ width:100%; overflow:hidden; margin-bottom:20px; }

.caja_dia { position: relative; float: left; width:33%; height: 137px; background-color: #f8f8f8;  }

.fecdia { position: absolute; top: 40px; left: 0px; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 30px; font-weight:bold; letter-spacing:-1px;
    color: #929292; text-align: center; /* border: 1px solid red; */ width:calc(100% - 20px); padding:10px;
}

.caja_diaon{ margin-bottom:0px !important; padding-bottom:20px; background:#e5e5e5 url("../imagenes/puntaPersonalizado.gif") center bottom repeat-x;  }

.bor_izq{ border-left:1px solid #e5e5e5; }

@media screen and (max-width:1024px) {
	.caja_dia { height: 97px; }
	.fecdia { top: 30px; font-size: 25px; }
}

@media screen and (max-width:750px) {
	.fecdia { top: 20px; white-space:pre; }
}


@media screen and (max-width:600px) {
	.caja_dia { height: 87px; }
	.fecdia { top: 15px; font-size: 19px; }
}



.dia{
    text-align:left;
	width:950px;
	display:none;
	visibility:hidden;
}

.diaVisible{
    text-align:left;
	width:950px;
	display:block;
	visibility:visible;
}

.horario{
	float:left;
    align:right;
	width:167px;
	background-color:#e6e6e6;
	padding:10px 0 20px 5px;
	margin-right:25px;
	border-radius:10px;
	-webkit-border-radius:10px;
}

.hora{
    text-align:center;
	width:167px;
	/*height:20px;*/
	background-color:#ffffff;
	color:#000000;
	padding:2px 0 2px 0;
	margin:10px 0 0px 0;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-radius:6px 0px 0px 6px;
	letter-spacing:-0.5px;
}
.horaSeleccionada{
    text-align:center;
	width:172px;
	/*height:20px;*/
    background:#0099ce url(../imagenes/punta.gif)  right top no-repeat; 
    background-size: contain;
	color:#ffffff;
	padding:2px 0 2px 0;
	margin:10px 0 0px 0;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-radius:6px 0px 0px 6px;
	letter-spacing:-0.5px;
}
.horaApagada{
    text-align:center;
	width:167px;
	/*height:20px;*/
	background-color:#ffffff;
	color:#bbc7e2;
	padding:2px 0 2px 0;
	margin:10px 0 0px 0;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	-webkit-border-radius:6px 0px 0px 6px;
	letter-spacing:-0.5px;
}

.calendario{
	float:left;
    text-align:left;
	width:600px;
}

.calendarioTrozo{
	float:left;
    text-align:left;
	width:600px;
	display:none;
	visibility:hidden;
}

.calendarioTrozoVisible{
	float:left;
    text-align:left;
	width:600px;
	display:block;
	visibility:visible;
}

.titulosTabla{
	width:955px;
	height:24px;
	padding:10px 0px 8px 0px;
	border-bottom:dotted #bcbcbc 1px;
}

.tipologias{
	clear:both;
	/*width:845px;
	height:40px;*/
	padding:10px 0px 0px 0px;
	background:#f8f8f8;
	border-bottom:dotted #bcbcbc 1px; 
    margin:10px 0px 10px 0px;
    text-align: center;
    font-size: 0px;
}

.iconografia{
    position: relative;
	display: inline-block;
	/*height:32px;*/
	padding:0 6px;
	/*margin:2px 4px;*/
	width:8.5%;
	min-width: 74px;
    /*min-width:58px;*/
    margin-bottom: 15px;
	border-left:dotted #DDDDDD 1px;
}

.tex_iconografia{ font-size: 10px; margin: 35px 0 0 0px; text-align: center; }

.botondiario{
	float:left;
	margin:12px 0px 15px 0px;
}

td{
	vertical-align:top;
	padding-top:10px;
	border-bottom:dotted #bcbcbc 1px;
}

.iconografia10{font-family:Arial, Helvetica, sans-serif;color:#504f4f; font-weight:none; font-size:10px; line-height:11px;}
