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);
	}

.boton: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:#000;
		background-color:#FF6C6C;
		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_rojo:hover{background-color:#FF0909;}

.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%;}
.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 blue;vertical-align: top;}
.td_der {display:table-cell;text-align:right;border:0px solid red;vertical-align: top;}


.grid {
  display: grid;
  grid-gap: 1px;
  background-color: #BEBEBE;
  padding: 1px;
}

.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;}


#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;
		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:2em 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	#listado_emergente
	{
		border:1px solid #ccc;
		margin:1em 10px 0 10px;
	}

#flotante	#listado_emergente	#barra_flo_ele
	{display:table;width:100%;}

#flotante	#listado_emergente	#barra_flo_ele	#flo_ele
	{float:left;margin-right:1em;}


#flotante	#grilla
	{		border:0px solid red;
		margin:2em 10px 0 10px;
	}

#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:350px;
		display:table;
		margin:20px 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;
	}

#cont_acceso	#logo_acceso
	{		margin:5px;
	}

#cont_acceso	#tit_acceso
	{margin-top:50px;text-align:center;}
#cont_acceso	#tit_acceso2
	{margin-top:5px;text-align:center;font-size:14pt;}

#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;

	}



#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	#opciones	#opciones_barra
	{float:left;margin-right:1em;}

#main_admin	#barra
	{
		margin-top:1em;
	}

#main_admin	#listado
	{	}

.item_tit
	{float:left;;margin-right:1%;font-weight:bold;;}
.item_list
	{float:left;;margin-right:1%;}



.grid_ver_perdido_cliente
	{
		display: grid;
		grid-template-columns: repeat(5,5/4fr);
		grid-gap: 1px;
		width:98%;
		margin:20px auto;
		background-color:#eee;
		border:1px solid #ccc;
	}

.grid_ver_perdido_cliente > div
	{		background-color:#fff;
		padding:5px;
	}

.ver_ped_tit_imp
	{
		background-color:#fff;
		text-align:center;
		padding:5px 0;
		font-weight:bold;
	}

.ver_ped_importe
	{
		background-color:#fff;
		text-align:center;
		padding:5px 0;
	}



.grid_ver_perdido
	{
		display: grid;
		grid-template-columns: 300px auto;
		grid-gap: 1px;
		width:98%;
		margin:20px auto;
		background-color:#eee;
		border:1px solid #ccc;
	}

.ver_ped_titulo
	{
		text-align:center;
		padding:.5em 0;
		font-size:12pt;
		background-color:#fff;
		grid-column: span 2;
		background-color:#eee;
	}
.ver_ped_img
	{
		grid-row: 2 / span 2;
		grid-column: 1;
		background-color:#fff;
		padding:5px;
	}
.ver_ped_cont
	{		padding:10px;
		background-color:#fff;
	}



.ver_ped_texto
	{
		text-align:justify;
		padding:10px;
		font-size:10pt;
		background-color:#fff;
		grid-column: span 2;
	}

#main_admin	#cont_galeria
	{
		margin-top:60px;
		background-color:#eee;
		border:1px solid #828282;
		width:100%;
		display:table;
	}

#main_admin	#cont_galeria	#thumb_img
	{float:left;margin:.5em;}

#main_admin	#cont_galeria	#thumb_img	#imge
	{
		border:1px solid #828282;width:150px;height:112px;overflow:hidden;

	}

#main_admin	#cont_galeria	#thumb_img	#opc_imge
	{
		text-align:right;
		margin-top:5px;
	}









#main_admin	#opciones
	{
		margin-top:2em;
	}

#main_admin	#barra_opciones
	{
		margin-top:20px;
		display:table;
		border:0px solid red;
	}
#main_admin	#barra_opciones	#opciones_barra
	{float:left;margin-right:1em;border:0px solid red;}


#main_admin	#barra_listado
	{
		margin-top:30px;
		background-color:#000;
		color:#fff;
		display:table;
		width:100%;
		padding:2px 0;
	}

#main_admin	#barra_listado	#tit_list1
	{float:left;margin:0 1%;}

#main_admin	#cont_listado
	{
		border:1px solid #ccc;
		padding-bottom:150px;
	}

#main_admin	#cont_listado	#barra_cont_list
	{
		display:table;
		width:100%;
		padding:2px 0;
		color:#000;
	}

#main_admin	#cont_listado	#barra_cont_list	#cont_list1
	{float:left;margin:0 1%;}

#main_admin	#cont_listado	#barra_cont_list	#sub_barra_cont_list
	{
		display:table;
		width:100%;
		padding:2px 0;
		color:#000;
	}

#main_admin	#cont_listado	#barra_cont_list	#sub_barra_cont_list	#sub_cont_list1
	{float:left;margin:0 1%;}


#main_admin	#cont_galeria
	{
		margin-top:30px;
		border:0px solid red;
		background-color:#eee;
		border:1px solid #828282;
		width:100%;
		display:table;
	}

#main_admin	#cont_galeria	#thumb_img
	{float:left;margin:.5em;}

#main_admin	#cont_galeria	#thumb_img	#imge
	{
		border:1px solid #828282;width:150px;height:112px;overflow:hidden;

	}

#main_admin	#cont_galeria	#thumb_img	#opc_imge
	{
		text-align:right;
		margin-top:5px;
	}

#main_admin	#cont_galeria	#galeria_sin_resultados
	{
		padding:2em;
		text-align:center;
		font-size:20pt;
		color:#BFBFBF;
	}


