/* CSS Document */
/*PARA LOS POPUP MODALES*/
body{ font-family:verdana; font-size:12px}
.loading{background-image:url(../../img/action.gif); width:32px; height:32px; }
.closeButton{
	float:right;
	background-color:#FFFFFF; padding:20px; margin-bottom:10px;
	background-image:url(../../img/close.png); background-position:center;
	background-repeat:no-repeat;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;	
	opacity:0.5;
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
	-moz-transition:opacity 0.5s;
	-ms-transition:opacity 0.5s;
	cursor:pointer;
}
.closeButton:hover{opacity:1}
.boxContent{
-moz-border-radius:15px;
-webkit-border-radius:15px;
-ms-border-radius:15px;
border-radius:15px;
background-color:#FFFFFF; padding:20px;
}
.boxPopUp{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
}




/*ESTILOS CALENDARIO*/
.calendario td{ height:28px; padding-left:10px; padding-right:10px; text-align:center; cursor:pointer}
.calendario .labelSem td{ 
background-image:url(../../img/fondoDia.png); 
cursor:pointer;
}
.dia{ 
	background-image:url(../../img/fondoDia.png);
	border:solid 1px #cccccc;
	height:28px; padding-left:10px; padding-right:10px; text-align:center; cursor:pointer

}
.diaDisponible{ 
	/*background-image:url(../../img/fondoDia.png);*/
	background-color:#9BFCA5;
	border:solid 1px #cccccc;
	height:28px; padding-left:10px; padding-right:10px; text-align:center; cursor:pointer

}

.noDisponible{ color:#cccccc; background-color:#eeeeee}

/*BOX DETALLE POR DIA*/
.diaSemanaSel{
background-color:#4d5fab;
color:#FFFFFF;
text-align:center;
}
.navegadorSemana{
width:100%;
}
.navegadorSemana{ background-color:#eeeeee}
.navegadorSemana td{ padding:10px; cursor:pointer;}
.diaSemanaSel b{ color:#ffffff}
.diaSemana{ text-align:center}
.diaSemana span{ color:#999999; font-size:12px}
.planningDia .horario{ background-color:#FFFFFF; cursor:pointer}
.planningDia td{  border:solid 1px #cccccc;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.planningDia .incluido{ background-color:#4d5fab; height:28px; background-image:none; color:#FFFFFF; cursor:pointer }

.planningDia .horario td .hora{ color:#009999;  font-size:11px; }
.planningDia .nombreSala{ background-color:#ffffff; text-align:center;  padding:1px; height:auto}
.planningDia .nombreSala div{ padding-top:10px; padding-bottom:10px;}
.resumen{ padding:20px; background-color:#eeeeee}

.horarioCerrado{ background-color:#eeeeee; height:28px; color:#999999}
.misHoras{background-color:#F5B663; height:28px; color:#000000}

/*PARA LOS LISTADOS*/
.cabeceraTabla{
margin-top:20px;
padding:10px; background-color:#F6A995; color:#FFFFFF; border:solid 1px #000000; border-bottom:0px
}

.listado{
display:table; margin:0px auto;
}
.listado table{
   border-spacing: 5px;
   border-collapse: collapse;
	 border:1px solid #cccccc;
	 margin:0px;
	 padding:0px
}
.listado table td{ padding:5px;}
.listado th{
	background-color:#4d5fab;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
}
.listado .th2{
	background-color:#F8D2D2;
	color:#FAAC58;
	padding:10px;
	text-align:left;
	display:table-cell;
}
.listado .th{
	background-color:#FAAC58;
	color:#FFFFFF;
	padding:10px;
	text-align:left;
	display:table-cell;
}
.listado table .tupla{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	cursor:pointer;
}
.listado table .tupla0{ background-color:#FAEAE6; }
.listado table .tupla1{ background-color:#ffffff; }
.listado table .tupla:nth-child(odd){ background-color:#E1F3B6; }
.listado table .tupla:nth-child(even){ background-color:#ffffff; }
.listado table .tupla:hover{ background-color:#D3ECF0;}
.listado table .classTR0{ }
.listado table .classTR1{ background-color:#BEEC61}

/*PARA LOS BOTONES*/
.buttonC{
	display:table;
	margin:0px auto;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	background-color:#4d5fab;
	color:#ffffff;
	cursor:pointer;
	padding:10px;
}
.buttonC:hover{
	background-color:#2475b2;
}
.buttonL{
	float:left;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	background-color:#4d5fab;
	color:#ffffff;
	cursor:pointer;
	padding:10px;
}
.buttonL:hover{
	background-color:#2475b2;
}
.buttonR{
	float:right;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	background-color:#4d5fab;
	color:#ffffff;
	cursor:pointer;
	padding:10px;
}
.buttonR:hover{
	background-color:#2475b2;
}