@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{
	margin:0px;
	color:#000000;
	font:300 16px/20px "Roboto";
	background: rgb(13,254,255);
	height:100vh;
background: rgb(13,254,255);
background: linear-gradient(0deg, rgba(13,254,255,0.4739145658263305) 0%, rgba(255,0,219,0.12097338935574231) 0%, rgba(0,254,255,0.16299019607843135) 100%);
}
:root{
	--azul:#009cff;/*#0073b7;*/
	--azulmarino:#003399;/*#0073b7;*/
	--gris:#5c5d5d;
	--verde:#427a5a;/*0a6600*/
}

a{text-decoration:none;color:inherit;}
.underline{text-decoration:underline;}
.oculto{display:none !important; }

.borde{border:2px #df0000 solid !important;box-sizing:border-box;}
.bco{color:#ffffff;}
.fondobco{background:#ffffff;}
.azul{color:var(--azul)! important ;}
.azulmarino{color:var(--azulmarino)! important ;}
.gris{color:#acacac ! important ;}
.verde{color:var(--verde) ! important ;}
.grisclaro{color:#787878 ! important ;}
.grisclarito{color:#acacac ! important ;}

.italica{font-style:italic !important;}
.bold{font-weight:500 !important;}
.extrabold{font-weight:700 !important;}
.txtright{text-align:right !important;}
.txtcenter{text-align:center !important;}
.txtleft{text-align:left !important;}
.aladerecha{float:right !important;}
.alaizquierda{float:left !important;}

.principal{color:#e6007e !important;}
.txtconsombra{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.consombra{-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);}
.conborde{border:1px #acacac solid;}


.ellipsis{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}
.redondo{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}

.rojo{color:#df0000 !important;}
.ngo{color:#000000 !important;}

.tabla_principal{width:100%;display:inline-block;text-align:center;margin:0px;}
.contenidos{width:96%;max-width:800px; text-align:center;display:inline-block;}
.contenidosPanel{width:98%;text-align:center;display:inline-block;}
.cuerpo800{width:96%;max-width:800px;}
.imagen100{width:100%;}

.lienzo{margin:30px 0px;background: rgba(255,255,255,0.6); padding:20px 20px; box-sizing: border-box;}

.fondo_bco{background:#ffffff !important;}
.fondo_ngo{background:#000000 !important;}
.fondo_azulmarino{background:var(--azulmarino); !important;}
.fondo_gris{background:#f0f0f0 !important;}

.titulo{font:300 40px/40px "Roboto";}
.subtitulo{font:300 30px/30px "Roboto";}
.txt40{font-size: 40px;}
.txt30{font-size: 30px;}
.txt20{font-size: 20px;}
.chica{font-size: 12px;}
.micro{font-size: 10px;}

.pointer{cursor: pointer;}


.playfairdisplay{font-family:"Playfair Display" !important;}


/* LOGIN */
.inicio_logotipo{width:200px;}
.inicioLogin{width:100%;max-width:500px;display: inline-block; margin-top:5%;padding:40px; box-sizing: border-box;}




/* BOTONES */
.btn{display:inline-block;cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
	border:none;display:inline-block;text-align:center;
		/* evita seleecionar texto */
		-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
		-moz-user-select: none;-ms-user-select: none;user-select: none;
	box-sizing:border-box;float:none;
	font:300 14px/28px "Roboto","Arial","Sans";
	}
.btnShadow{
	-webkit-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
}	
.btnRound{
	-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
}

.btn_100{width:100%;}

.btnEnviar{border:1px var(--azul) solid;background:var(--azul);color:#ffffff;padding:10px 20px;}
.btnAzul{border:1px var(--azul) solid;background:var(--azul);color:#ffffff;padding:5px 10px;}
.btnAzul:hover{border:1px var(--azul) solid;background:var(--azul);}
.btnAlterno{border:1px var(--azul) solid;background:#ffffff;color:var(--azul);padding:5px 10px;}
.btnAlterno2{border:2px var(--azul) solid;background:#ffffff;color:var(--azul);padding:5px 10px;}



.datepicker,
.datepicker2{background:url(images/ico-calendario.png) !important;cursor:pointer; 
	background-repeat:no-repeat !important;background-position:center right!important;}








/* MAPAS */	
.mapa{width:100%;height:200px;overflow:hidden;position: relative;padding-bottom:15%;vertical-align:top;}
.mapa_gde{height:calc(100vh - 240px);}
#map_canvas{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}

#flecha-up{position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;}


/* REGILLA */
.regilla-lista{width:100%;display:table;margin-top:10px;margin-bottom:30px;
	margin-left:auto;margin-right:auto;}
.regilla-lista-min{min-width:200px;}
.regilla_renglon{width:100%;height:80px;display:table-row;box-sizing:border-box;}
	.regilla_renglon:nth-child(odd){background-color:#ffffff;}/* alternacolores entre filas*/
	.regilla_renglon:nth-child(even){background-color:#f2f2f2;}
.regilla_celda{border-right:1px #acacac solid;padding:0px 4px;
	display: table-cell;vertical-align: middle;}
.regilla_celda_imagen{padding:5px !important;}
.regilla-lista-chica{width:auto;min-width:initial;}/* regilla para fancybox pedido_partidas.php */ 
.regilla_titulos{position:-webkit-sticky; /* Safari */  position: sticky;  top:0px;}

.sticky{position:-webkit-sticky; /* Safari */  position: sticky;  top:0px;}


/* PIE */
#pie {background: var(--azul);color: #ffffff;padding:30px 0px;}



.renglon{width:100%;display:inline-block;float:left;margin:10px 0px;}
.renglonCh{width:100%;display:inline-block;float:left;margin:0px 0px;}
.renglon_odd:nth-child(odd){background-color:#ffffff;}/* alternacolores entre filas*/
.renglon_odd:nth-child(even){background-color:#f2f2f2;}
.separador{width:100%;height:40px;display:inline-block;float:left;}
/* celdas responsivas */
[class*="celda-"]{display:inline-block;float:left;box-sizing:border-box;}
	.celda-0{width:4.111111%;}		.celda-0x{width:2.050505%;} .celda-00{width:1.0252525%;}
	.celda-1{width:8.333333%;}		.celda-1x{width:12.50000%;}		
	.celda-2{width:16.666666%;}		.celda-2x{width:20.83333%;}		
	.celda-3{width:25%;}			.celda-3x{width:29.16666%;}		
	.celda-4{width:33.333333%;}		.celda-4x{width:37.50000%;}
	.celda-5{width:41.666666%;}		.celda-5x{width:45.83333%;}		
	.celda-6{width:50%;}			.celda-6x{width:54.16666%;}			
	.celda-7{width:58.333333%;}		.celda-7x{width:62.50000%;}	
	.celda-8{width:66.666666%;}		.celda-8x{width:70.83333%;}
	.celda-9{width:75%;}			.celda-9x{width:79.16666%;}
	.celda-10{width:83.333333%;}	.celda-10x{width:87.50000%;}	
	.celda-11{width:91.666666%;}	.celda-11x{width:95.833333%;}
	.celda-12{width:100%;}
[class*="colum-"]{box-sizing:border-box;float:left;}
	.colum-0{width:4.111111%;}		.colum-0x{width:2.050505%;}
	.colum-1{width:8.333333%;}		.colum-1x{width:12.50000%;}		
	.colum-2{width:16.666666%;}		.colum-2x{width:20.83333%;}		
	.colum-3{width:25%;}			.colum-3x{width:29.16666%;}		
	.colum-4{width:33.333333%;}		.colum-4x{width:37.50000%;}
	.colum-5{width:41.666666%;}		.colum-5x{width:45.83333%;}		
	.colum-6{width:50%;}			.colum-6x{width:54.16666%;}			
	.colum-7{width:58.333333%;}		.colum-7x{width:62.50000%;}	
	.colum-8{width:66.666666%;}		.colum-8x{width:70.83333%;}
	.colum-9{width:75%;}			.colum-9x{width:79.16666%;}
	.colum-10{width:83.333333%;}	.colum-10x{width:87.50000%;}	
	.colum-11{width:91.666666%;}	.colum-11x{width:95.833333%;}
	.colum-12{width:100%;}
	

.iconito{width:20px;height:20px;margin:10px 5px 0 0;  display:inline-block;vertical-align:middle;float: left;vertical-align: middle;}
.spiner{width:16px;height:16px;vertical-align:middle;}

/* formulario */
.form_label{display:inline-block;float:left;line-height:30px;padding:0px 5px;box-sizing:border-box;   
	color:#232323;box-sizing:border-box;
	margin:0px;
	}
.form_labelTop{background:rgba(255,255,255,0.8);margin-top:-22px;padding:0px 0px;box-sizing: border-box;}	
.form_labelTopCh{margin-top:-6px;background:#ffffff; font-size:10px;line-height:10px;padding:0px;}	
.form_input{width:100%; display:inline-block;float:left;padding:7px 10px;
	color:#232323;box-sizing:border-box; 
	border:1px #c0c0c0 solid;
	background: #ffffff;
/*	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; */
	}
.form_inputCh{padding:0px 10px;}

.g-recaptcha{background:#ffffff;  height:80px;}


.form_input input,
.form_input textarea{display:inline-block;font:300 16px/30px "Roboto","Arial","Sans";border:none;box-sizing:border-box;color:#343434;
	outline: none;background:transparent;padding:0px 6px;}
.form_input .input_fecha{width:100%;}
.form_input .input_ico{width:calc(100% - 30px);}
.form_input .input_ico2{width:calc(100% - 60px);}
.form_input .input_40{width:40%;}
.form_input .input_50{width:50%;}
.form_input .input_100{width:100%;}
.form_area{width:100%;box-sizing:border-box;height:90px;resize: none;line-height:18px !important; }
.form_area_gde{width:100%;height:200px;line-height:18px !important; }

.select-style{display:inline-block;float:left;overflow: hidden;box-sizing:border-box;
		background: transparent url("images/arrowdown.png") no-repeat right center;
		}
	.select-style select{border:none;box-shadow:none;background-color:transparent;box-sizing:border-box;padding-right:20px;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;
			font:300 12px/20px "Roboto","Arial","Sans";color:#232323;}
	.select-style select:focus{outline: none;}
.select-style-2{background: transparent url("images/arrowdown2.png") no-repeat right center;}
.select-style-bco{background: #ffffff url("images/arrowdown2.png") no-repeat right center;}

/*  CHECKBOX Y RADIOBUTTON*/
input.chbox_norm[type="checkbox"] {display:none;}
input.chbox_norm[type="checkbox"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/check_box.png) left top no-repeat;}
input.chbox_norm[type="checkbox"]:checked + label span {
	background:url(images/check_box.png) 0px -30px no-repeat;}

input.radio_norm[type="radio"] {display:none;}
input.radio_norm[type="radio"] + label span {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(images/radio_box.png) left top no-repeat;margin-bottom:10px;vertical-align:top;
	float:left;}
input.radio_norm[type="radio"]:checked + label span {
	background:url(images/radio_box.png) 0px -30px no-repeat;}
.radio_norm + label{font:300 12px/28px "Roboto","Arial","Sans";}




/* FORM_UPLOAD */
.form_upload{width:100%;display:inline-block;font:400 18px/22px "Roboto","Arial","Sans";float:left;text-align:center;
	background:#ffffff;box-sizing:border-box;cursor:pointer;
	padding:0px;vertical-align:top;margin:0px;border:1px var(--azul) solid;
	position: relative;}
.fileUpload .label{width:35%;display:inline-block;float:right;padding:0px 10px;box-sizing:border-box;cursor:pointer;
	background:var(--azul);color:#ffffff;font:400 14px/38px "Roboto","Arial","Sans";}
.file_input{width:65%;display:inline-block;font:400 14px/35px "Roboto","Arial","Sans";margin:0px;padding-left:10px;border:none;
	background:none;float:left;}
.fileUpload {width:100%;position:relative;overflow: hidden;margin:0px;float:left;}
.fileUpload input.upload{position:absolute;top:0;right: 0;margin: 0;padding: 0;
	width: 100%;height:100%; 
    cursor: pointer;opacity:0 ;filter: alpha(opacity=0);}






/* ======================================    PANEL ==================================== */

/* MENU */
.logotipoPanel{width:200px;float:left;}
.menuTopPanel{width:auto;display:inline-block;float:left;margin:20px 0px 20px 40px;}

.menuTopPanel .btnMenu{width:auto;display:inline-block;text-align:center;
	-webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s  ease-in-out; -o-transition: all 0.2s  ease-in-out; transition: all 0.2s  ease-in-out;
		padding:2px 0px;margin:5px 20px;
	/*	text-shadow: 2px 2px 2px rgba(0,0,0,1);	*/
		font:400 16px/16px "Roboto","Arial";color:var(--azulmarino);cursor:pointer;float:left;}
	.menuTopPanel .btnMenuSel,
	.menuTopPanel .btnMenu:hover{border-bottom:2px var(--azulmarino) solid; color:var(--azulmarino);line-height:16px;margin-top:5px;}
.datos_usuario{display:inline-block;float:right;margin:20px 40px 30px 20px;}








#unmomento{width:100%;float:left;font:500 16px/22px "Roboto";}
.marcorojo{background:#ffd0d0 !important;}
.enviandomensaje{display:none;font:500 26px/30px "Roboto";margin-top:20px;color:#000000;}

.jconfirm-content{text-align: center;}

::-webkit-input-placeholder {}
::-moz-placeholder {}
:-ms-input-placeholder {}
:-moz-placeholder {}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

/*
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}
*/
textarea,
input[type="text"]{
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

.ocultar{display:inline-block;}
.ocultar2{display:inline-block;}
.mostrar{display:none;}
.mostrar2{display:none;}
#btn_menuresponsive{display:none;position:fixed;top:10px;left:10px;}





.jconfirm-buttons{width:100%;display:inline-block; text-align:center;}




.ui-autocomplete{max-height:200px;overflow-y: auto;overflow-x: hidden;}
* html .ui-autocomplete{height:200px;}

.ui-menu-item-wrapper punt{font-weight:bold;}
.ui-state-active punt{font-weight:bold;}
.ui-state-active {font-weight:normal !important;}
















@media screen and (max-width:770px){/* cell potrait */
.encabezado_falso{display: none;}

.contenidos{width:100%;}

#btn_menuresponsive{display:inline-block;z-index:9990;background:var(--azul);}
	#menuresponsive{width:100%;height:100%;display:none;
		background:rgba(255,255,255,0.95);position:fixed;top:0px;left:0px;z-index:9900;
		border: none;}

.menuTopInt{margin:0px;}

.menuTopInt .btnMenu,
.menuTopInt .btnMenuSel,
.menuTop .btnMenu,
.menuTop .btnMenuSel{width:100%;display:inline-block;text-align:center;box-sizing: border-box;
		padding:10px 10px;margin:0px;border: none;
		font:400 26px/40px "Roboto","Arial";color:var(--azul);cursor:pointer;float:left;}


.primerBoton{margin-top:30px !important;}



[class*="celda-"]{width:100%;}



	
.div{border:1px #dfee00 solid;}
.ocultar{display:none;}
.mostrar{display:inline-block;}

}/* media */


@media screen and (max-width:440px){/* cell potrait */

}/* media */