html, body{
    margin: 0;
    padding: 0;
	/**background:url(../imagenes/03.jpg);*/

}

body{
    width: 100%;
    height: 100%;
   /* font-family: sans-serif;*/
    letter-spacing: 0.03em;
    line-height: 1.6;
	

}

/** --------------------------------------------------------- MENU DESPLEGABLE :::::::::::::::::::::::::::::::::::::::::::::::::::::::: **/ 

.navegacion{
	width:600px;
	margin:30px auto;
	background:#418ab7;
	
}

.navegacion ul{
	list-style:none;
}

.menu > li{
	position:relative;
	display: inline-block;
}

.menu > li > a{
	size:20px;
	display:block;
	padding:15px 20px;
	color:black;
	font-family:'Open sans';
	font-weight: bold;
text-decoration:none;
	
}

.menu li a:hover{
	color:white;
	transition: all .3s;
	
}

.submenu{
	position:absolute;
	background:#333333;
		width:130%;
		visibility:hidden;
		opacity:0;
		transition: opacity 1.5s;
}


.submenu li a{
	display:block;
	padding:15px;
	color:#fff;
	font-family:'Open sans';
	text-decoration:none;
	
}

.submenu li a:hover{
	color:#e9efb9;
	transition: all .3s;
	
}


.menu li:hover .submenu{
visibility:visible;
	opacity:1;
}

/** ----------------------------------------------------------- BASE DE DATOS CABECERA ------------------------------------------- **/ 






.logoprobd{
	width:250px;
	height:200px;
	margin-bottom:20px;
	
}


/** ----------------------------------------------------------- BASE DE DATOS BUSCAR ------------------------------------------- **/ 
.tablabusquedaemp{
	color:white;
	
}


.tablabusquedaemp th{
	width:100px;
	height:30px;
	
}

.tablabusquedaemp tr{
	width:800px;
	height:30px;
	
}



.barbusqueda{
	background-color:#1e247a;
	width:80%;
	margin-left:10%;
	height:120px;
	
}

.titulobd{
	width:350px;
	float:left;
	color:white;
	padding:25px;
	size:150px;
}

.barbdbuscar{
	width:850px;
	float:right;
	color:white;
	padding:25px;
	
}

.todasbdemp{
	
	height:30px;
	width:60px;
	border-radius:3px;
	float:center;
	cursor: hand;
	
}

.crearbdemp{
	color:black;
	font-weight: bold;
	height:30px;
	width:70px;
	border-radius:3px;
	float:center;
	background-color:#418ab7;
	cursor: hand;
	
}

.bdregion{
	margin-top:25px;
	float:center;
	height:30px;
	
}

.bdbuscar{
	width:80%;
	height:150px;
	background-color:#1e247a;
}

.bdfecha{
	float:center;
	width:130px;
	height:30px;
}

.bdfecha2{
	float:center;
	width:130px;
	height:30px;
}

.bdlupa{
	width:50px;
	height:40px;
	float:right;
	cursor: hand;
}

.bdbuscarcaja{
	height:30px;
	width:170px;
	border-radius:2px;

}


.btnguardaremp{
	width:80px;
	height:40px;
	border-radius:3px;
}

.pdficon{
	cursor:hand;
	width:40px;
	height:80px;
	
	float:right;
	
}

.pdficonarchivos{
	cursor:hand;
	width:35px;
	height:35px;
	
	float:left;
	margin-right:10px;
	
}

.pdficonarchivos2{
	cursor:hand;
	width:35px;
	height:35px;
	
	float:center;
	margin-right:10px;
	
}

.pdficonarchivos3{
	cursor:hand;
	width:35px;
	height:35px;
	
	float:right;
	margin-right:10px;
	
}


.btnver{
	cursor:hand;
	width:15px;
	height:15px;
	float:right;
	background-color:green;
	border-radius:15px;
	color:green;
	}
	
	
	.btnagregar{
	cursor:hand;
	width:15px;
	height:15px;
	float:right;
	background-color:gray;
	border-radius:15px;
	color:gray;
	}
	
.btneliminar{
	cursor:hand;
	width:15px;
	height:15px;
	background-color:red;
	border-radius:15px;
	color:red;
	margin-top:-15px;
	margin-right:10px;
	
}

.btnirmodificar{
	cursor:hand;
	width:15px;
	height:15px;
	background-color:yellow;
	border-radius:15px;
	color:yellow;
	margin-top:-15px;
}


.btnpendiente{
	width:40px;
	height:25px;
	float:right;
	margin-left:50px;
}

.eliminarempresabd{
	width:200px;
	height:50px;
	margin-left:100px;
}

.bordertable{
	border:2px;
}


/** ---------------------------------------------------------- BASE DE DATOS CONTENIDO -----------------------------------*/

.cardsempresas{

	
	border-collapse: collapse;
 
 
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
  color:black;
	margin-bottom:10px;
	
	
}


.cardemp{
		/**background-color:#1e247a;**/
	/*background-color:#418ab7;*/
	width:75%;
	height:200px;
	float:center;
	margin-left:12.5%;
    border-radius:3px;
	margin-top:25px;
	
}

.div1cardemp{
	width:35%;
	float:left;
	height:100%;
	padding:15px;
}

.div2cardemp{
	width:30%;
	height:100%;
	float:left;
	padding:15px;
}

.div3cardemp{
	width:25%;
	float:left;
	height:100%;
	padding:15px;
}

.pdficon{
width:40px;
	height:25px;
	float:right;
	margin-left:50px;
	
}

.boxtext1{
	float:right;
	
}

.lineabd{
	
	 border-top: 1px dotted;
  height: 2px;
  /*background-color: black;*/
  width:100%;
}

hr.lineadotebd{
	border-top: 1px dashed light;
	 background-color: black;
	 width:95%;
	
}

.departamentosselectcrear{
	width:120px;
	height:25px;
	margin-left:8px;
	margin-right:2px;
}

.ciudadselectcrear{
	width:120px;
	height:25px;
	margin-left:10px;
}

.sc1documentos{
	width:49.5%;
	height:300px;
	float:left;
	margin-left:0.5%;
	margin-top:30px;
}


.sc2documentos{
	width:49.5%;
	height:300px;
	float:right;
	margin-right:0.5%;
	margin-top:30px;
}

.sc3documentos{
	width:99%;
	height:100px;
	float:right;
	margin-right:0.5%;
	margin-top:30px;
}

.camposdocumentos{
	width:180px;
	height:25px;
	padding:10px;
	margin-right:40px;
	margin-bottom:20px;
}

.documentorecibe{
	width:60px;
	height:25px;
	padding:10px;
	margin-left:5px;
	margin-bottom:20px;
	margin-right:5px;
	
}

.subirdocumento{
	width:135px;
	height:30px;
	margin-left:80px;
	
}


.reporteano1{
	float:left;
	
	
}


.reporteano2{
	float:center;
	
	
}


.reporteano3{
	float:right;
	
	
}


/** ----------------------------------------------------------- BASE DE DATOS CLIENTE ------------------------------------------- **/

.cardemp2{
		/**background-color:#1e247a;**/
	background-color:#418ab7;
	width:75%;
	height:240px;
	float:center;
	margin-left:12.5%;
    border-radius:3px;
	margin-top:25px;
	
}

.textclientebd{
	float:right;
	width:230px;
	
	
}

.textclientebdizq{
	float:left;
	width:230px;
}

.textclientebd2{
	float:right;
	width:200px;
	
	
}

.textclientebdizq2{
	float:left;
	width:200px;
}

/** ---------------------------------------------------------- Login -----------------------------------*/
.cerrarbtn{
	font-family:'Open Sans';
	background-color:white;
	width:120px;
	height:40px;
	border:0;
	margin-top:20px;
	cursor:hand;
font-weight: bold;

	
}

.contenedor-inputs{
			padding: 10px 30px;
			display:flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		
	
		
		
		.form__titulo{
		background:#1e247a;
			color:#fff;
			padding:10px;
			text-align:center;
			font-weight: 100;
			font-size:30px;
			border-top-left-radius:1px;
			border-top-right-radius:2px;
			border-bottom: 5px solid #418ab7;
			
			
		}
		
		.input-48{
			width:48%;
		}
		
		.input-100{
			width:99%;
			margin-bottom: 15px;
			padding: 15px;
			font-size:16px;
			border-radius:3px;
			border:1px solid gray;
			margin-left:1px;
		}
		
		
		 
		 .form__link{
			width:100%;
			margin:7px;
			text-align:center;
			font-size:14px;
		}
		
		.form-register{
			width:100%;
			max-width:500px;
			margin:auto;
			background:#fff;
			border-radius:3px;
			border-color:black;
			/**border-bottom: 1px solid black;*/
			
		}
		
		
		.tablalogin{
  border:none;
	border-collapse: collapse;
  margin:center;
  font-size: 0.9em;
  width:330px;
  position:relative;
  border-radius: 2px 2px 0 0;
  background-color: #777799;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  color:white;
	
}

.boton_personalizado{
	border:none;
 background-color: #418ab7; /* Código de un color Azul */
 width:100px;
 height:30px;
   border-radius: 3px;
   padding-bottom:30px;
   color:white;
   text-align:center;
			font-weight: 100;
			font-size:18px;
  }

.tablalogin h1{
	color:black;
	
}

.tablalogin h2{
	color:white;
	
}
		
		
/** ---------------------------------------------------------- BASE DE DATOS USUARIO -----------------------------------*/		
		
.bdbuscarcajauser{

	height:30px;
	width:180px;
	border-radius:2px;
	margin-top:25px;
	margin-left:250px;
}


.carduser{
	background-color:white;
	width:75%;
	height:200px;
	float:center;
	margin-left:12.5%;
    border-radius:3px;
	margin-top:25px;
	border-bottom: 3px solid black;
}

.barbdbuscaruser{
		width:800px;
	float:right;
	color:white;
	padding:25px;
}

.botoncrearuser{
	height:32px;
	width:150px;
	margin-top:25px;
	margin-left:100px;
	float:right;
	size:16px;
	
}


/** ---------------------------------------------------------- MI CUENTA -----------------------------------*/	

.div1cardmicuenta{
	width:625px;
	float:left;
	height:100%;
	padding:15px;
	margin-left:80px;
}	
	


.div2cardmicuenta{
	width:425px;
	float:left;
	height:100%;
	padding:15px;
	margin-right:100px;
}



.fotoperfilimg{
	height:90%;
	width:380px;	
}

.crearusertb{
	width:900px;
	margin:0 auto;
	padding: 15px; 
	margin:center;
	float:center;
	
}


.crearusertb th{
	width:100px;
	height:30px;
	margin:20px;
}

.infoperfiltb{
	width:80%;
	height:150px;
	margin:0 auto;
	/*background-color:d9dbdd;*/
	
	
	
}

.contentuserPro{
	
	
	
	 width: 100%;
    max-width: 1200px;
    height:500px;
 
   /* flex-wrap: wrap;*/
    margin: auto;
	padding:10px;
	
	
}



.contentuserPro .infoperfiltbuser{
	 width: 520px;
    height: 423px;
    border-radius: 2px;
    box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 10px;
    text-align: center;
    transition: all 0.25s;
	margin-right:80px;
	float:left;
		
		
		background: white;
	
	
	
}


.contentuserPro .infoperfiltbuser2{
	 width: 520px;
    height: 423px;
    border-radius: 2px;
    box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 10px;
    text-align: center;
    transition: all 0.25s;
	float:right;
		
		
		background: white;
	
	
	
}


.infocontenidotbperfiluser{
		width:100%;
		/*margin:auto;*/
		height:300px;
		border-color:black;
		padding:25px;
		text-align:left;
		align-content:left;
		
		
		
	}
	
.infocontenidotbperfiluser	input {
  display: inline-block;
  float: left;
}

.infocontenidotbperfiluser	textarea {
  display: inline-block;
  float: left;
  width:250px;
  height:130px;
   resize: none;
  
}

.micuentatt{
	margin-left:15%;
	
}

.centrarthtb{
	width:100%;
	margin:0 auto;
	background-color:green;
}
	
	
	.infocontenidotbperfil{
		width:100%;
		margin:auto;
		height:95%;
		
		
		
		
	}
	
	.infocontenidotbperfil th{
	padding:5px;
	width:150px;
	height:30px;
	margin:auto;
	border:1px;
	border-color:black;
	/*border:solid;*/
	}
	
	.infocontenidotbperfil tr{
	height:30px;
	margin-top:2px;
	border-color:black;
	padding:10px;
	/*border:solid;*/
	}
	
	
	
	
	.cambiarclavetbperfil{
		width:100%;
		/*margin:0 auto;*/
		height:140px;
		
		border-color:black;
		
		
	}
	
	.crearusuarioperfil{
		width:70%;
		margin:0 auto;
		height:140px;
		border:dotted 1px;
		border-color:black;
		
		
	}
	
	
	.crearusuarioperfil th{
		border:0.5px solid;
		border-color:black;
		
		
	}
	
	.crearusuarioperfil input button{
		width:90px;
		height:30px;
		
		
	}
	
	.cambiarclavetbperfil2{
		width:95%;
		margin:0 auto;
		height:140px;
		border:dotted 1px;
		border-color:black;
		margin-top:-25px;
	}
	
	.btnguardarclave{
		width:100px;
		height:30px;
		background-color:white;
		border-radius:3px;
		cursor:hand;
		border:solid 1px;
		
	}
	
	.cambiarclavetbperfil th{
	padding:2px;
	width:70px;
	height:20px;
	border:1px;
	border-color:black;
	/*border:solid;*/
	}
	
	.cambiarclavetbperfil tr{
	height:25px;
	margin-top:2px;
	border-color:black;
	padding:5px;
	/*border:solid;*/
	}
	
	.titulotbmicuenta{
		
		
	}
	
	.tttbmicuenta{
		
		width:400px;
		height:30px;
		background-color:#418ab7;
		padding:35px;
		color:white;
		
	}
	
	.tttbmicuenta2{
		
		width:400px;
		height:30px;
		background-color:#418ab7;
		padding:35px;
		color:white;

		
	}


	.buscarusertb{
	width:300px;
	margin:0 auto;
	height:60px;
	border:solid 1px;
	border-color:black;
	margin-bottom:10px;
	padding:5px;
	margin-top:140px;
	}
	
	
	.buscarusertb2{
	width:300px;
	margin:0 auto;
	height:60px;
	border:solid 1px;
	border-color:black;
	margin-bottom:10px;
	padding:5px;
	margin-top:10px;
	}
	
	.buscarusertb th{
	padding:5px;

	}
	
	.tbencabezadosbuscauser{
		background-color:#4BB6CB;
		
		
	}
	
	.btneliminarusermicuenta{
		width:80px;
		height:30px;
		background-color:white;
		border-radius:3px;
		
	}
	
	.empasociadasmicuentauser{
		width:90%;
		height:80px;
		
		
	}
	
	.eliminarrguser{
		float:right;
		width:300px;
		height:30px;
		background-color:#ce5a73;
		margin-top:50px;
		margin-bottom:30px;
		color:white;
		padding:5px;
		
	}
	
	.noexisteuser{
		width:400px;
		height:30px;
		background-color:#7fa0b1;
		float:right;
		margin-bottom:30px;
		color:white;
		padding:5px;

	}
	
	
	.cambiodeclaveerroruser{
		width:400px;
		height:30px;
		/*background-color:#7fa0b1;*/
		background-color:red;
		float:right;
		margin-bottom:30px;
		color:white;

	}
	
	.busquedausererror{
		width:400px;
		height:30px;
		/*background-color:#7fa0b1;*/
		background-color:red;
		float:left;
		margin-bottom:30px;
		color:white;

	}
/* --------------------------------------------------------------- BASE DE DATOS EMPRESAS USER ----------------------------------------- */

.margenuserbdempresas{
	
width:85%;
margin-left:7.5%;
margin-right:7.5%;
	
}


.tablaempresasuser{
width:90%;
margin-left:5%;
 box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);


}



	
.enunciadostablauserempresa{
	background-color:#4BB6CB;
	border:1px;
	border:solid;

}

.enunciadostablauserempresa th{
	padding:10px;
}



.cuadrostablauserempresa{
background-color:#E8F2F4;
border:1px;
border-style: solid;
  border-color: black;

}

.cuadrostablauserempresa2{
background-color:#E8F2F4;
border:1px;
border-style: solid;
  border-color: black;

}

.boxtextuser{
	width:90px;
	
}

.btnagregaruser{
	cursor:hand;
	width:15px;
	height:15px;
	float:center;
	background-color:gray;
	border-radius:15px;
	color:gray;
	
	
	
}


.btnveruser{
	
	cursor:hand;
	width:15px;
	height:15px;
	float:center;
	background-color:green;
	border-radius:15px;
	color:green;
	
	
}


.pdficonuser{
	cursor:hand;
	width:37px;
	height:20px;
	
	float:center;	
}

.btnpendienteuser{
	
	width:37px;
	height:20px;
	float:center;
	
	
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::: PARA MOVILES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

@media (max-width: 800px) {
	
	
.barbusqueda{
	background-color:#1e247a;
	width:90%;
	margin-left:5%;
	height:250px;
	
}


.crearbdemp{
	color:black;
	font-weight: bold;
	height:18px;
	width:38px;
	border-radius:2px;
	float:center;
	background-color:#418ab7;
	cursor: hand;
	
}

.tablabusquedaemp{
	color:white;
	float:center;
	margin-left:10%;
}

.tablabusquedaemp input{
	width:70px;
	height:25px;
	
}


.tablabusquedaemp th{
	width:40px;
	height:20px;
	font-size: 11px;
	
}

.tablabusquedaemp tr{
	width:450px;
	height:30px;
	float:center;
	
}



	
	
		.cardemp{
		/**background-color:#1e247a;**/
	/*background-color:#418ab7;*/
	width:400px;
	height:600px;
	float:center;
	margin-left:12.5%;
    border-radius:3px;
	margin-top:75px;
	
}
	
	
	.div3cardemp{
	width:330px;
	float:left;
	height:170px;
	padding:15px;
}
	
	


.div1cardemp{
	width:330px;
	float:left;
	height:200px;
	padding:15px;
}

.div2cardemp{
	width:330px;
	height:170px;
	float:left;
	padding:15px;
}
	
	
}

/**** :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ARCHIVOS EMPRESAS USER :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: **/ 


.scfechasuser{
	width:400px;
	float:center;
	margin:0 auto;
	padding:25px;
	height:200px;
	margin-top:50px;
}

.divcamposdocuser{
	width:100%;
	height:500px;
	
}

.fechadivuser{
padding:0px;	
width:100%;
height:300px;
	margin-bottom:25px;
	
	
}


.tbdcuser{
	box-shadow: 1px 3px 3px 3px rgba(0, 0, 0, 0.2);
	width:450px;
	padding:15px;
	border-radius:2px;
	
	
}

.sc1documentosuser{
	margin:auto;
	float:left;
	width:450px;
	height:300px;
	margin-top:30px;
	padding:25px;
	margin-left:20%;
}


.sc2documentosuser{
	margin:auto;
	float:right;
	width:450px;
	height:300px;
	margin-top:30px;
	padding:25px;
	margin-right:20%;
}

.btnvolveruser{
	margin:auto;
	height:100px;
	padding:25px;

	
}