html, body {
    height:100%;
}
body{
 	background-color: #1C2B3B !important;
}
@font-face {
    font-family: "EurostileLTS";
    src: url("/javax.faces.resource/main/css/fonts/EurostileLTStd-Demi.otf.xhtml");
}
@font-face {
	font-family: 'Eurostile LT Std Demi Oblique';
	font-style: normal;
	font-weight: normal;
	src: url("/javax.faces.resource/main/css/fonts/Eurostile-LT-Std-Demi-Oblique_16309.woff.xhtml") format('woff');
}

.inicioCompany{
	color: white !important;
    display: block;
    text-align: center;
	font-size: 1.2em;
}

#panelTitulo{
	text-align: center;
}

#loginErrorMessage{
	color: #F7DA64;
	text-align: center;
	font-size: 1.3em !important;
    font-family: EurostileLTS;
}


.inputInicio{
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 30px #1c2b3b inset !important;
    box-shadow: 0 0 0 30px #1c2b3b inset !important;
    color: white !important;
    border-radius: 8px !important;
    border: solid 2px #7db9d2 !important;
}

.inputInicio:focus{
	color:white !important;
}

input.inputInicio:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; 
    -webkit-text-fill-color: white;
}
input.inputInicio:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: white;
}

.container {
 	background-color: transparent;
	margin-top: 0px !important;
    width: 100% !important;
	margin-right: 0px !important; 
	margin-left: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important; 
}

.imagen {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.titleInicio {
	width: auto;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.login .boton {
    padding: 5px 15px;
    background-color: #7db9d2 !important;
    color: white !important;
    font-weight: bold;
    font-family: EurostileLTS;
    border: 0 none;
    cursor: pointer;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

@media (min-width: 200px) and (max-width: 479px){
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/cun/inicio-header-4.png.xhtml");
	    background-position: center top;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.inicio-imagen {
		width: auto;
		height: 100%;
	}
	
	.imagenTitulo{
		height: 20px;
		display:inline-block;
	}

	.imagenTitulo img{
		max-width: 100%;
		max-height: 100%;
	}

	.inicioTitulo{
		display: inline-block;
		color: white;
		font-family: EurostileLTS;
		font-size: 3.5em;
		vertical-align: middle;
		font-weight: 600;
		margin: 0 15px;
		
	}

	.labelInicio{
		float: right;
		line-height: 32px;
		font-family: EurostileLTS;
		font-size: 1.5em;
		color:#7db9d2;
	}

	.botonSubmitInicio{
	    width: 100%;
	    height: 33px;
	    padding: 5px 15px;
	    background-color: #7db9d2;
	    color: white;
	    border: 0 none;
	    font-size: 1.2em;
	    font-weight: 700;
	    cursor: pointer;
	    font-weight: bold;
	    font-family: EurostileLTS;
	    border-radius: 5px;
	}

	.gridInputs div.col-sm-1{
    	margin: 33px 0 0 0;
	}

	.isotipos1 {
		display:none !important;
	}

	.isotipos2 {
		display:none !important;
	}

	.biuLogo{
	    width: 35vw;
	    height: auto;
	    margin: 0px 32%;
	}

}

@media (min-width: 480px) and (max-width: 767px){
	
	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/cun/inicio-header-3.png.xhtml");
	    background-position: center top;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.imagenTitulo{
	height: 20px;
	display:inline-block;
	}

	.imagenTitulo img{
		max-width: 100%;
		max-height: 100%;
	}

	.inicioTitulo{
		display: inline-block;
		color: white;
		font-family: EurostileLTS;
		font-size: 3.5em;
		vertical-align: middle;
		font-weight: 600;
		margin: 0 15px;
		
	}

	.labelInicio{
		float: right;
		line-height: 32px;
		font-family: EurostileLTS;
		font-size: 1.5em;
		color:#7db9d2;
	}

	.botonSubmitInicio{
		width: 100%;
		height: 33px;
		padding: 5px 15px;
		background-color: #7db9d2;
		color: white;
		border: 0 none;
		font-size: 1.2em;
		font-weight: 700;
		cursor: pointer;
		font-weight: bold;
		font-family: EurostileLTS;
		border-radius: 5px;
	}

	.gridInputs div.col-sm-1{
		margin: 33px 0 0 0;
	}

	.isotipos1 {
		display:none !important;
	}

	.isotipos2 {
		display:none !important;
	}

	.biuLogo{
	    width: 35vw;
	    height: auto;
	    margin: 0px 34%;
	}
}

@media (min-width: 768px) and (max-width: 992px) {

	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/cun/inicio-header-2.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.imagenTitulo{
	height: 20px;
	display:inline-block;
	}

	.imagenTitulo img{
		max-width: 100%;
		max-height: 100%;
	}

	.inicioTitulo{
		display: inline-block;
		color: white;
		font-family: EurostileLTS;
		font-size: 3.5em;
		vertical-align: middle;
		font-weight: 600;
		margin: 0 15px;
		
	}

	.labelInicio{
		float: right;
		line-height: 32px;
		font-family: EurostileLTS;
		font-size: 1.5em;
		color:#7db9d2;
	}

	.botonSubmitInicio{
		width: 94%;
		height: 33px;
		padding: 5px 15px;
		background-color: #7db9d2;
		color: white;
		border: 0 none;
		font-size: 1.2em;
		font-weight: 700;
		cursor: pointer;
		font-weight: bold;
		font-family: EurostileLTS;
		border-radius: 5px;
	}

	.gridInputs div.col-sm-1{
		padding: 0;
		margin: 0 0 0 -12px;
	}

	body {
	    background-image: url(/lmsCUN/javax.faces.resource/main/images/cun/isotipo-blanco.png.xhtml),
	 	url(/lmsCUN/javax.faces.resource/main/images/cun/isotipo-blanco.png.xhtml),
	 	url(/lmsCUN/javax.faces.resource/main/images/cun/logo.png.xhtml);
	    background-position: 1%83%,99% 55%,99.5% 82%;
	    background-repeat: no-repeat, no-repeat;
	    -webkit-background-size: 8%,8%,10%;
	    -moz-background-size: 8%,8%,10%;
	    -o-background-size: 8%,8%,10%;
	    background-size: 8%,8%,28%;
	    background-blend-mode: soft-light,soft-light,lighten;
	}

	.biuLogo{
		display:none;
	}
}

@media (min-width: 992px) {

	.header {
		min-height: 320px;
		background-image: url("/javax.faces.resource/main/images/cun/inicio-header.png.xhtml");
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.imagenTitulo{
	height: 20px;
	display:inline-block;
	}

	.imagenTitulo img{
		max-width: 100%;
		max-height: 100%;
	}

	.inicioTitulo{
		display: inline-block;
		color: white;
		font-family: EurostileLTS;
		font-size: 3.5em;
		vertical-align: middle;
		font-weight: 600;
		margin: 0 15px;
		
	}

	.labelInicio{
		float: right;
		line-height: 32px;
		font-family: EurostileLTS;
		font-size: 1.5em;
		color:#7db9d2;
	}

	.botonSubmitInicio{
		width: 94%;
		height: 33px;
		padding: 5px 15px;
		background-color: #7db9d2;
		color: white;
		border: 0 none;
		font-size: 1.2em;
		font-weight: 700;
		cursor: pointer;
		font-weight: bold;
		font-family: EurostileLTS;
		border-radius: 5px;
	}

	.gridInputs div.col-sm-1{
		padding: 0;
		margin: 0 0 0 -12px;
	}

	body {
	    background-image: url(/lmsCUN/javax.faces.resource/main/images/cun/isotipo-blanco.png.xhtml),
	 	url(/lmsCUN/javax.faces.resource/main/images/cun/isotipo-blanco.png.xhtml),
	 	url(/lmsCUN/javax.faces.resource/main/images/cun/logo.png.xhtml);
	    background-position: 1%83%,99% 55%,99.5% 82%;
	    background-repeat: no-repeat, no-repeat;
	    -webkit-background-size: 8%,8%,10%;
	    -moz-background-size: 8%,8%,10%;
	    -o-background-size: 8%,8%,10%;
	    background-size: 8%,8%,28%;
	    background-blend-mode: soft-light,soft-light,lighten;
	}

	.biuLogo{
		display:none;
	}
}