@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway');
@import url('https://fonts.googleapis.com/css?family=Thasadith');

body {
    font-family: 'Open Sans', sans-serif;
    color:gray;
    line-height:1.7;
    font-size:15px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#bandaMain {
    width: 100%; 
    background-color: #F1F4F8; 
    padding:20px; 
    text-align:center;
}

.contenedor {
    margin-left:auto; 
    margin-right:auto; 
    background-color:white; 
    padding:20px;
    width:98%;
}

#phooterResponsive
{
	width:98%;
	border-top-style:solid;
	border-top-color:#6F4886;
	border-top-width:1px;
	text-align:center;
    padding-top:5px;
    padding-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    text-align:center;
    font-size:12px;
}

p {
 padding:5px;
 align-content:space-between;
}

.botonLogin
{
	padding:5px;
	background-color:#FB6F52;
	background-color:#863375;
	background-color:#6F4886;
	font-weight:bold;
	color:White;
	border:solid 1px Gray;
	
	-webkit-appearance:none;
    border-radius: 0;
    /* -webkit-border-radius: 0; */ 

	
	}		
	
.botonLogin:hover
{
	padding:5px;
	background-color:Black;
	font-weight:bold;
	color:White;
	cursor:pointer;
	border:solid 1px Black;
	
	-webkit-appearance:none;
    border-radius: 0;
	}

.subtitulo {
    border-bottom:solid 0px #589F0B;
    font-family: 'Thasadith', sans-serif;
    font-size:30px;
    font-weight:200;
    color:#589F0B;
    line-height:1;
    padding-bottom:20px;
}

.slogan {
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 20px;
    font-variant:normal;
    font-style:italic;
    font-weight: 300;
    color: green;
}

INPUT {
    padding:10px;
}

        
@media (min-width:800px){

  
#bandaMain .contenedor {
    width:600px;
}

}

@media (min-width:1300px) {

#bandaMain .contenedor {
    width:600px;
}

}

@media (min-width:1600px) {

#bandaMain .contenedor {
    width:600px;
}

}