@charset "utf-8";
/* CSS Document info ajustes est*/
*{
	font-family:Helvetica;
}
.caja_accion{
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	margin: auto;
}table{
    margin: auto;
}.espacio{
	width: 100%;
	height: 3px;
	margin-top: 5px;
	border-top:2px solid #848484; 
	}.caja_de_accion{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
	-webkit-flex:1 1 900px;
	-khtml-flex:1 1 900px;
	-moz-flex:1 1 900px;
	-ms-flex:1 1 900px;
	-o-flex:1 1 900px;
	flex:1 1 900px;
	margin: auto;
	justify-content:center;
}.caj{
	width: 100%;
}.caja_de_fecha{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
	align-content:-webkit-flex-start;
	align-content:-khtml-flex-start;
	align-content:-moz-flex-start;
	align-content:-ms-flex-start; 
	align-content:-o-flex-start;
	align-content:flex-start;
	justify-content:space-around;
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	margin: auto;
}.cajas_de_numeros{
	cursor: pointer;
	-webkit-flex:1 1 80px;
	-khtml-flex:1 1 80px;
	-moz-flex:1 1 80px;
	-ms-flex:1 1 80px;
	-o-flex:1 1 80px;
	flex:1 1 80px;
	max-width: 80px;
	border: 1px solid #999;
	margin-left: 8px;
	height: 30px;
	padding-left: 7px;
	font-size: 16px;
	box-shadow: rgba(150,150,150,.8) 2px 2px 5px inset;
}#busqueda{
	width: 120px;
	height: 30px;
	padding-left: 7px;
	font-size: 16px;
	cursor: pointer;
	box-shadow: rgba(150,150,150,.8) 2px 2px 5px inset;
}.tooltip{
	width: 15px;
	border-radius: 50px;
	background: #ff0000;
	padding: 2px;
	font-size: 15px;
	position: absolute;
}/*#herramientas a{
	text-decoration: none;
	margin: 20px;
	color: #004480;
	border: 2px solid #7f80a4;
	border-radius: 20px;

}/*ajustes_1*/
.ajustes_1{
	position: fixed;
	top: 2px;
	right: 2px;
	width: 50px;
	height: 50px;
	background: #ff0000;
}
.ajustes{
	padding: 5px;
	border-radius: 10px;
	border: 2px solid #000;
	background: rgba(255,255,255,.8);
	color: rgba(0,0,0,.7);
	position: fixed;
	cursor: pointer;
	top: 2px;
	left: 2px;
	font-size: 30px;
	box-shadow: 3px 3px 5px #999;

	-webkit-transition:all .5s;
	-khtml-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}.ajustes:hover{
}.ajustes_iz{
	width: 200px;
	border-radius: 10px;
	background: rgba(0,0,0,.8);
	color: #fff;
	position: fixed;
	left: -100%;
	top: 50px;
	font-size: 30px;
	z-index: 1;
}.boton_escondido{
	width: 100%;
	border: none;
	background:none;
	color: #fff;
	padding: 10px 0;
	font-size: 21px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
}.boton_escondido:hover{
	border-radius: 10px;
	background: rgba(0,0,0,.8);
}.caja_tabla{
	-webkit-flex:1 1 950px;
	-khtml-flex:1 1 950px;
	-moz-flex:1 1 950px;
	-ms-flex:1 1 950px;
	-o-flex:1 1 950px;
	flex:1 1 950px;
	overflow: auto;
	/*max-height: 500px;*/
}
#bo{
	padding: 4px;
	 width: 115px;
	 background: #004480;
	 color: #fff;
	 font-size: 12px;
	 border-radius: 5px;
	 position: fixed;
	 cursor: pointer;
	 font-weight: bold;
	-webkit-transform: opacity(.5);
	-khtml-transform: opacity(.5);
	 -moz-transform: opacity(.5);
	 -ms-transform: opacity(.5);
	 -o-transform: opacity(.5);
	   transform: opacity(.5);
	-webkit-transition:all .5s;
	-khtml-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	 transition:all .5s;
}#bo:hover{
	-webkit-transform: scaleX(10px) opacity(1);
	-khtml-transform: scaleX(10px) opacity(1);
	-moz-transform: scaleX(10px) opacity(1);
	-ms-transform: scaleX(10px) opacity(1);
	-o-transform: scaleX(10px) opacity(1);
	transform: scaleX(10px) opacity(1);
}


                                       /* 
                                        white-space: nowrap;*/



#nada_reg{
	width: 100%;
	height: 120px;
}
.cuerpo_reg{
	width: 100%;
	margin: auto;
	padding-bottom: 50px;
}
.caja_conte_reg{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;
	justify-content:center;
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	padding-top: 10px;
	background: rgba(255,255,255,.9);
	box-shadow: #999 2px 2px 10px;
}
.cajas_de_texto{
	border: 1px solid #999;
	margin-left: 8px;
	width: 90%;
	height: 30px;
	padding-left: 7px;
	font-size: 16px;
	box-shadow: rgba(150,150,150,.8) 2px 2px 5px inset;
}.area_de_texto{
	border: 1px solid #999;
	margin-left: 8px;
	width: 88%;
	height: 60px;
	padding: 7px 7px;
	font-size: 16px;
	font-family:Helvetica;
	box-shadow: rgba(150,150,150,.8) 2px 2px 5px inset;
}.boton{
	padding: 0 10px;
	height: 30px;
	margin: auto;
	background: #0c00ff;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
	border-radius: 20px;
	
	-webkit-transition:all .1s;
	-khtml-transition:all .1s;
	-moz-transition:all .1s;
	-ms-transition:all .1s;
	-o-transition:all .1s;
}.boton:hover{
	background: #070099;
}
.titulo_reg{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 40px;
	text-align: center;
}
#logo_fondo{
	background-image: url(images/fondo_logo.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:left;
	background-size: 200px;
}
.contenido_reg{
	width: 100%;
	margin: auto;
	margin-top: 50px;
	background: rgba(255,255,255,.5);
}
.textito{
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	margin: auto;
	text-align: justify;
}
@media screen and (max-width:650px ){
	#logo_fondo{
		background:none;
	}
}
/*cuadro_polizas
/*dentron de*/
#barras_de_bienvenida{
	width: 100%;
	padding-bottom: 5px;
	padding-top: 8px;
	font-size: 30px;
	font-weight: bold;
	box-shadow: #999 5px 5px 10px;
	-webkit-transition:all .3s;
	-khtml-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s;
}.cuadro_polizas1{
		display:-webkit-flex;
		display:-khtml-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		-khtml-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		-o-flex-wrap:wrap;
		flex-wrap:wrap;

	-webkit-flex:1 1 600px;
	-khtml-flex:1 1 600px;
	-moz-flex:1 1 600px;
	-ms-flex:1 1 600px;
	-o-flex:1 1 600px;
	flex:1 1 600px;
	max-width: 800px;
	margin-top: 20px;
	padding-bottom: 20px;
	box-shadow: #999 3px 3px 20px 3px;
	/*border: 1px solid #000;/**/
}
.cuadro_polizas{
	-webkit-flex:1 1 600px;
	-khtml-flex:1 1 600px;
	-moz-flex:1 1 600px;
	-ms-flex:1 1 600px;
	-o-flex:1 1 600px;
	flex:1 1 600px;
	max-width: 600px;
	margin-top: 20px;
	padding-bottom: 20px;
	box-shadow: #444 3px 3px 20px 3px;
	border-radius: 20px;
	/*border: 1px solid #000;/**/
}.barra_documentos{
	display:-webkit-flex;
	display:-khtml-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
	justify-content:space-around;
	
	width: 99%;
	height: 50px;
	margin: auto;
	border: 2px solid #999;
	background: #f2f2f2;
}
.polizas{
	width: 49%;
	height: 100%;
	float: left;
	border: 1px solid #000;
}.facturas{
	width: 49%;
	height: 100%;
	float: right;
	border: 1px solid #000;
}
.inicia_sesion{
	font-size: 25px;
	width: 60%;
	padding-top: 50px;
	margin: auto;
	text-align: center;
	align-self:center;
}
@media screen and (max-width:500px ){
	#barras_de_bienvenida{
		font-size: 25px;
	}
	#nada_reg{
	width: 100%;
	height: 50px;
}
}
#cambiar{
	display: none;
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	height: 20px;
	overflow: hidden;
	margin: auto;
	
	-webkit-transition:all .5s;
	-khtml-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}#cambiar:hover{
	height: 350px;
}
#form-escondido{
	-webkit-flex:1 1 300px;
	-khtml-flex:1 1 300px;
	-moz-flex:1 1 300px;
	-ms-flex:1 1 300px;
	-o-flex:1 1 300px;
	flex:1 1 300px;
	max-width: 300px;
	box-shadow: #999 5px 5px 10px;
}#estira{
	width: 100%;
}





		.boton24{
		    padding: 5px;
		    background: rgba(0,0,205,.85);
		    cursor: pointer;
		    color: #fff;
		    border-radius: 8px;
		    font-weight: bold;
		    margin: auto;
		}.d{
		    text-align: center;
		    width: 200px;
		    border: none;
		    background: none;
		    font-size: 15px;
		}.caja_grande1{
		    margin-top: 20px;
		    max-width: 350px;
		}.acomodados{
		    display:-webkit-flex;
		    display:-khtml-flex;
		    display:-moz-flex;
		    display:-ms-flex;
		    display:-o-flex;
		    display:flex;
		    -webkit-flex-wrap:wrap;
		    -khtml-flex-wrap:wrap;
		    -moz-flex-wrap:wrap;
		    -ms-flex-wrap:wrap;
		    -o-flex-wrap:wrap;
		    flex-wrap:wrap;
		align-content:-webkit-flex-start;
		align-content:-khtml-flex-start;
		align-content:-moz-flex-start;
		align-content:-ms-flex-start; 
		align-content:-o-flex-start;
		align-content:flex-start;
		justify-content:space-around;
		aling-items:stretch;
		
		width: 100%;
		margin: auto;
		padding:0;
		}


/***********************************************TOGLE BUTTON O SWICH***********************************************/

        #element_to_pop_up {
            display:none;
            background-color:#fff;
            border-radius:15px;
            color:#000;
            margin: 10px;
            padding:10px;
            -webkit-flex: 1 400px;
            -khtml-flex: 1 400px;
            -moz-flex: 1 400px;
            -ms-flex: 1 400px;
            -o-flex: 1 400px;
            flex: 1 400px;
            max-width: 500px;

    		-webkit-user-select: none;
    		-khtml-user-select: none;
    		-moz-user-select: none;
    		-ms-user-select: none;
    		-o-user-select: none;
    		user-select: none;
    		cursor: default;
    		box-shadow:inset 2px 2px 4px rgba(120, 120, 120, .7), inset -3px -3px 3px rgba(120,120,120,.7), inset -3px -3px 3px rgba(120,120,120,.7);
        }
		.b-close{
		    cursor:pointer;
		    position:absolute;
		    right:4px;
		    top:4px;
		    padding: 5px;
		    border-radius: 10px;
		    font-weight: bold;
		    font-size: 18px;
		    background: #666EFF;
		    color: #fff;
		    -webkit-box-shadow: 0px 0px 10px #ffffff;
		    -khtml-box-shadow: 0px 0px 10px #ffffff;
		    -moz-box-shadow: 0px 0px 10px #ffffff;
		    -ms-box-shadow: 0px 0px 10px #ffffff;
		    -o-box-shadow: 0px 0px 10px #ffffff;
		    box-shadow: 0px 0px 10px #ffffff;
		}#my-button{
		  background: none;
		  border: none;
		  cursor: pointer;
		  position: relative;
		  top: 1px;
		  float:right;
		  -webkit-transition:all .5s;
		  -khtml-transition:all .5s;
		  -moz-transition:all .5s;
		  -ms-transition:all .5s;
		  -o-transition:all .5s;
		  transition:all .5s;
		}.info{
		  position: absolute;
		  top: 1px;
		  margin-right: 40px;
		  background: rgba(0,0,0,.6);
		  padding: 5px;
		  font-size: 17px;
		  font-weight: bold;
		  border-radius: 5px;
		  color: #fff;
		  opacity:0;

		 /* -webkit-text-shadow: 0px 0px 5px #ffffff;
		  -khtml-text-shadow: 0px 0px 5px #ffffff;
		  -moz-text-shadow: 0px 0px 5px #ffffff;
		  -ms-text-shadow: 0px 0px 5px #ffffff;
		  -o-text-shadow: 0px 0px 5px #ffffff;
		  text-shadow: 0px 0px 5px #ffffff;*/
		  -webkit-transform:rotate3d(1,0,0,180deg);
		  -khtml-transform:rotate3d(1,0,0,180deg);
		  -moz-transform:rotate3d(1,0,0,180deg);
		  -ms-transform:rotate3d(1,0,0,180deg);
		  -o-transform:rotate3d(1,0,0,180deg);
		  transform:rotate3d(1,0,0,180deg);

		  -webkit-transition:all .5s;
		  -khtml-transition:all .5s;
		  -moz-transition:all .5s;
		  -ms-transition:all .5s;
		  -o-transition:all .5s;
		  transition:all .5s;

		}#my-button:hover .info{
		  display: block;
		  opacity:1;
		  -webkit-transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  -khtml-transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  -moz-transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  -ms-transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  -o-transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  transform:translateY(-35px) translateX(-20px) perspective(200px) rotate3d(1,0,0,0deg);
		  /*-webkit-transform:translateX(45px);*/
		}
		@media screen and (max-width:630px ){
			.info{
				display: none;
			}
		}

/*		.onoffswitch {ajustes
		    position: relative; width: 100px;
		    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
		}
		.onoffswitch-checkbox {
		    display: none;
		}
		.onoffswitch-label {
		    display: block; overflow: hidden; cursor: pointer;
		    border: 2px solid #999999; border-radius: 20px;
		}
		.onoffswitch-inner {
		    display: block; width: 200%; margin-left: -100%;
		    transition: margin 0.3s ease-in 0s;
		}
		.onoffswitch-inner:before, .onoffswitch-inner:after {
		    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
		    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
		    box-sizing: border-box;
		}
		.onoffswitch-inner:before {
		    content: "PEDIDAS";
		    padding-left: 10px;
		    background-color: #34A7C1; color: #FFFFFF;
		}
		.onoffswitch-inner:after {
		    content: "TODAS";
		    padding-right: 10px;
		    background-color: #EEEEEE; color: #999999;
		    text-align: right;
		}
		.onoffswitch-switch {
		    display: block; width: 18px; margin: 6px;
		    background: #FFFFFF;
		    position: absolute; top: 0; bottom: 0;
		    right: 56px;
		    border: 2px solid #999999; border-radius: 20px;
		    transition: all 0.3s ease-in 0s; 
		}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
		    margin-left: 0;
		}
		.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
		    right: 0px; 
		}

		.rotateinfinite{
              animation-name: rotateinfinite;-webkit-animation-name: rotateinfinite;
              animation-timing-function: linear;-webkit-animation-timing-function: linear;
              animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;
              animation-duration: 3s;-webkit-animation-duration: 3s;
        }
        @keyframes rotateinfinite {
          from {
            transform: rotateX(0deg) rotate(50deg);
          }
          to {
            transform: rotateX(-360deg) rotate(50deg);
          }
        }
        @-webkit-keyframes rotateinfinite {
          from {
            -webkit-transform: rotateX(0deg) rotate(50deg);
          }
          to {
            -webkit-transform: rotateX(-360deg) rotate(50deg);
          }
        }

        
		.swich{
			float:right;
		}*/
/***********************************************TOGLE BUTTON O SWICH***********************************************/


/*****************************************************CHECK BOX*****************************************************/
input[type=checkbox].css-checkbox {
	position:absolute;
	z-index:-1000;
	left:-1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
	}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:21px;
	height:16px;
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -16px;
}
label.css-label {
	background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_3569985a355b7f4404781efd8e7c9b97.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sep{
	padding: 25px;
}
/*****************************************************CHECK BOX*****************************************************/