.form-control2 {
  display: block;
  width: 100%;
  height: 44px;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .075);
          box-shadow: inset 0 4px 6px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .25s, -webkit-box-shadow ease-in-out .35s;
       -o-transition: border-color ease-in-out .25s, box-shadow ease-in-out .35s;
          transition: border-color ease-in-out .25s, box-shadow ease-in-out .35s;
}
.form-control2:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.275), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.275), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control2::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control2:-ms-input-placeholder {
  color: #999;
}
.form-control2::-webkit-input-placeholder {
  color: #999;
}

.teclado{
	width:60px;
	height:50px;
	background-color:#ccc;
	color:#333;
	font-size:30px;
	font-weight:bold;
	border-radius:5px;
	border:1px solid #666;
	margin:8px;	
}

.teclado:hover{
	color:#000;
	background-color:#999;	
}

.txtfiltros{
	width:220px;
	display:inline	;
}

.txtfiltros2{
	width:120px;
	display:inline	;
}

.lpeq{
	font-size:12px;
	color:#666;	
}
.lpeq2{
	font-size:12px;
	color:#999;	
}

#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;

}
.txtsel{
	font-size:12px;
	color:yellow;
}
.altobot{
	height:50px;
}



.grupo{
	margin-top:20px;
	padding:5px;
	background-color:#2c7339;
	color:white;
	font-weight:bolder;
	width:100%;
}

.titulo_especifico{
	margin-top:20px;
	padding:5px;
	background-color:#cc0000;
	color:white;
	font-weight:bolder;
	width:100%;
	font-size:20px
}

.ayuda{
	padding:5px;
	background-color:#ffffcc;
	color:#363636;
	border:1px solid #2c7339;
	font-size:12px;
}

.espaciotabla{
	padding-left:8px;
	padding-right:8px;
	border:1px solid #ccc;
}

.foto1{
	border:2px solid #ccc;
	padding:5px;
	float:left;
	height:110px;
	margin:5px;
	position:relative;
}

.fotosel{
	border:2px solid green;
	background-color:#ccc;
	padding:5px;
	float:left;
	height:110px;
	margin:5px;
	position:relative;

}

.formdetalles{
    border:1px solid black;
    background-color:#efefef;
    position:fixed;
    bottom:90px;
    width:75%;
    padding:10px;
    display:none;
}
.cerrardetalles{
    position:absolute;
    right:2px;
    top:2px;
}

@media (max-width: 768px) {
 
    .formdetalles{
        border:1px solid black;
        background-color:#efefef;
        position:fixed;
        bottom:30px;
        width:95%;
        padding:10px;
        display:none;
    }   
    
    .cerrardetalles{
        position:absolute;
        right:2px;
        top:2px;
        width:33px;
    }
}


.buscar{
    background-image: url("../img/buscar.png");   
    background-position: right;
    background-repeat: no-repeat;
    padding-right:30px;
}

.barracon{
    border:2px solid #777;
    background-color:#efefef;
    padding:0px;
    margin:2px;
    cursor: pointer;
    height: 140px;
}

.barraconsel{
    background-color:#ccc;
    border:2px solid green;
    font-weight:bolder;
    background-image: url('../img/tick.png');
    background-repeat: no-repeat;
    background-position: center;
}

.cama{
    border:1px solid #777;
    padding:3px;
    margin:5px;
    cursor: pointer;
    height: 65px;
    width:100px;
    font-weight:bolder;
    float:left;
    font-size:22px;
}
.camav{
    border:1px solid #777;
    padding:3px;
    margin:5px;
    cursor: pointer;
    height: 100px;
    width:50px;
    font-weight:bolder;
    float:left;
    font-size:22px;
    position:absolute;
}
.camah{
    border:1px solid #777;
    padding:3px;
    margin:5px;
    cursor: pointer;
    height: 50px;
    width:100px;
    font-weight:bolder;
    float:left;
    font-size:22px;
    position:absolute;
}
.libre{
    background-color:#99CC99;
}
.ocupada{
    background-color:#FF4D4D;
}
.ocreserva{
    border:5px solid #18268C;
}
.camasel{
    color:white;
    background-color:green;
    border:2px solid black;
    font-weight:bolder;
    background-image: url('../img/tick.png');
    background-repeat: no-repeat;
    background-position: center;
}
.f2{
    font-size:12px;
    color:#999;

}
.filares{
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;
    background-color: #efefef;
    padding:4px;
}
.diasem{
    font-size:24px;
    margin-top:3px;
}
.ncuenta{
    border:1px solid #888;
    padding:3px;
    font-size:12px;
    color:#444;
    margin-top:2px
}
.mt10{
    margin-top:10px;
}
.mt15{
    margin-top:15px;
}
.mt20{
    margin-top:20px;
}
.clides{
    margin-left:20px;
    color:#338877;
    font-size:12px;
}

.cajareg{
    
    border: 1px solid blue;
    margin: 2px;
    padding: 10px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.53);
-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.53);
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.53);
}

.bordetabla{
    border:1px solid #999;
    padding:2px;
}

.bcateg{
    font-size:24px;
    padding:10px;
    border:1px solid #888;
    background-color:#efefef;
}

.bproduc{
     font-size:18px;
    padding:10px;
    border:1px solid #888;
    background-color:#efefef;
    margin:5px;
}

.cpointer{
    cursor: pointer;
}

.cabtabla{
    font-weight:bolder;
    color:navy;
}

.istock{
    margin-left:20px;
    font-size:12px;
    color:#999;
}
.ttarifa{
    color:#666;
    font-size:12px;
     margin-left:10px;
}