@charset "utf-8";

html {
   
}

body{
  
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: sans-serif;
    font-size: 12px;        
}

#cabecera{
	width:100%;
	float:left;
	}

#cuerpo{
	width:98%;
	float:left;
	margin-top:7px;	
	margin-left:10px;
	z-index:50;	
}

.error{
	color: #FF0000;
}

.exito{
	color:#003399;
	}

.asterisco_obligatorio{
	color:#0000FF;
}	


.formulario_acceso{
	width:250px;
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 45px 45px 20px;
    margin-top: 50px;
    margin-left:auto;
    margin-right:auto;
    background-color: white;
    box-shadow: 0px 5px 10px #CED5D7, 0 0 0 3px #dcdede inset;
}

.formulario_acceso label{
    display: block; /* esto es para que el label se sobreponga a la caja de texto */
}
.formulario_acceso div{
    margin-bottom: 15px; /* esto los separara un poco */
}

input[type='text'], input[type='password'], textarea{
    padding: 3px 3px;
    border: 1px solid #CED5D7;
    margin: 1px 0;
}

/*botones del formulario*/
.boton, .boton:visited { /* botones genéricos */
    padding:9px 13px;
    text-decoration: none;
    height: 35px;
    min-width: 120px;
    cursor:pointer;
    line-height: 15px;
    border:solid 1px #ff892a;
    background: url(../imagenes/gradient.png) repeat-x 0 -110px;
    background-color: #e56a07;
    color: #fff;
    /*margin-bottom: 6px;*/
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
    box-shadow: 0 1px 1px rgba(0,0,0, .2);
   
}

.boton:hover
{ 
  background-color: #c8610e;
  color: #FFFFFF;
  border-color: #ff892a;
}
.boton:active
{
  top: 1px;
}

.boton[disabled]:active, .boton[disabled]
{
 background-color: #e56a07;
 color: #FFFFFF;
 border-color: #ff892a;
 opacity:0.5;
 filter:alpha(opacity=50);
 cursor:inherit;
   
}

legend
{
	font-weight: normal;
	color: #1d5987;
}

fieldset{
	border-color: #79b7e7;
}

#percha {
    position:relative;    
    color:#cf2c2c;
    text-decoration:none;
    
    background-image:url(../imagenes/percha_hotel.png);
	width:130px;
	height:123px;
	float:left;
	text-align:center;
	cursor:pointer    
}

#percha span {
    padding:5px 10px;
    background:#555;
    border:1px solid #555;
    min-width:200px;
    position:absolute;
    top:53px;
    left:-10px;
    color:#FFF;
    text-align:center;
    opacity:0;/
	text-align:left;
    font-size:11px;
    font-weight:bold;
	z-index:-100;
}

#percha span:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #555;
    z-index:5;
    content: " ";
    position:absolute;
    top:-7px;
    left:35%;
}

#percha span:after {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #555;
    display:block;
    content: " ";
    position:absolute;
    top:-8px;
    left:35%;
	display:none;
}

#percha:hover span {
    opacity:1;
    -moz-transition: opacity 1s ease,top 1s ease;
    -webkit-transition: opacity 1s ease,top 1s ease;
    -o-transition:opacity 1s ease,top 1s ease;
    transition: opacity 1s ease,top 1s ease;	
    top:80px;
	z-index:100;
}

.numero_habitacion{
	 font-size:20px;
	 color:#000;
	 margin-top:50px;
	 font-weight:bold;
}

.ui-autocomplete-loading {
		background: white url('../imagenes/ui-anim_basic_16x16.gif') right center no-repeat;
	}
	
.titulo_subrayado{
	font-size:14px;
	font-weight:bold;
}