@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700');

body
{
	background-color:#ecf0f5;
	margin:0;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#333333;
}

.limpiar
{
    clear: both;
}

.Negroticket
{
    color: #000;
}

a
{
	text-decoration: none;
	color: #000;	
}

.tipografia
{
	font-family: 'Open Sans', sans-serif;
}

.VentanaModalComanda
{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(255,255,255,0.9);
	left: -100%;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.VentanaModalComanda.toggle
{
	left: 0%;
}

.MarcaTextoHover
{
    background-color: #fff; 
    font-weight: 400;
}

.MarcaTextoHover:hover
{
    background-color: #FFF960; 
    font-weight: bold;
    cursor: pointer;
}

.MarcaTexto
{
    background-color: #FFF960; 
    font-weight: bold;
    cursor: pointer;
}



.FaltaEditar
{
   /* background-color: #ffd7d7; */
	color:red;
    font-weight: 400;
    cursor: pointer;
}
/*
.FaltaEditar:hover
{
    background-color: #FFF960; 
    font-weight: bold;
    cursor: pointer;
}

*/


	
.flexdirection
{
    flex-direction: row;	
}
	
.div_inmueble
{
	overflow: hidden;
	min-height: 350px;
	height: auto;
	position: relative;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
	
}


.div_inmueble:hover 
{
	cursor: pointer;
}

.div_inmueble:hover  .encima_cuadro
{
	left:0;
}

.encima_cuadro
{
	width: 100%;
	height: 100%;
	background-color: rgba(0,148,71,0.58);
	
	position:  absolute;
	z-index: 5;
	left:-100%;
	display: flex; align-content: center; align-items: center; justify-content: center;
	
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}



.overclass
{
	position: absolute; width: 100%; height: 100%;  z-index: 10000;  background-color: rgba(0,0,0, .5);
												  margin:0 auto; top:0;
												  right:0; bottom: 0;
	left:-200%;
	
	    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}


.div_inmueble:hover .overclass
{
	left:0;
}



.center
{
	display: flex; align-content: center; align-items: center; justify-content: center;
}

.contenedor_inside
{
	width: 1200px;
	height: auto;
	display: flex; align-content: center; align-items: center; justify-content: center;
	
	box-sizing: border-box;
}

input[type="checkbox"]
{
    -webkit-appearance: none;
    border: 1px solid #e9e7e3;
    position: relative;
	outline:0px;
	width:20px;
	height:20px;
	background-color:#fff;
}

input[type="checkbox"]:hover
{
    border: 1px solid #000;
	cursor:pointer;
}
 
input[type="checkbox"]:checked
{
    border: 1px solid #000;
    background-color: #000;
	background-image:url(images/check.png);
	background-repeat:no-repeat;
	background-position:center;
}

.sadface
{
	width: 100%;
	height: 300px;
	background: url('images/imagenes/sadface.png');
}



.bg-gris
{
	background-color: #e6e5e6;
}


.sombra
{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.Redondo
{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

.Redondo10
{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.Alertas
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
}
.Alertas.toggle
{
	display:flex;
}

.AlertasContenedor
{
	width:65%;
	max-width:480px;
	background-color:#FFFFFF;
	padding:40px;
	text-align:center;
}




/* VENTANA MODAL */

.VentanaModal
{
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:1000;
	display:none;
	justify-content:center;
	align-items:center;
}
.VentanaModal.toggle
{
	display:flex;
}

.VentanaModalContenedor
{
	width:65%;
	max-width:700px;
	background-color:#FFFFFF;
	text-align:center;
}

table tr
{
	background-color: white;
}

/* ALTERNAR FILAS EN TABLAS */
table tr:nth-child(even) td 
{
    /*background-color: #f7f7f7;*/
}
/* *********************** */

.renglon:hover td
{
	background-color:#eeeeee;
}

h1
{
	font-size:18px;
}

/* TEXT BOX */
.textbox-linea
{
	box-sizing:border-box;  
	width:100%;
	padding:10px;
	border:none;
	border:1px solid #e8edf3;
	font-size:16px;
	color:#555555;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.textbox-linea:hover
{
	outline:none;
}
.textbox-linea:focus
{
	outline:none;
	border:1px solid #e1ce9c;
}


.textbox-buscar
{
	box-sizing:border-box;  
	width:100%;
	padding:9px;
	padding-left:20px;
	border:none;
	border:1px solid #e8edf3;
	font-size:12px;
	color:#555555;
}
.textbox-buscar
{
	outline:none;
}

.oculta_buscar
{
	width:200px; 
	height:35px; 
	position:absolute;
	margin-left:180px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.oculta_buscar.toggle
{
	margin-left:0px;
}
/* ****************************** */

/* SELECT */
select{
	width:100%;
	box-sizing:border-box;
	background: #fff url(images/arrow.png);
	background-position:99.5% center;
    background-repeat: no-repeat;
   	padding: 10px;
   	font-size: 14px;
   	border:1px solid #e8edf3;
   	-webkit-appearance: none;
	border-radius:0px;
}
select:hover{
	outline:none;
}
select:focus{
	outline:none;
	border:1px solid #26c6da;
}
/* ****************************** */


.sub_titulo
{
	font-size:15px;
	color:#555555;
	font-weight:700;
}

.raya
{
	border-bottom:1px solid #ebebeb;
	width:100%;
}

.contenedor1
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
  
  
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
	
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
  
  
.contenedor3
{
	float:left;
	width:33.3333%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.contenedor4
{
	float:left;
	width:25%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.contenedor75
{
	float:left;
	width:75%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.contenedor30
{
	float:left;
	width:30%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
    
    -webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.contenedor40
{
	float:left;
	width:40%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}


.fondo_naranja
{
	background-color:#e1ce9c;
}
.fondo_naranja_claro
{
	background-color:#ffc7c8;
}
.fondo_naranja_fuerte
{
	background-color:#aa0003;
}


.fondo_gris
{
	/*
	background-color:#353b46;
	*/
	
	background-color: #292929;
}
.fondo_gris_claro
{
	background-color:#fff;
}
.fondo_gris_fuerte
{
	background-color:#23272e;
}


.fondo_guindo
{
	background-color: #551113;
}


.fondo_azul
{
	background-color:#26c6da;
}
.fondo_azul_claro
{
	background-color:#23b6c9;
}
.fondo_azul_fuerte
{
	background-color:#1fa3b5;
}

.fondo_amarillo
{
	background-color:#dab326;
}
.fondo_amarillo_claro
{
	background-color:#c9a523;
}
.fondo_amarillo_fuerte
{
	background-color:#b5941f;
}

.fondo_rosa
{
	background-color:#da2677;
}
.fondo_rosa_claro
{
	background-color:#c9236e;
}
.fondo_rosa_fuerte
{
	background-color:#b51f63;
}

.fondo_rojo
{
	background-color:#e41b1e;
}
.fondo_rojo_claro
{
	background-color:#ffc7c8;
}
.fondo_rojo_fuerte
{
	background-color:#aa0003;
}



.fondo_verde
{
	background-color:#16b985;
}
.fondo_verde_claro
{
	background-color:#14aa7b;
}
.fondo_verde_fuerte
{
	background-color:#12996e;
}

.fondo_blanco
{
	background-color:#fff;
}

.box_grande
{
	width:100%;
	height:120px;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
}

.box_grande_contenedor
{
	width:100%;
	height:240px;
	position:absolute;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.box_grande_contenedor:hover
{
	margin-top:-120px;
}

.minibox_grande
{
	width:100%;
	height:120px;
	float:left;
	box-sizing:border-box;
	padding:20px; 
	display:flex; 
	align-items:center; 
	justify-content:center;
	position:relative;
	overflow:hidden;
}

.box_grande_link
{
	color:#3A3A3A;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
}

.cuarto_circulo
{
	width:120px;
	height:120px;
	background-color: rgba(0, 0, 0, 0.5);
	position:absolute;
	border-radius:50%;
	top:-60px;
	left:-60px;
}





/* BOTONES */

.boton_verde
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#16b985;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_verde:hover
{
	background-color:#13a275;
}





.boton_doradoclaro
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#e1ce9c;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_doradoclaro:hover
{
	background-color:#ceb475;
}






.boton_azul
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	background-color:#26c6da;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_azul:hover
{
	background-color:#22b3c5;
}

.boton_negro
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: 600;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:4px;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro:hover
{
	background-color:#000;
}

.boton
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}


.fondoboton_verde
{
	background-color:#16b985;
}

.fondoboton_verde:hover
{
	background-color:#13a275;
}


.fondoboton_rojo
{
	background-color:#e01414;
}

.fondoboton_rojo:hover
{
	background-color:#b21111;
}


.fondoboton_azulrey
{
	background-color:#2095e8;
}

.fondoboton_azulrey:hover
{
	background-color:#1077c0;
}


.fondoboton_gris
{
	background-color:#403f4b;
}

.fondoboton_gris:hover
{
	background-color:#2d2c33;
}

/* ETIQUETAS */

.etiqueta_azul
{
	padding:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#26c6da;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.etiqueta_roja
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#960002;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.etiqueta_verde
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#33D11A;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}


.etiqueta_naranja
{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size:11px;
	background-color:#f0ad4e;
	text-decoration:none;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}



/***********************************************/


.boton_transparente1
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right: 20px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: 600;
	background-color:transparent;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	border-radius:5px;
	border:2px solid white;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_transparente1:hover
{
	background-color:white;
	color:black;
}



.boton_azul_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: 600;
	background-color:#26c6da;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_azul_cuadrado:hover
{
	background-color:#22b3c5;
}




.boton_negro_cuadrado
{
	padding-top:10px;
	padding-bottom:10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight: 600;
	background-color:#40404b;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}
.boton_negro_cuadrado:hover
{
	background-color:#000;
}



/* ******************************************* */


#top_bar
{
	background-color:#fff;
	width:100%;
    height: 30px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}

#top_bar_titulo
{
	background-color:#000;
	width:100%;
	height:50px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding-left:20px;
}

.boton_top
{
	text-decoration:none;
	float:right; 
	width:50px; 
	height:auto; 
    padding: 0px;
	display:flex; 
	justify-content:center; 
	align-items:center;
}

.boton_top > span
{
	text-decoration:none;
}

.boton_top:hover
{
	/*background-color:#f9fafc; */
}

.circulo
{
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border:1px #ccc solid;
}


#menu_scroll
{
	float:left;
	position:fixed;
	/* background-color:#2e343c; */
	background-color: #292929;
	width:74px;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
}
	

#menu
{
	float:left;
	/* background-color:#2e343c; */
	background-color: #292929;
	width:90px;
	height:100%;
	overflow:scroll;
	padding-bottom:1000px;
}

#espaciador_menu
{
	float:left;
	width:74px;
	height:100px;
}

.boton_menu
{
	width:58px;
	height:50px;
	margin-top:10px;
	background-color:#3D3D3D; 
	
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:8px;
	text-decoration:none;
	border-left:0px solid rgba(132,84,47,1.00);
	
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}

.boton_menu > span
{
	font-size:30px;
	color:#97a0af;
	text-decoration: none;
}

.boton_menu > span:hover
{
	color:#fff;
}

.boton_menu:hover
{
	/*border-left:8px solid #e1ce9c; */
	border-left:8px solid rgba(132,84,47,1.00);
	margin-left:0px;
	width:66px;
	cursor:pointer;
}


.boton_configuracion
{
	position:fixed;
	bottom:0px;
	left:0px;
	width:74px;
	height:auto;
	font-size:30px;
	color:#97a0af;
	text-align:center;
	cursor:pointer;
	/* background-color:#2e343c; */
	
	background-color: #3D3D3D;
	padding-top:10px;
}

.boton_configuracion:hover
{
	color:#fff;
}





@media only screen and (max-width:1050px)
{

	.margentopcomanda
	{
		margin-top:20px;
	}
	
	.flexdirection
	{
		flex-direction: row;
	}
.contenedor2
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor4
{
	float:left;
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}


	
	
}



@media only screen and (max-width:750px)
{

	
	.flexdirection
	{
		flex-direction: column;	
	}
	
.oculta_buscar
{
	margin-left:0px;
}

.contenedor2
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
  
  
.contenedor3
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}

.contenedor4
{
	float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
}
	
	.contenedor75
	{
			float:left;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px;
	}
	
	

}


@media print
{
    .NoImprimir
    {
        display: none;
    }
    
    #resultados
    {
        padding-left: 30px;
    }
    
    #top_bar_titulo
    {
        padding-left: 30px;
    }
    
    #menu_scroll
    {
        display: none;
    }
}