@media screen and (max-width: 1024px) {
	body {
		padding: 0;
		margin: 0;
	}

	.ordenador{	
		-webkit-background-size: 600px 312px;
		-moz-background-size: 600px 312px;
		-o-background-size: 600px 312px;
		background-size: 600px 312px;
	}

	.video{
		margin-top: 45px;
		width: 350px;
		height: 180px;
	}

	form h2{	
		font-size: 31px;
		font-size: 3.1rem;
		line-height: 28px;
		line-height: 2.8rem;
	}
	
	form .button {
		font-size: 21px;
		font-size: 2.1rem;
		width: 110px;
		-webkit-background-size: 10px 15px;
		-moz-background-size: 10px 15px;
		-o-background-size: 10px 15px;
		background-size: 10px 15px;
	}

	#description{
		background: none;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}

	#control{
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top no-repeat;
		padding: 0px 0px 0px 100px;
	}

	#pruebas{		
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top;
		padding: 0px 0px 0px 100px;
	}
	
	#calendario{		
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top;
		padding: 0px 0px 0px 100px;
	}
	
	#estadisticas{		
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top;
		padding: 0px 0px 0px 100px;
	}
	
	#diagnostico{	
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top;
		padding: 0px 0px 0px 100px;
	}
	
	#description .contacta{
		margin-left: 100px;
		margin-top: 100px;
		background-position: left top;
		padding: 20px 0px 0px 100px;
		height: 100px;
	}	
}

@media screen and (max-width: 767px) {
	body {
		background: #006A97;
		position:relative;
	}
	
	header {	
		height: 450px;
	}
	
	.titular{
		display: none;
	}

	.ordenador{
		display: none;
	}
	
	.video{		
		display: none;
	}

	.login{
		background: none;
		width: 100%;
		background: url('../img/img_logo.png') top center no-repeat;
		padding-top: 180px;
		margin-top: 20px;			
	}

	form{
		background: none;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}	

	form h2{		
		display: none;
	}

	form .button {
		color:white;
		font-size: 40px;
		font-size: 4.0rem;
		width: 100%;
		background: none;
	}

	#description{
		background: none;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#description .title{
		font-size:21px;
		font-size:2.1rem;
		line-height: 24px;
		line-height: 2.4rem;
	}
	
	#description .subtitle{
		font-size:14px;
		font-size:1.4rem;
		line-height: 16px;
		line-height: 1.6rem;
	}

	#more{
		font-size: 32px;
		font-size: 3.2rem;
		margin: 0;
	}

	#control{
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 60px;
		width: 80%;	
		-webkit-background-size: 41px 44px;
		-moz-background-size: 41px 44px;
		-o-background-size: 41px 44px;
		background-size: 41px 44px;
	}

	#pruebas{		
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 60px;
		width: 80%;	
		-webkit-background-size: 41px 44px;
		-moz-background-size: 41px 44px;
		-o-background-size: 41px 44px;
		background-size: 41px 44px;
	}
	
	#calendario{		
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 60px;
		width: 80%;	
		-webkit-background-size: 41px 44px;
		-moz-background-size: 41px 44px;
		-o-background-size: 41px 44px;
		background-size: 41px 44px;
	}
	
	#estadisticas{		
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 60px;
		width: 80%;	
		-webkit-background-size: 44px 44px;
		-moz-background-size: 44px 44px;
		-o-background-size: 44px 44px;
		background-size: 44px 44px;
	}
	
	#diagnostico{	
		margin: 60px 0px 0px 0px;
		padding: 0px 0px 0px 60px;
		width: 80%;	
		-webkit-background-size: 44px 44px;
		-moz-background-size: 44px 44px;
		-o-background-size: 44px 44px;
		background-size: 44px 44px;
	}
	
	#description .contacta{
		margin: 60px auto 0px auto;
		padding: 60px 0px 0px 0px;
		width: 80%;
		-webkit-background-size: 41px 44px;
		-moz-background-size: 41px 44px;
		-o-background-size: 41px 44px;
		background-size: 41px 44px;
		font-size: 26px;
		font-size: 2.6rem;
		text-align: center;
		background-position: top center;
	}
}