/*{margin: 0;padding: 0;}*/

@import url('https://fonts.googleapis.com/css?family=Barlow');

body{
	background: #f5f5f5;
	font-family: Neo Sans, Calibri, Barlow, Arial;
	font-size: 14px;
	color: #3f4245;
	cursor:default;
	margin: 0px;
	height:100%;
	min-height:100%;
	
	/* Location of the image */
	  background-image: url('../images/lanzador.jpg');
	  
	  /* Background image is centered vertically and horizontally at all times */
	  background-position: center center;
	  
	  /* Background image doesn't tile */
	  background-repeat: no-repeat;
	  
	  /* Background image is fixed in the viewport so that it doesn't move when 
		 the content's height is greater than the image's height */
	  background-attachment: fixed;
	  
	  /* This is what makes the background image rescale based
		 on the container's size */
	  background-size: cover;
  
	}

html
{
	height:100%;
}

#login_container
{
	/*background: #555555;*/
	display: flex;   
    justify-content: space-around;
	align-items: center;
	flex-direction:column;
	height:100%;
	min-height:100%;
}

.logo{
	/*background: #550000;*/
	width:25%;
	position: absolute;
    top: 0;
}

.logo>img {
    max-width: 100%;
    border: 0px;
	
}


.tabla_login
{
	/*background: #000055;*/
	margin-top: 20%;
	width:25%;
	display: flex;
	align-items: center;
    justify-content: center;
}


.logo_azinsol{
	/*background: #005500;*/
	width:20%;
}

.logo_azinsol>img {
    max-width: 100%;
}


.letra_login
{
	font-family: Neo Sans, Calibri, Barlow, Arial; font-size:16px;color:#4f4f4f;text-decoration:none;font-weight:bold; text-align: left;
}

.textbox {
   border-radius: 5px;
   background-color:#ffffff;
   border: 1px solid #bfbfbf;
   font-size:14px;
   width:200px;
   height:25px;
 }

.select {
   border-radius: 5px;
   font-size:14px;
   background-color:#ffffff;
   border: 1px solid #bfbfbf;
   width:200px;
 }


#pie {
	font-family: Neo Sans, Calibri, Barlow, Arial;font-size:14px;text-decoration:none;font-weight:normal;
	/*background-color: #6c6c6c;*/
	text-align:right;	
	height: 25px;	
	vertical-align: middle;	
	padding-right: 30px;
	position: absolute;
    bottom: 0;
	right: 0;
}

/*Tamaño móvil*/
@media screen and (max-width: 1200px) and (orientation: portrait) {    	  
	
	
	body{
		
		background-image: url('../images/lanzador_movil.jpg');
		min-height:100%;
		}

	.logo{	
		width:70%;
		margin-top:0%;
	}
	
	.tabla_login
	{
		margin-top:35%;	
		margin-bottom:5%;		
	}
	
	.logo_azinsol {
		width:50%;
		margin-top:0%;
		position: absolute;
		bottom: 0;
		margin-bottom:5%;
	}
	
	.textbox {  
		width:240px;
		height:25px;
		font-size:18px;
	}
	 
	letra_login
	{
		font-size:18px;
	}

	.select {
	  
	   width:240px;
	 }
	 
	
	button.boton_ORVM {
		font-size:20px;		
	}
	

	#pie {
		font-family: Neo Sans, Calibri, Barlow, Arial;font-size:7px;text-decoration:none;font-weight:normal;
		/*background-color: #6c6c6c;*/
		text-align:right;	
		height: 10px;	
		vertical-align: middle;	
		padding-right: 12px;
		position: absolute;
		bottom: 0;
	}	
}

/*Tamaño móvil + Teclado*/
@media screen and (max-height: 500px) {    	
	
	/*html
	{
		height:700px;
	}*/
	.logo{	
		display:none;
	}

	.tabla_login
	{
		margin-top:15%;
	}

	.logo_azinsol {
		display:none;
	}
	
	#pie {
		display:none;
	}
}


/* iPad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation: portrait)  
{ 
    #pie {
		font-family: Neo Sans, Calibri, Barlow, Arial;font-size:12px;text-decoration:none;font-weight:normal;
		/*background-color: #6c6c6c;*/
		text-align:right;	
		height: 25px;	
		vertical-align: middle;	
		padding-right: 15px;
		position: absolute;
		bottom: 0;
	}	
}

span{cursor:pointer;}
a{cursor:pointer;}

textarea
{
  border:1px solid #bfbfbf;
  width:100%;
  height:100px;
  margin:5px 0;
  padding:3px;
}
textarea.textBoxMessage_movil
{
  border:1px solid #bfbfbf;
  width:100%;
  height:60px;
  margin:5px 0;
  padding:3px;
}


button.boton {
	/*overflow:visible;*/
	font-family: Neo Sans, Calibri, Barlow, Arial; font-size:16px;color:#ffffff;text-decoration:none;font-weight:bold;
	padding:10px;
	padding-right:14px;
	padding-left:14px;
	margin:1px;
	background-color:#524c4c;	
	cursor: pointer;
	/*-webkit-border-radius:0.75em;
	-moz-border-radius:0.75em;*/
	border-radius:0.5em;
	border:0px;
	text-align:center;
}

button.boton:hover {background:#00B2A9;}
table{border-collapse:collapse;empty-cells:show;font-size:14px;}