@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;
    background-color: #F1F4F8; 
}

header {
    text-align:center;
    margin-bottom:0px;
    padding:0px;
    margin-top:30px;
}

#bandaMain {
    width: 100%; 
    
    padding:0px; 
    text-align:center;
    margin-top:0px;
}


#bandaLogin .contenedor {
    justify-content:center;
    display:flex;
    flex-wrap:wrap;
}

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

.fondoGris {
    background-color:rgba(213,216,221,0.5);
}

.fondoNegro {
  background-color: rgba(50,55,62,0.9);
  color:white;
}

article {
    /*max-width:500px;*/
    vertical-align:middle;
    text-align:left;
}

.loginCampos {
    max-width:400px;
    padding:20px;
}

footer
{
	width:100%;
}

footer .contenedor {
    border-top-style:solid;
	border-top-color:#6F4886;
	border-top-width:1px;
	text-align:center;
    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:24px;
    font-weight:200;
    color:#589F0B;
    color:white;
    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){

  
.contenedor {
  width:98%;
}

    article {
        max-width: 500px;
    }

}

    @media (min-width:1000px) {


        .contenedor {
            width: 98%;
        }

        article {
            max-width: 550px;
        }
    }

@media (min-width:1300px) {

.contenedor {
    width:1000px;
}

}

@media (min-width:1600px) {

.contenedor {
    width:1200px;
}

}