@charset "UTF-8";
/* CSS Document */

BODY {
	margin:0 0 0 0;
}
.maincontainer {
    width: 100%;
    height: 100vh;
    background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.loginbox {
	width:90%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:3%;
	margin-right:3%;
	margin-top:20%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:2%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:27px;
	color:#fff;
	text-align:center;
}
.loginitem {
	width:98%;
	margin-bottom:3%;
	margin-top:3%;
}
.cajagris {
	width:94%;
	height:auto;
	border:#fff 0px solid;
	border-radius:0px;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	text-align:center;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
	margin-top:3%;
}
.botoningresocaja {
	width:45%;
	height:auto;
	float:left;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	padding:0%;
	margin-left:0%;
	margin-right:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	margin-left:0%;
	margin-right:0%;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	margin-left:0%;
	margin-right:0%;
	border-radius:5px;
}
.disclaimer {
	width:94%;
	margin-left:3%;
	margin-right:3%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:88%;
	padding:2%;
	margin-left:4%;
	margin-right:4%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}
.clear {
	clear:both;
}

@media screen and (min-width: 480px)
{

    .maincontainer {
        width: 100%;
        height: 100vh;
        background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
.loginbox {
	width:86%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:25%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:2%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#fff;
}
.loginitem {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
}
.cajagris {
	width:94%;
	height:auto;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
}
.botoningresocaja {
	width:25%;
	height:auto;
	float:left;
	border-radius:5px;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	padding:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.disclaimer {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:88%;
	padding:2%;
	margin-left:4%;
	margin-right:4%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}

}

@media screen and (min-width: 767px)
{

    .maincontainer {
        width: 100%;
        height: 100vh;
        background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
.loginbox {
	width:65%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:15%;
	margin-right:15%;
	margin-top:20%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:2%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#fff;
}
.loginitem {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
}
.cajagris {
	width:94%;
	height:auto;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
}
.botoningresocaja {
	width:25%;
	height:auto;
	float:left;
	border-radius:5px;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	padding:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.disclaimer {
	width:70%;
	margin-left:15%;
	margin-right:15%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:56%;
	padding:2%;
	margin-left:20%;
	margin-right:20%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}
	
}

@media screen and (min-width: 950px)
{

    .maincontainer {
        width: 100%;
        height: 100vh;
        background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
.loginbox {
	width:55%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:20%;
	margin-right:20%;
	margin-top:20%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:2%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#fff;
}
.loginitem {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
	border-radius:5px;
}
.cajagris {
	width:94%;
	height:auto;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
}
.botoningresocaja {
	width:25%;
	height:auto;
	float:left;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	padding:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.disclaimer {
	width:60%;
	margin-left:20%;
	margin-right:20%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:56%;
	padding:2%;
	margin-left:20%;
	margin-right:20%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}

	
}

@media screen and (min-width: 1099px)
{

    .maincontainer {
        width: 100%;
        height: 100vh;
        background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
.loginbox {
	width:40%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:25%;
	margin-right:25%;
	margin-top:20%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:2%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#fff;
}
.loginitem {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
	border-radius:5px;
}
.cajagris {
	width:94%;
	height:autp;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
}
.botoningresocaja {
	width:25%;
	height:auto;
	float:left;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	padding:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.disclaimer {
	width:35%;
	margin-left:30%;
	margin-right:30%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:46%;
	padding:2%;
	margin-left:25%;
	margin-right:25%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}
	
}

@media screen and (min-width: 1280px)
{

    .maincontainer {
        width: 100%;
        height: 100vh;
        background-image: url(../../images/inicioNovoNordisk/novonordisk_background.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
.loginbox {
	width:38%;
	height:auto;
	background-color:#021c63;
	border:#033478 1px solid;
	border-radius:0px;
	float:left;
	margin-left:30%;
	margin-right:30%;
	margin-top:10%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:1%;
	border-radius:5px;
}
.logintitle {
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:45px;
	color:#fff;
}
.loginitem {
	width:100%;
	margin-bottom:3%;
	margin-top:3%;
}
.cajagris {
	width:94%;
	height:5%;
	border:#fff 0px solid;
	border-radius:0px;
	background-color:#7accbc;
	border:#fff 0px solid;
	border-radius:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#3f746a;
	padding:3%;
	border-radius:5px;
}
.logoNovo {
	width:100%;
	height:auto;
	float:left;
	margin-top:5%;
}
.botoningresocaja {
	width:25%;
	height:auto;
	float:left;
}
.botoningreso {
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	padding:0%;
	border:none;
	border-radius:0px;
	text-align:center;
	display:block;
	border-radius:5px;
}
.botoningreso a{
	width:auto;
	height:auto;
	background-color:#30918b;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.botoningreso a:hover{
	width:auto;
	height:auto;
	background-color:#abd3d0;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-decoration:none;
	padding:8%;
	display:block;
	border:none;
	border-radius:0px;
	text-align:center;
	border-radius:5px;
}
.disclaimer {
	width:40%;
	margin-left:30%;
	margin-right:30%;
	margin-top:20px;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}
.bannerignition {
	width:36%;
	padding:2%;
	margin-left:30%;
	margin-right:30%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:19px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:2%;
	float:left;
}
.bannerignition {
	width:36%;
	padding:2%;
	margin-left:30%;
	margin-right:30%;
	background-color:#F90;
	font-family: 'Open Sans', sans-serif;
	font-size:17px;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
	border-radius:7px;
	border:#fff 1px solid;
	margin-top:5%;
	float:left;
}
	
}