@charset "UTF-8";

body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #666666;
	font-size: 0.9em;
}

section{
	width: 100%;
	height: 100%;
}

#contenido-login{
	position: relative;
	width: 100%;
}

#contenido-logo-ameli-marcador{
	position: relative;
	width: 100%;
	height: 100px;
	margin-bottom: 15px;
}

#logo-ameli-marcador{
	width: 100%;
	height: 70%;
	position: absolute;
	/*background-image: url("/resources/img/imgLogin/marcador-xml.png");*/
	background-image: url("/resources/img/imgLogin/AmeliCA-XML-esp.png");
	background-repeat: no-repeat;
	/*background-size: contain;*/
	background-position: center;
	top: calc(50% - 35px);
}

.contenedor-elementos{
	width: 100%;
	height: auto;
	position: relative;
}

#formulario-login > form{
	width: 80%;
	margin: 0 auto;
}

input{
	/*background-color: #CCCCCC !important;*/
	font-size: 1.3em;
}

.ui-state-default, .ui-state-hover{
	background-color: #CCCCCC;
}

.ui-state-error{
	background-color: #ea755e;
}

/*.ui-growl-message > p{
	display: none;
}*/

#loginButton{
	background-image: linear-gradient(to right, rgba(0, 114, 255, 1), rgba(0, 200, 255, 1));
}

input{
	width: 100%;
	height: 40px;
}

input, button{
	margin-bottom: 25px !important;
	text-align: center;
	color: #ffffff !important;
	font-size: 1em !important;
}

button{
	width: 102%;
	height: 48px;
}

.texto-informacion{
	width: 80%;
	margin: 0 auto;
	text-align: justify;
}

h1{
	text-align: center;
	font-size: 2em;
}

#marcas-jats{
	width: 80%;
	margin: 0 auto;
	display: flex;
	padding-bottom: 20px;
}

.marca{
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.centrar{
	text-align: center;
}

a:link{
	color: #0072FF;
	text-decoration: none;
}

span a{
	font-size: 0.8em;
}

#texto-descripcion p{
	font-size: 0.8em;
}

.mascaraAjax{
	border: none !important;
	padding: 15px !important;
	background: #f2f2f2 !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	opacity: .7 !important;
	color: #fff !important;
	font-size: 20px !important;
	left: calc(50% - 25px)!important;
    top: calc(50% - 25px)!important;
}

/**********************MEDIA QUERIES***************************/

/*Desktop HD*/
@media only screen and (min-width: 1200px) {
	#contenido-login/*, #contenido-header-nav*/{
		max-width: 1100px;
		margin: 0 auto;
	}
	
	#formulario-login{
		width: 35% !important;
	}
	
	#descripcion-ameli{
		width: 60% !important;
	}
	
	#contacto-ameli{
		width: 35% !important;
	}
}

/*Desktop*/
@media only screen and (min-width: 769px) and (max-width: 1199px) {
	#formulario-login{
		width: 40% !important;
	}
	
	#descripcion-ameli{
		width: 60% !important;
	}
	
	#contacto-ameli{
		width: 40% !important;
	}
}

/*Tablet - Desktop*/
@media only screen and (min-width: 641px) {
/*@media only screen and (min-width: 641px) and (max-width: 768px) {*/
	#formulario-login{
		width: 50%;
		float: right;
		padding-top: 10px;
	}
	
	#descripcion-ameli{
		width: 50%;
		float: left;
		padding-bottom: 55px;
	}
	
	#texto-descripcion{
		width: 95%;
		margin-right: 0px;
	}
	
	#contacto-ameli{
		float: right;
		width: 50%;
	}
	
	#correo-ameli{
		width: 100%;
	}
	
	#contenido-logo-ameli-marcador{
		margin-bottom: 0;
	}
	
	#contenido-marcas-jats{
		clear: both;
	}
}

/*Tablet*/
@media only screen and (min-width: 641px) and (max-width: 768px) {
	
}

/*Fablet*/
@media only screen and (min-width: 481px) and (max-width: 640px) {
	
}

/*Mobile*/
@media only screen and (max-width: 480px) {
	#correo-ameli{
		width: 100%;
	}
}