*{
		margin:0;
		padding:0;
		box-sizing:  border-box;
		font-family:Arial, Helvetica, sans-serif;
	}	
	
	body{
		background:#929193;
	}
	
	.container_empresa {
		margin:auto;
		padding:5px;
		border:0px solid #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		background-color:#ffffff  ; 
	}
	
	p{
		margin-left:40px;
		text-align:left;
	}

	.container_nombresistema {
		border:0px solid #FFFFFF;
		padding:80px;
		margin:auto;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		background:#929193; 
		color:#000000 ;
	}
	
	
	.div_contenedor{
		margin:auto;
		width:98%;
		max-width:1300px;
		z-index:1000;
		height:auto; 
		margin-top:15px;
		background:#929193;    /*#929193;*/
	}
	
	.marco {
		margin:auto;
		width:35%;
		padding:15px;
		border:1px solid #0066CC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		text-align:center;
		border: 1px solid var(--color-letter);
		/*border-radius: 4px;*/
		border-radius: 10px 10px 0 0px;
		background:#2e69ab;
		color:#ffffff ;
		/*position: relative;*/
		/*top:2%;*/
	}
	
	.marcobienvenido{
		margin:auto;
		width:35%;
		padding:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		text-align:center;
		border-radius:0px;
		background-color:#008142;
		color:#ffffff ;
		position: relative;
		border: 1px solid var(--color-letter);
		top: 2%;
	}
	
	.container_form{
		margin:auto;
		width:35%;
		height:auto;
		/*height:68%;*/
		/*border: 1px solid #0066CC;*/
		border:1px solid #ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;		
		text-align:left;
		background-color:#ffffff ; 
	}
	
	.etiquetas{
		width:80%;
		margin-left:60px;
		margin-top:15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;	
		padding:3px;
		background-color:#ffffff; 
	}	
		
	.inputdatos
	{
		width:80%;
		margin-left:60px;
		margin-top:10px;
		outline: none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		padding:3px;
	}	
	
	
	.valoresarea {
		width:80%;
		margin-left:60px;
		padding:4px;
		outline: none;
		border: 1px solid #99A3A4 ;
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		margin-right: 0px;
		margin-top:5px;
		/*position: relative;*/
		
	}
	
	
	.inputdatos:focus{
	
		border:1px solid #85C1E9;
		box-shadow:0 0 6px #85C1E9 ;
	} 	
	
	.valoresarea:focus{
		border:1px solid #85C1E9;
		box-shadow:0 0 6px #85C1E9 ;
	}
	
	#vercontra{
		cursor:pointer;
		margin-left:-30px;
	}
	.cont-buton{
		background:#ffffff;
		text-align:center;
		margin:auto;
		width:35%;
		height:auto;
		padding-bottom:8px;
		/*border:1px solid #CCD1D1;*/
		border:1px solid #ffffff;
	}
	.buttoniniciar{
		display:inline-block;         
		text-align:center; 
		margin-top:6px;  		
		width:50%;                
		padding:10px;
		border:0;	
		border-radius:6px;            
		text-decoration:none;         
		cursor:pointer;               
		background:#1B4F72;           
		color:#ffffff;                
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin-bottom:6px;
		
		
	}
	
	
	#iniciarsesion:hover{
		color: #000000;
		background:#F1C40F;
		font-weight: bold;
	}
	
	/*===================================================================RESPONSE=============================*/
	
	@media screen and (max-width: 800px){
		
		
	.marco {
		width:98%;
		text-align:center;
		
	}
		
	.marcobienvenido{
		width:98%;
		text-align:center;
	}	
	
	.container_nombresistema {
		padding:40px;
	
	}
	
	.container_form{
		width: 98%;
		padding-bottom:5px;
	}
		
	.etiquetas{
		width: 80%;
		margin-left:35px;
	}	
		
	.inputdatos{
		width: 80%;
		margin-left:35px;
	}	
	
	.valoresarea {
		width: 80%;
		margin-left:35px;
	}

	.cont-buton{
		width:98%; 
		text-align:center;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
		padding-bottom:12px;
	}
}