/*
azul #004677
celeste #159adf
font-family: 'Open Sans', sans-serif;
fondo #faf8fa;
*/
body{
	margin:0px; padding:0px;
	font-size:16px;	
	font-family: 'Roboto', sans-serif;
}
footer{
	padding:0.5em;
	text-align:center;
	font-size:0.8em;
	color:#ffffff;
	background: linear-gradient(20deg, #367BD9,#3C6AAE);
    -o-background: linear-gradient(20deg, #367BD9,#3C6AAE);
    -webkit-background: linear-gradient(20deg, #367BD9,#3C6AAE);
    -moz-background: linear-gradient(20deg, #367BD9,#3C6AAE);
	overflow:hidden;
}
.f-info{
	text-align:center;	
}
.f-redes{
	margin-bottom:0px;
	text-align:center;
	padding-top:0.3em;	
}
.f-redes a{
	border-radius: 10px 0 10px 10px;
    border: solid 1px rgba(0,0,0,0.1);
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #3C6AAE;	
}
.f-redes a:hover{
	color:#fff;
	cursor:pointer;
	background: #DD465C;
}
header{
	height:70px;
	background: linear-gradient(rgba(60,106,174,0.85),rgba(54,123,217,0.05));
    -o-background: linear-gradient(rgba(60,106,174,0.85),rgba(54,123,217,0.05));
    -webkit-background: linear-gradient(rgba(60,106,174,0.85),rgba(54,123,217,0.05));
    -moz-background: linear-gradient(rgba(60,106,174,0.85),rgba(54,123,217,0.05));
}
p{
	text-align:justify;
}
.msj{
	font-size:0.8em;
	text-align:center;
}
input[type="text"],input[type="password"]{
	text-align:center;
	font-size:18px;
}
.contenedor{
	padding-left:20px;
	padding-right:20px;
}
.btn-primary {
    color: #fff;
    background: linear-gradient(15deg,#367BD9,#3C6AAE);
    -o-background: linear-gradient(15deg,#367BD9,#3C6AAE);
    -webkit-background: linear-gradient(15deg,#367BD9,#3C6AAE);
    -moz-background: linear-gradient(15deg,#367BD9,#3C6AAE);
	border-radius: 50px;
    border-color: #3C6AAE;
}
/************************************************/
/************************************************/
@media(min-width:480px){/*tablet*/
	.contenedor{
		padding-left:80px;
		padding-right:80px;
	}
}
/************************************************/
/************************************************/
@media(min-width:768px){/*NOTEBOOK*/
	.contenedor{
		padding-left:200px;
		padding-right:200px;
	}
	footer{
		padding-left:1.5em;
		padding-right:1.5em;
		position:fixed;
		bottom:0px;
		width:100%;
	}
	.f-redes{
		float:right;
		margin-bottom:0px;	
	}
	.f-info{
		float:left;	
		margin-bottom:0px;
		padding-top:0.5em;
	}
}
/************************************************/
/************************************************/
@media(min-width:1024px){/*PC*/
	.contenedor{
		padding-left:350px;
		padding-right:350px;
	}
}