/*
morado #8047AE
celeste #7CCBD8
rosado #FFC69B
font-family: 'Open Sans', sans-serif;
fondo #faf8fa;
*/
body{
	margin:0px; padding:0px;
	font-size:18px;	
	font-family: 'Roboto', sans-serif;
}
footer{
	padding:10px;
	text-align:center;
	font-size:0.9em;
	color:#ffffff;
	background: #8047AE;
	overflow:hidden;
}
header{
	height:70px;
	background: #8047AE;
}
.f-info{
	text-align:center;	
	margin-bottom: 0rem;
}
.f-redes{
	margin-bottom:0px;
	text-align:center;
	padding-top:5px;	
}
.f-redes a{
	border-radius: 10px 0 10px 10px;
    border: solid 1px #8047AE;
    box-sizing: border-box;
    color: #8047AE;
    display: inline-block;
    text-align: center;
    background: #fff;	
}
.f-redes a:hover{
	color:#7CCBD8;
	border: solid 1px #7CCBD8;
	cursor:pointer;
	background: #fff;
}
p{
	text-align:justify;
}
.msj{
	font-size:0.8em;
	text-align:center;
}
input[type="text"],input[type="password"]{
	text-align:center;
	font-size:1.2em;
}
.contenedor{
	padding-left:20px;
	padding-right:20px;
}
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background: #8047AE;
	border-radius: 50px;
    border-color: #8047AE;
	font-size: 1.2em;
}
.input-group {
    margin-bottom: 15px;
}
/************************************************/
/************************************************/
@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;
	}
}
/************************************************/
/************************************************/
@media(min-width:1024px){/*PC*/
	.contenedor{
		padding-left:350px;
		padding-right:350px;
	}
}