body,html
	{
		font-size:10pt;
		font-family:verdana,arial;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		overflow-x:auto;
/*		background-color:#efefee;  */
		background-color:#fff;
	}

/*
transition: all .2s linear;
*/
.clear{clear:both;}
*	{outline: none;}

body	a
	{text-decoration:none;color:#224FFF;border:0;}
img	{border:0;}

.boton
	{
		border:1px solid #ccc;
		padding:5px 10px;
		color:#000;
		background-color:#F4F4F4;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		transition: all .2s linear;
	}

.boton:hover{background-color:#eee;}


.boton_small
	{
		border:1px solid #ccc;
		padding:2px 5px;
		color:#000;
		background-color:#F4F4F4;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		transition: all .2s linear;
	}

.boton_small:hover{background-color:#eee;}

.boton_verde
	{

		border:1px solid #ccc;
		padding:5px 10px;
		color:#000;
		background-color:#55FF37;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	}

.boton_verde:hover{background-color:#24F200;}

.boton_rojo
	{
		border:1px solid #ccc;
		padding:5px 10px;
		color:#FFF;
		background-color:#FF0000;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		transition: all .2s linear;
	}

.boton_rojo:hover{background-color:#FF0909;}

.upload_file
	{
		background-color:#008A23;
		color:#fff;
		font-weight:bold;
		padding:20px 30px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		transition: all .2s linear;

	}

.boton_verde_small
	{
		border:1px solid #ccc;
		padding:2px 5px;
		color:#000;
		background-color:#55FF37;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
	}

.boton_verde_small:hover{background-color:#24F200;}

.table {display:table;border-collapse:separate;border-spacing:5px ;}
.table_0 {display:table;border-collapse:separate;border-spacing:0px ;}
.table100 {display:table;border-collapse:separate;border-spacing:5px;width:100%;}
.tableImporte {display:table;border-collapse:separate;border-spacing:0px;width:100%;}
.tr {display:table-row;}
.td {display:table-cell;text-align:left;border:0px solid red;vertical-align: top;}
.td_centro {display:table-cell;text-align:center;border:0px solid red;vertical-align: top;}
.td_der {display:table-cell;text-align:right;border:0px solid red;vertical-align: top;}


.grid p	{margin:0 0 2px 0;padding:0;}
.grid_cab_L	{padding:1px 5px;font-weight:bold;background-color:#F0F0F0;text-align:left;}
.grid_cab_R	{padding:1px 5px;font-weight:bold;text-align:right;background-color:#F0F0F0;}
.grid_cab_C	{padding:1px 5px;font-weight:bold;text-align:center;background-color:#F0F0F0;}
.grid_item_L	{background-color:#FDFECF;font-size:10pt;padding:5px;text-align:left;}
.grid_item_R	{background-color:#FDFECF;font-size:10pt;padding:5px;text-align:right;}
.grid_item_C	{background-color:#FDFECF;font-size:10pt;padding:5px;text-align:center;}

#fondo_negro_visible
	{position:fixed;top:0%;left:0%;width:100%;height:100%;background-image:url("/graf/fondo/fondo_negro.png");z-index:5;}
#fondo_negro_visible2
	{position:fixed;top:0%;left:0%;width:100%;height:100%;background-image:url("/graf/fondo/fondo_negro.png");z-index:10;}
#fondo_negro_mensaje
	{position:fixed;top:0%;left:0%;width:100%;height:100%;background-image:url("/graf/fondo/fondo_negro.png");z-index:99;}

.item_H_2	{grid-column: span 2;}
.item_H_3	{grid-column: span 3;}
.item_H_4	{grid-column: span 4;}
.item_H_5	{grid-column: span 5;}
.item_H_6	{grid-column: span 6;}
.item_H_7	{grid-column: span 7;}
.item_H_9	{grid-column: span 9;}
.item_H_10	{grid-column: span 10;}

.item_V_2	{grid-row: span 2;}
.item_V_3	{grid-row: span 3;}
.item_V_4	{grid-row: span 4;}
.item_V_5	{grid-row: span 5;}
.item_V_6	{grid-row: span 6;}
.item_V_7	{grid-row: span 7;}

.grid {
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
}


/*Comunidad */
.grid_1 {
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
  grid-template-columns:50px auto auto auto 250px 30px 30px;
}
.grid_usuario_propietarios {    /* usuarios propietarios */
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
  grid-template-columns:50px auto auto auto auto auto 40px 30px 30px;
}

.grid_usuario_fincas {    /* usuarios administrador de fincas */
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
  grid-template-columns:50px auto auto auto auto auto 40px 30px 30px;
}

.grid_usuario_general {     /* usuarios administrador del sistema */
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
  grid-template-columns:50px auto auto auto auto 40px 30px 30px;
}


.grid_3 {
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
  grid-template-columns:1fr 80px 1fr;
}






#loading
	{
		display:none;
		position:fixed;
		top:0;
		right:0;
		margin:10px;
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		padding:2px;
		background-color:#fff;
		z-index:999;

	}

#mensaje
	{
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		margin-top:4%;
		z-index:100;
		border:1px solid #000;
		width:98%;
		max-width:500px;
		background-color:#fff;
		box-shadow: 1px 1px 15px #000;
		-moz-box-shadow: 1px 1px 15px #000;
		-webkit-box-shadow: 1px 1px 15px #000;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		overflow:hidden;
		padding-bottom:2em;
	}

#mensaje	#barra_mensaje
	{
		background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(172,204,229,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(172,204,229,0) 100%);
		background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(172,204,229,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00accce5',GradientType=1 );
		color:#fff;
	}

#mensaje	#barra_mensaje	#titulo_mensaje
	{float:left;border:0px solid red;margin:4px 0 0 10px;}

#mensaje	#barra_mensaje	#cerrar_mensaje
	{float:right;border:0px solid red;margin:2px 10px 0 0}

#mensaje	#contenido_mensaje
	{
		border:0px solid #ccc;           .grid_5 {
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
}

		margin:2em 10px 0 10px;
		text-align:center;
		font-weight:bold;
	}

#mensaje	#cerrar_mensaje
	{
		margin-top:20px;
		text-align:center;
	}

#flotante
	{
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		margin-top:4%;
		z-index:10;
		border:1px solid #000;
		width:98%;
		max-width:500px;
		background-color:#fff;
		box-shadow: 1px 1px 15px #000;
		-moz-box-shadow: 1px 1px 15px #000;
		-webkit-box-shadow: 1px 1px 15px #000;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		overflow:hidden;
		padding-bottom:2em;
	}

#flotante	#barra_emergente
	{
		background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(172,204,229,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(172,204,229,0) 100%);
		background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(172,204,229,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00accce5',GradientType=1 );
		color:#fff;
	}

#flotante	#barra_emergente	#titulo_emergente
	{float:left;border:0px solid red;margin:4px 0 0 10px;}

#flotante	#barra_emergente	#cerrar_emergente
	{float:right;border:0px solid red;margin:2px 10px 0 0}


#flotante	#contenido_emergente
	{
		border:0px solid #ccc;
		margin:1em 10px 0 10px;
	}

#flotante	#opciones_emergente
	{
		border:0px solid #ccc;
		margin:2em 10px 0 10px;
	}

#flotante	#contenido_emergente_responsive
	{
		padding:10px;
	}

#flotante	#contenido_emergente_responsive	ul {list-style-type:none;margin:0px;padding:0px;}
#flotante	#contenido_emergente_responsive	li{padding:8px 3px;border-bottom:0px solid #eee;position:relative;border:0px solid red;}
#flotante	#contenido_emergente_responsive	label {width:100%;display: inline-block;float: left;font-size: 1em;font-weight: bold;}

#flotante	#contenido_emergente_responsive	textarea {padding:5px;font-size: 0.9em}
#flotante	#contenido_emergente_responsive	input {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:100%;}
#flotante	#contenido_emergente_responsive	textarea {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:98%;}
#flotante	#contenido_emergente_responsive	input:focus,  textarea:focus {background: #fff;border:1px solid #555;box-shadow: 0 0 3px #aaa;}
#flotante	#contenido_emergente_responsive	input:required:valid,  textarea:required:valid {box-shadow: 0 0 5px #5cd053;border-color: #28921f;}
#flotante	#contenido_emergente_responsive	input:focus:invalid,  textarea:focus:invalid {box-shadow: 0 0 5px #d45252;border-color: #b03535}

#flotante	#contenido_emergente_ajax
	{
		padding:0 10px 10px 10px;
	}

#flotante	#contenido_emergente_ajax	ul {list-style-type:none;margin:0px;padding:0px;}
#flotante	#contenido_emergente_ajax	li{padding:8px 3px;border-bottom:0px solid #eee;position:relative;border:0px solid red;}
#flotante	#contenido_emergente_ajax	label {width:100%;display: inline-block;float: left;font-size: 1em;font-weight: bold;}

#flotante	#contenido_emergente_ajax	textarea {padding:5px;font-size: 0.9em}
#flotante	#contenido_emergente_ajax	input {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:100%;}
#flotante	#contenido_emergente_ajax	textarea {border:1px solid #aaa;color: #000;font-family:verdana,arial;width:98%;}
#flotante	#contenido_emergente_ajax	input:focus,  textarea:focus {background: #fff;border:1px solid #555;box-shadow: 0 0 3px #aaa;}
#flotante	#contenido_emergente_ajax	input:required:valid,  textarea:required:valid {box-shadow: 0 0 5px #5cd053;border-color: #28921f;}
#flotante	#contenido_emergente_ajax	input:focus:invalid,  textarea:focus:invalid {box-shadow: 0 0 5px #d45252;border-color: #b03535}


#flotante	#grilla
	{
		border:0px solid red;
		margin:2em 10px 0 10px;
	}


#flotante	#grilla	#tit_grilla
	{
		text-align:center;
		background-color:#eee;
		font-weight:bold;
		border:1px solid #ccc;
		border-bottom:0;
	}

#flotante	#cerrar_emergente
	{
		text-align:center;
		margin-top:1.2em;
	}



#acceso
	{
		font-size:16pt;
		color:#333;
		text-align:center;
		margin-top:40px;
	}

#cont_acceso
	{
		position:relative;
		width:98%;
		max-width:350px;
		display:table;
		margin:10% auto 0 auto;
		border:1px solid #ccc;
		-webkit-box-shadow: 1px 1px 14px rgba(0,0,0,1);
		-moz-box-shadow: 1px 1px 14px rgba(0,0,0,0.46);
		box-shadow: 1px 1px 4px rgba(0,0,0,.1);
		background-color:#fff;
		border:0px solid red;
	}

#cont_acceso	#logo_acceso
	{
		width:100%;
		position:absolute;
		margin-top:-66px;
	}

#cont_acceso	#tit_acceso
	{
		margin-top:50px;
		text-align:center;
	}

#cont_acceso	#form_acceso
	{
		margin:40px 20px 0 20px;
	}
#cont_acceso	#form_acceso	input
	{
		padding:8px 10px;
		border:1px solid #BAD8FC;
	}

#cont_acceso	#submit_acceso
	{
		margin:40px 20px;
	}

#cont_acceso	#submit_acceso	input
	{
		width:100%;
		color:#fff;
		background-color:#000;
		padding:10px;
		border:0;
		cursor:pointer;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		font-size:12pt;
	}

#mensaje_acceso
	{
		width:98%;
		max-width:350px;
		margin:0 auto;
		display:table;
		margin-top:30px;
	}

#mensaje_acceso	p
	{margin:0;padding:0;text-align:left;}

#main_admin
	{
		width:98%;
		margin:60px auto;
	}

#main_admin	#titulo_admin
	{
		text-align:center;
		background-color:#3B3B3B;
		color:#fff;
		font-size:15pt;
		padding:.1em 0;
	}

#main_admin	#opciones
	{
		border:0px solid red;
		margin-top:1em;
	}

#main_admin	#barra
	{
		margin-top:1em;
	}


.sin_resultados
	{
		text-align:center;
		font-size:20pt;
		color:#B0B0B0;
		font-weight:bold;
		margin-top:50px;
	}