@font-face {
    font-family:"Montserrat-Regular"; /*normal*/
    src:url("../ttf/Montserrat/Montserrat-Regular.ttf") format("truetype"), url("../ttf/Montserrat/Montserrat-Regular.otf") format("truetype")
}
@font-face {
    font-family:"Montserrat-Light"; /*normal*/
    src:url("../ttf/Montserrat/Montserrat-Light.ttf") format("truetype"), url("../ttf/Montserrat/Montserrat-Light.otf") format("truetype")
}

@font-face {
    font-family:"resolve_sans"; /*normal*/
    src:url("../ttf/resolve_sans/Resolve-Light.ttf") format("truetype"), url("../ttf/resolve_sans/Resolve-Light.otf") format("truetype")
}


html{height:100%; font-family:Montserrat-Light; font-size:80%}
body{background-position:center center; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; width:100%; margin:auto; height:100%;  font-family:Montserrat-Light;}
header, article, hgroup, h1, h2, h3, section, p, nav, a {height:auto; margin:0px; padding:0px; text-decoration:none; font-weight:normal;}
img{border: 0px; cursor:pointer;}
#logo{width:auto; float:left; margin-left:3%;}
#logoText{width:auto; float:left; margin-left:5%; margin-top:2px}
table {	border-collapse: collapse; padding: 1%;  }
tr{padding:1%}
td{padding:5px; }
footer {position:fixed;	left:0px; bottom:12px; height:30px; width:99%;}
	#footerDIV{width: 180px; float: right; background:#fff; margin-left:20px}

#contenidoModalCentro{width:60%; margin:auto; margin-top:0%; }
#contenidoLeft{width:60%; float:left; margin-top:0%; }
#contenido,#contenido1,#contenido2,#contenido3,#contenido4,#contenido5{width:100%; padding:15px; float:left; background:#fff; margin-left:26%; margin-top:0.5%; border-radius:0px 0px 0px 0px;}
#contenido{margin-left:0%; margin-top:0.5%; border-radius:0px 0px 0px 0px;}
#conteTitulo{width:100%; padding:1%; float:left}
#conteTituloFixed{width:98%; padding:1%; float:left; position:fixed; background:rgba(255,255,255,1); top:70px}
.conteTitulo{color:#000; text-align:left; font-family:Montserrat-Regular; border-radius:0px ;}
#conteSubTitulo{width:98%; padding:1%; float:left}
.conteSubTitulo{color:#000; text-align:left; font-family:Montserrat-Light; border-radius:0px ;}

#contenido1{width:97%; margin-left:0px}
#contenido2{margin-left:0%; margin-top:0.5%;}
#contenido3{width:94%; margin-left:1%; margin-top:1%;}

#formulario,#formulario4{width:100%; margin:auto; background:rgba(0,0,0,0); margin-top:2px }
.formulario{ color:#333; text-align:left; font-family:Montserrat-Light}
#formularioTitu{width:98%; margin-top:30px; padding:1%; margin-bottom:10px }
.formularioTitu{ color:#333; text-align:center; font-family:Montserrat-Regular}
#formularioText{width:46%; padding:2%; float:left; margin-top:0px; background:#F3F3F3; }
#formularioTextLargo{width:98%; padding:1%; float:left; margin-top:0px; background:#F3F3F3; margin-bottom:5px }
.formularioText, .formularioText2, .formularioText3{color:#333; font-family:Montserrat-Light}
#formularioCamp{width:48%; padding:1%; float:left }
#formularioCampLargo{width:98%; padding:1%; float:left }
#formularioBoton{width:98%; padding:1%; margin-top:10px; float:left }
#formularioTextError{width:98%; padding:1%; color:#F00; text-align:center; font-family:Montserrat-Regular; font-size:10px}
#formularioSepa{width:100%; padding:0%; float:left; margin-bottom:0px}
#formularioSepa2{width:50%; padding:0%; float:left; margin-bottom:0px; margin-left:25%}
#formularioSepa4{width:100%; float:left; border-bottom:0px solid #CCC}
#formularioCerrarDiv{width:100%; padding:0%; float:right; cursor:pointer}
#formularioCerrar{width:auto; padding:2%; float:right; background:#F00; cursor:pointer}
.formularioCerrar{ color:#fff; font-family:Montserrat-Regular; border-radius:0px ;}
#formularioTextIcon{width:10px; float:right; }
#formularioTextIcon2{width:10px; float:right; margin-right:15px }
#formularioTextIcon3{width:10px; float:left; margin-left:15px }

#divBotones{width:100%; float:left}	

#boton{width:96%; background:#1E73BE; padding:8px; border-radius:0px; border:1px solid #1C6BB3; cursor:pointer; float:left; border-radius:0px}
		#boton:hover{background:#1C6BB3}
		#botonIcon{float:right; margin-top:0px; margin-right:0px;}
		.boton{ color:#fff; text-align:center; font-family:Montserrat-Regular;}	
		
#boton2{width:96%; background:#FF8D1C; padding:8px; border-radius:0px; border:1px solid #FF8D1C; cursor:pointer; float:left; border-radius:0px}
		#boton2:hover{background:#FFAC59}
		#boton2Icon{float:right; margin-top:0px; margin-right:0px;}
		.boton2{ color:#fff; text-align:center; font-family:Montserrat-Regular;}			
				
#botonCerrar{width:auto; background:#F00; padding:5px; border-radius:0px; border:1px solid #FF4A4A; cursor:pointer; border-radius:0px 0px 0px 0px; float:right}
		#botonCerrar:hover{background:#FF4A4A}
		#botonIconCerrar{float:right; margin-top:0px; margin-right:0px;}
		.botonCerrar{ color:#fff; text-align:center; font-family:Montserrat-Regular;}

#confi{width:auto; padding:5px; border-radius:0px; cursor:pointer; float:right; float:right; margin-left:2%;}		

#botonSalir{width:auto; background:#F00; padding:5px; border-radius:0px; border:1px solid #FF4A4A; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right}
		#botonSalir:hover{background:#FF4A4A}
		#botonIconSalir{float:right; margin-top:0px; margin-right:0px;}
		.botonSalir{ color:#fff; text-align:center; font-family:Montserrat-Regular;}

#botonNuevoSer{width:auto; background:#F60; padding:5px; border-radius:0px; border:1px solid #FF8F59; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right;}
		#botonNuevoSer:hover{background:#FF8F59}
		.botonNuevoSer{ color:#fff; text-align:center; font-family:Montserrat-Regular;}	
		
#botonNuevoSer2{width:auto; position:absolute; right:200px;  background:#F60; padding:5px; border-radius:0px; border:1px solid #FF9B37; cursor:pointer; border-radius:0px 0px 0px 0px; float:right; margin:0px}
		#botonNuevoSer2:hover{background:#FF8F59}
		.botonNuevoSer2{ color:#fff; text-align:center; font-family:Montserrat-Regular;}		
		
#botonOcultar,#botonMostrar{width:auto; background:#999; padding:5px; border-radius:0px; border:1px solid #7C7C7C; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right; margin-right:0.5%}
		#botonOcultar:hover,#botonMostrar:hover{background:#7C7C7C}
		.botonOcultar,.botonMostrar{ color:#fff; text-align:center; font-family:Montserrat-Regular;}	
		
#botonMostrar{display:none; margin-left:0.5%}							
		
#botonNuevaFac{width:auto; background:#268375; padding:5px; border-radius:0px; border:1px solid #1E665B; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right; margin-right:0.5%}
		#botonNuevaFac:hover{background:#1E665B}
		.botonNuevaFac{ color:#fff; text-align:center; font-family:Montserrat-Regular;}

#botonExcel{width:auto; position:absolute; right:200px;  background:#00A8A8; padding:5px; border-radius:0px; border:1px solid #00C1C1; cursor:pointer; border-radius:0px 0px 0px 0px; float:right; margin:0px}
		#botonExcel:hover{background:#00C1C1}
		.botonExcel{ color:#fff; text-align:center; font-family:Montserrat-Regular;}


#botonEnvioMasivo{width:auto; position:absolute; right:360px;  background:#959500; padding:5px; border-radius:0px; border:1px solid #B7B700; cursor:pointer; border-radius:0px 0px 0px 0px; float:right; margin:0px}
		#botonEnvioMasivo:hover{background:#B7B700}
		.botonEnvioMasivo{ color:#fff; text-align:center; font-family:Montserrat-Regular;}
		
#botonSMS{width:auto; position:absolute; right:538px;  background:#FF8000; padding:5px; border-radius:0px; border:1px solid #FF9B37; cursor:pointer; border-radius:0px 0px 0px 0px; float:right; margin:0px}
		#botonSMS:hover{background:#FF9B37}
		.botonSMS{ color:#fff; text-align:center; font-family:Montserrat-Regular;}
		
#botonProSMS{width:auto; position:absolute; right:623px;  background:#FF8000; padding:5px; border-radius:0px; border:1px solid #FF9B37; cursor:pointer; border-radius:0px 0px 0px 0px; float:right; margin:0px}
		#botonProSMS:hover{background:#FF9B37}
		.botonProSMS{ color:#fff; text-align:center; font-family:Montserrat-Regular;}		
				
#botonNuevaCxC{width:auto; background:#DC1D2E; padding:5px; border-radius:0px; border:1px solid #EB6371; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right; margin-right:0.5%}
		#botonNuevaCxC:hover{background:#EB6371}
		.botonNuevaCxC{ color:#fff; text-align:center; font-family:Montserrat-Regular;}

#botonFactura{width:auto; position:absolute; right:110px; background:#F00; padding:5px; border-radius:0px; border:1px solid #FFC891; cursor:pointer; float:left; border-radius:0px 0px 0px 0px; float:right; margin-right:1.5%; margin-top:5px}
		#botonFactura:hover{background:#FF7171}
		.botonFactura{ color:#fff; text-align:center; font-family:Montserrat-Regular;}			

.campo,.campo1,.campo2{width:96%; padding:2%; border-radius:0px; border:1px solid #999; font-family:Montserrat-Light; color:#333}
.campo:focus{outline:1px;}

.campo1{width:40%}
.campo1:focus{outline:1px;}

.campo2{width:25%}
.campo2:focus{outline:1px;}
		
/*#divIzq{width:16%; margin:auto; position: fixed; bottom: 0; height:100%; background-image: url(../imagenes/cuerpo/fondo_gestor.jpg); overflow:hidden; box-shadow:2px 1px 3px rgba(0,0,0,0.1); padding:1%; min-width:217px}*/
#divIzq{width:16%; margin:auto; position: fixed; bottom: 0; height:100%; background-color:#00284d; box-shadow:2px 1px 3px rgba(0,0,0,0); padding:1%; min-width:217px}
	#divIzqIcon{width:auto; padding:2px; float:left; margin-bottom:20px; margin-top:10px; margin-left:5%}
	#divIzqTitle{width:auto; padding:2px; float:left; margin-bottom:20px; margin-top:36px; margin-left:5px}
	.divIzqTitle{ color:#ffffff; text-align:left; font-family:resolve_sans; font-weight:bold}
	#divIzqTexto{width:250px; padding:2px; float:left; margin-bottom:10px; margin-left:5px; cursor:pointer}
	#divIzqTexto:hover{color:#F60}
	.divIzqTexto{ color:#606060; text-align:left; font-family:Montserrat-Light}

#divDer{width:82%; float:right; padding:0%; margin-left:0%; height:100%}
	#divDerHeader{width:98%; float:left; padding:1%; background:#00284d; border-bottom:3px solid #DDD}
	#divDerTitle{width:auto; float:left; padding:0%; }
	.divDerTitle{color:#fff; text-align:left; font-family:Montserrat-Regular}
	#divDer1{width:99%; float:right; padding:0.5%; background:#F2F2F2; margin-left:0%;}	
	#divDer2{width:99%; float:right; padding:0.5%; margin-left:0%; border-top:1px solid #DDD; padding-bottom: 100px;}	
	


#cargando,#modal,#modal2,#modal3,#acciones,#configura,#pregunta,#session_alert{display:none; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:82%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.5); z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%; margin-left:18%;}	
#errorFactEle{display:block; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:82%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.6); z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%; margin-left:18%;}	
#contiFactEle{display:block; position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:82%; text-align:center; min-height:10px;background-color:rgba(0,0,0,0.6); z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%; margin-left:18%;}	
#acciones,#pregunta,#errorFactEle,#contiFactEle{overflow:auto; background-color:rgba(0,0,0,0.5); width:100%; margin-left:0%}
	#accionesDiv{width:55%; padding:1%; float:left; background:#fff; margin-left:20%; margin-top:15%; border-radius:0px}
	#accionesDivText{width:98%; padding:1%; float:left; }
	.accionesDivText{ color:#000; text-align:center; font-family:Montserrat-Regular}
	.accionesDivText2{ color:#000; text-align:center; font-family:Montserrat-Light}
	#accionesDiv2{width:98%; padding:1%; float:left; }
	#accionesDivBoton{width:48%; padding:1%; float:left; }
	#accionesDivBoton2{width:44%; padding:1%; float:left; }
	#accionesDivBotonCompleto{width:98%; padding:1%; float:left; margin-top:5px }
	#accionesDivBotonTres{width:31%; padding:1%; float:left; }

#modal3{display:block}

#configura{overflow:auto; background-color:rgba(0,0,0,0.6); width:100%; margin-left:0%; }
	#configuraDiv{position:fixed; left:75%; bottom:0px; padding-bottom:20px; width:25%; text-align:center; min-height:10px;background-color:#FFF; z-index:99999; padding:0px; border-top:#000 solid 0px; height:100%; float:right; border-radius:0px 0px 0px 0px}
	#configuraDivHeader{width:98%; float:left; padding:1%; background:#999; border-bottom:3px solid #DDD}
	#configuraDiv2{width:92%; float:left; padding:4%; border-bottom:1px solid #DDD; font-weight:bold; cursor:pointer; }
	#configuraDiv2:hover{background:#DAF3EF}
	.configuraDiv2{color:#000; text-align:left; font-family:Montserrat-Light}


#cargando{margin-left:0%; background-color:rgba(0,0,0,0.5); width:100%;}	
	#cargandoImg{margin-top:20%;}	

#divCrearEmpre{width:40%; padding:2%; float:left; background:#fff; margin-left:20%; margin-top:2%}
	#divEmpresa{width:98%; padding:1%; float:left; background:#3FC7B3;}
	#divEmpresaTitle{width:98%; padding:1%; float:left; background:#FFF;}
	#divEmpresaText{width:48%; padding:1%; float:left; background:#EBEBEB;}
	#divEmpresaCamp{width:48%; padding:1%; float:left; background:#EBEBEB;}
	.divEmpresaTitle{ color:#000; text-align:left; font-family:Montserrat-Light;}
	
#iconDesPDF{ position:fixed; left:0px; right:0px; bottom:0px; padding-bottom:20px; width:18%; text-align:center; z-index:99999; padding:0px; border-top:#000 solid 0px; height:20%;}	


#divTareRespu{width:98%; float:left; padding:4px; background:#F9F9F9;}
	#divTareRespu_div{width:98%; float:left; padding:4px; background:#FFF; border-bottom:1px #F0F0F0 solid}
	#divTareRespu_hora{width:140px; float:left; padding:4px; background:#FFF; font-size:11px;}
	#divTareRespu_hora2{width:80px; float:left; padding:4px; background:#FFF; font-size:11px;}
	.divTareRespu_hora{color:#f00; text-align:left; font-family:Montserrat-Regular;}
	#divTareRespu_Tit{width:100%; float:left; padding:4px; font-size:13px;}
	.divTareRespu_Tit{color:#000; text-align:left; font-family:Montserrat-Regular; }
	#divTareRespu_obser{width:80%; float:left; padding:4px; font-size:13px;}
	.divTareRespu_obser{color:#000; text-align:left; font-family:Montserrat-Light;}
	#divTareRespu_tiempo{width:5%; float:right; padding:4px; font-size:11px;}
	.divTareRespu_tiempo{color:#f00; text-align:left; font-family:Montserrat-Light;}
	
#ocultarDiv{display:none;}	



#tabla{width:98%; float:left; padding:1%;}
