.habitacion
{
	float:left;
	display:inline;
	border:0px;
	font-family:Verdana;
	text-align:left;
	width:140px;
	margin-right:10px;
	margin-bottom:10px;
}
.nombre
{
	height:15px;	
	color:White;
	background-color:#0072BC;
	padding-left:3px;	
	cursor:pointer;
}
/*
.nombre h4
{
	font-size:11px;
	text-align:right;
	float:right;
	height:15px;
	width:25px;
	background-color:White;
	color:#7F8AA8;	
}*/

.nombreh4
{
	font-size:11px;
	text-align:right;
	float:right;
	height:15px;
	width:25px;
	background-color:White;
	color:#7F8AA8;
	cursor:pointer;	
}


.camas{
	width:100%;
	border:1px solid #8E8E8E;
	padding-bottom:5px;
}
/*
.camas div{
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}*/
/*Clases para los estilos de las camas*/
.camaVacia{
    background-color:#FFFFFF;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}
.camaHombre{
    background-color:#CCE8FF;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}
.camaMujer{
    background-color:#FFC4F9;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}
.camaNeutra{
    background-color:#9E9E9E;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}
.camaBloqueo{
    background-color:red;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;	
}

.camaHombreOcupada{
    background: url(../images/fondoHombre.png) repeat-x left top;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:default;	
}
.camaMujerOcupada{
    background: url(../images/fondoMujer.png) repeat-x left top;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:default;	
}
.camaNeutraOcupada{
    background: url(../images/fondoNeutro.png) repeat-x left top;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:default;	
}
.camaBloqueoOcupada{
    background: url(../images/fondoBloqueo.png) repeat-x left top;
	float:left;
	display:inline;
	border:1px solid #8E8E8E;
	width:15px;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	cursor:default;		
}
/*Leyenda de las distribuciones*/
.camaVaciaL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#FFFFFF;
	padding-left:20px;
}
.camaHombreL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#CCE8FF;
	padding-left:20px;
}
.camaMujerL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#FFC4F9;
	padding-left:20px;
}
.camaNeutraL{
   float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#9E9E9E;
	padding-left:20px;
}
.camaBloqueoL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:red;
	padding-left:20px;
}
.camaHombreOcupadaL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background: url(../images/fondoHombre.png) repeat-x left top;
	padding-left:20px;
}
.camaMujerOcupadaL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background: url(../images/fondoMujer.png) repeat-x left top;
	padding-left:20px;
}
.camaNeutraOcupadaL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background: url(../images/fondoNeutro.png) repeat-x left top;
	padding-left:20px;
}
.camaBloqueoOcupadaL{
    float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background: url(../images/fondoBloqueo.png) repeat-x left top;
	padding-left:20px;	
}

.camaVaciaL h4, .camaHombreL h4, .camaHombreOcupadaL h4, .camaMujerL h4, .camaMujerOcupadaL h4, .camaNeutraL h4, .camaNeutraOcupadaL h4,.camaBloqueoL h4,.camaBloqueoOcupadaL h4 {
	font-size:11px;
	font-weight:normal;
	text-align:center;
	border-left:1px solid #eeeeee;
	color:#7F8AA8;
	background-color:White;	
	margin:0px;
	padding:0px;
}

/*------------------------------------*/

.ocupadaH
{
	background: url(../images/fondoHombre.png) repeat-x left top;	
	cursor:default;
}

.ocupadaM
{
	background: url(../images/fondoMujer.png) repeat-x left top;	
	cursor:default;
}

.ocupadaI
{
	background: url(../images/fondoNeutro.png) repeat-x left top;	
	cursor:default;
}


#ocuHombre
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#CCE8FF;
	padding-left:20px;
	cursor:pointer;
}

#ocuMujer
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#FFC4F9;
	padding-left:20px;
	cursor:pointer;
}

.ocuSinDisponibilidad
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#FFEBCD;
	padding-left:20px;
}

.ocuAlbergueCerrado
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#A9A9A9;
	padding-left:20px;
}

#ocuHabitacion
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#9E9E9E;
	padding-left:20px;
	cursor:pointer;
}

.ocuLiberar
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	padding-left:20px;
	cursor:pointer;
}

#ocuBloq
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:red;
	padding-left:20px;
	cursor:pointer;
}

#ocuBloqEsp
{
	float:left;
	display:inline;
	border:1px solid #eee;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#F7F7C6;
	padding-left:20px;
}

#ocuHombre h4, #ocuMujer h4, .ocuLiberar_h1, #ocuHabitacion h4, #ocuBloq h4, #ocuBloqEsp h4, .ocuSinDisponibilidad_h1,.ocuAlbergueCerrado_h1 {
	font-size:11px;
	font-weight:normal;
	text-align:center;
	border-left:1px solid #eeeeee;
	color:#7F8AA8;
	background-color:White;	
	margin:0px;
	padding:0px;
}

/* Clases para las herramientas seleccionadas */
#ocuMujerSel
{
	float:left;
	display:inline;
	border:2px solid #99CCFF; /* #eee;*/
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#FFC4F9;
	padding-left:20px;
	cursor:pointer;
}

#ocuHombreSel
{
	float:left;
	display:inline;
	border:2px solid #99CCFF;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#CCE8FF;
	padding-left:20px;
	cursor:pointer;
}

#ocuHabitacionSel
{
	float:left;
	display:inline;
	border:2px solid #99CCFF;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:#9E9E9E;
	padding-left:20px;
	cursor:pointer;
}

#ocuLiberarSel
{
	float:left;
	display:inline;
	border:2px solid #99CCFF;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	padding-left:20px;
	cursor:pointer;
}

#ocuBloqSel
{
	float:left;
	display:inline;
	border:2px solid #99CCFF;
	font-family:Verdana;
	text-align:left;
	width:150px;
	margin-right:10px;
	margin-top:10px;
	padding:0px;	
	background-color:red;
	padding-left:20px;
	cursor:pointer;
}

#ocuHombreSel h4, #ocuMujerSel h4, #ocuLiberarSel h4, #ocuHabitacionSel h4, #ocuBloqSel h4
{
	font-size:11px;
	font-weight:normal;
	text-align:center;
	border-left:1px solid #eeeeee;
	color:#7F8AA8;
	background-color:White;	
	margin:0px;
	padding:0px;
}