/* CSS Document */

.caja_dias{ width:100%; overflow:hidden; margin-bottom:20px; }

.caja_dia { position: relative; float: left; width:33%; height: 137px; background-color: #f8f8f8; margin:20px 0 20px 0; }

.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:850px) {
	.diaVisible { font-size: 15px; }
	.fecdia { top: 12px; font-size: 22px;  white-space:pre; }
}

@media screen and (max-width:600px) {
	.diaVisible { font-size: 14px; }
	.caja_dia { height: 87px; }
	.fecdia { top: 15px; font-size: 19px; }
}

@media screen and (max-width:500px) {
	.diaVisible { font-size: 13px; }
	.caja_dia { height: 80px; }
	.fecdia { top: 12px; font-size: 16px; }
}

@media screen and (max-width:400px) {
	.diaVisible { font-size: 12px; }
	.caja_dia { height: 70px; }
	.fecdia { top: 8px; font-size: 13px; }
}




/* estilos de la parte izquierda */

.izquierdo{
    
	float:left;
    text-align:left;
	position:relative;
	margin:0 0 0 8px;
	padding-top:10px;
	width:219px
	
}

.tit{
	margin:0 0 4px 0;
}

.titg{
	clear:both;
	margin:0 0 4px 0;
	background:url(../imagenes/tit_personalizado.gif) no-repeat;
	width:723px;
	height:27px;	
}


.c_organizan{
	background:#f1ecde;
	width:211px;
	height:97px;
	margin:0 0 3px 0;
}
.c_organizan2{
	background:#f1ecde;
	width:211px;
	height:103px;
	margin:0 0 3px 0;
}

.img_organizan{
	margin:5px 5px 5px 5px;
}


/* estilos de la parte derecha */
.derecho{
	float:left;
    text-align:left;
	position:relative;
	margin:1px 0 0 8px;
	padding-top:10px;
	
}

.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;
}

.inputFloat{
	position:absolute;
	left:2px;
	top:36px;
}

.calendario{
	float:left;
    text-align:left;
	width:calc(100% - 205px);
}

.anchoMin{
	min-width:160px;
}

@media screen and (max-width:800px) {
		.anchoMin{
		min-width:inherit;
	}
}

@media screen and (max-width:600px) {
	.horario{
		width:117px;
		margin-right:15px;
	}
	.hora{
		width:117px;	
	}
	.horaSeleccionada{
		width:122px;
	}
	.horaApagada{
		width:117px;
	}
	.calendario{
		width:calc(100% - 145px);
	}	
	.conSalto{
		display:block !important;
		min-height:40px;
	}
	td{
		border-bottom:none !important;
	}
}


.calendarioTrozo{
	float:left;
    text-align:left;
	display:none;
	visibility:hidden;
	width:100%;
}

.calendarioTrozoVisible{
	float:left;
    text-align:left;
	display:block;
	visibility:visible;
}

.titulosTabla{
	max-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:30px 0px 10px 0px;
    text-align: center;
    font-size: 0px;
}

.iconografia{
    position: relative;
	display: inline-block;
	/*height:32px;*/
	padding:0 1px;
	/*margin:2px 4px;*/
	width:9.5%;
	min-width: 84px;
    /*min-width:58px;*/
    margin-bottom: 15px;
	border-left:dotted #DDDDDD 1px;
}

.tex_iconografia{ font-size: 10px; margin: 35px 0 0 0px; text-align: center; }

@media screen and (max-width:375px) {
	.iconografia { min-width: 78px; }
	.tex_iconografia{ font-size: 9px; }
}


.botondiario{
	float:left;
	margin:12px 0px 15px 0px;
}

.textoChome{
	padding-top:8px;
	margin:12px 0px 0px 0px;
}

.botonGenerar{
	float:left;
	margin:13px 0px 20px 0;
}

td{
	vertical-align:top;
	padding-top:10px;
	border-top:dotted #bcbcbc 1px;
}

table td {
	/*border:none;*/
}

.blanco11{font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-weight:none; font-size:11px;}
.apagada11{font-family:Arial, Helvetica, sans-serif;color:#bbc7e2; font-weight:none; font-size:11px;}
.normalos16{font-family:Arial, Helvetica, sans-serif;color:#414141; font-weight:none; font-size:16px;}
.iconografia10{color:#504f4f; font-weight:none; font-size:10px; line-height:11px;}
.iconografia11{font-family:Arial, Helvetica, sans-serif;color:#504f4f; font-weight:bold; font-size:11px;}
.roja10{font-family:Arial, Helvetica, sans-serif;color:#ce0222; font-weight:none; font-size:10px;}


.mg {
    /* display: inline-block; */
    /*width: 356px;*/
    /*height: 45px;*/
    background-color: #acc02f;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 35px auto;
	border: none;
    border-radius: 40px;
}


@media screen and (max-width:500px) {
	.mg {
		padding: 8px 15px; font-size: 15px;  line-height: 17px;  margin: 25px auto;
	}
}

@media screen and (max-width:400px) {
	.mg {
		padding: 6px 10px; font-size: 12px;  line-height: 14px;  margin: 15px auto;
	}
}

.salas { margin-bottom: 20px; background-color: #f8f8f8; color:#e6e6e6; font-size: 16px; padding: 8px 0 0 0; }
.salas a { display: inline-block; color: #0099ce; text-decoration: none; padding: 5px 7px; }
.salas .selecta { background-color: #0099ce; color: #fff;  }

@media screen and (max-width:640px) {
	.salas { font-size: 14px; }
	.salas a { padding: 4px 6px; }
}

@media screen and (max-width:400px) {
	.salas { font-size: 12px; }
	.salas a { padding: 3px 4px; }
}