@import "font-awesome.css";
@import "colors-style.css";
@import "owl.carousel.css";
@import "jquery.fancybox-1.3.4.css";

@font-face {
    font-family: 'cuerpo';
    src: url('HelveticaNeueLTStd-Roman.eot');  /* For IE 6+ */
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'cuerpo';
 src: url("HelveticaNeueLTStd-Roman.ttf")
}

body {
	top:0;
	lefT:0;
	right:0;
	bottom:0;
	margin:0;
	overflow:hidden;	
}

.fondologin {
	width:100%;
	height:100%;
	background-image: url("../images/fondologin.jpg");
  	background-size: cover;
  	color:#999;
  	font-family:'cuerpo';
  	font-size:28px;
}

.textodireccion {
	position:absolute;
	bottom:130px;
	/*left:100px;*/
	width:100%;
	text-align:center;
	color:#333;
}

.textodireccion p {
	line-height:10px;
}

.textodisculpa {
	/*background-color:#FFF;*/
	padding:10px;
	position:absolute;
	width:100%;
	bottom:50px;
	text-align:center;
	color:#333;
}

@media only screen and (max-width: 1400px){
	
}

@media only screen and (max-width: 1000px){
	.textodireccion {
		font-size:25px;
	}
	
	.textodisculpa {
		font-size:25px;
	}	
}


@media only screen and (max-width: 800px){
	.textodireccion {
		font-size:21px;
		bottom:80px;
	}
	
	.textodisculpa {
		font-size:21px;
		bottom:20px;
	}	
}


@media only screen and (max-width: 650px){
	.fondologin {
		background-image: url("../images/periodontos_logo.png");
	  	background-size: 95% auto;
	  	background-repeat:no-repeat;
	}
	
	.textodireccion {
		font-size:19px;
		padding:5px;
		color:#999;
	}
	
	.textodisculpa {
		font-size:19px;
		padding:5px;
		color:#999;
	}	
}

@media only screen and (max-height: 350px){
	.fondologin {
		background-image: url("../images/periodontos_logo.png");
	  	background-size: 85% auto;
	  	background-repeat:no-repeat;
	}
	.textodireccion {
		font-size:19px;
		width:50%;
		left:auto;
		right:10px;
		bottom:auto;
		top:105px;
	}
	.textodireccion p {
		line-height:22px;
	}
	
	.textodisculpa {
		font-size:19px;
		padding:5px;
		color:#999;
	}	
}

@media only screen and (max-width: 550px){
	
	.textodireccion {
		width:90%;
		font-size:15px;
		padding:15px;
		bottom:auto;
		top:155px;
		color:#999;
		
	}
	.textodireccion p {
		line-height:18px;
	}
	
	.textodisculpa {
		width:90%;
		font-size:15px;
		padding:15px;
		line-height:18px;
		bottom:auto;
		top:285px;
		color:#999;
	}	
}