@import url("fonts.css?v=10");

.centro{
	text-align: center;
}
.error{
	color: red;
	font-weight: bold;
}

.full-width{
	width: 100%;
}

.formulario_vw{
	padding-bottom: 50px;
}

#message{
	text-align: center;
  padding: 100px 0px;
}
body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
  width: 12px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #555;
}

body{
  background: url('../img/background.jpg')no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'VWAGTheSans-Regular';
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
.title{
  background-color:#04435f;
  font-family: 'VWAGTheSans-Bold';
  color:#FFFFFF;
  font-size: 27pt;
}
.online{
  background: #04435f;
  font-family: 'VWAGTheSans-Bold';
  padding: 0px 15px;
}
.subtitle {
    background-color: #04435f;
    font-family: 'VWAGTheSans-Regular';
    color: #FFFFFF;
    font-size: 14pt;
}
.full-div{
  width: 100%;
}
.div-title{
  padding-top: 20px;
  padding-bottom: 7px;
  padding-right: 10px;
  padding-left: 10px;
}
.div-bienvenido{
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 25px;
}
.header{
  padding: 0px 10px;
}

label{
  color: #FFFFFF;
}

.btn-fsl{
  background: #3f809c;
  color: #FFF;
}
.btn-fsl:hover{
  background: #0d9edc;
  color: #FFF;
}
.practicas{
  width:340px;
}
.practicas-sub{
  width:300px;
}
@media only screen and (min-width: 100px) and (max-width:500px) {
  .practicas{
    width:100%;
  }
  .practicas-sub{
    width:82%;
  }  
}

@media only screen and (min-width: 400px) and (max-width: 600px) {
  .title{
    font-size: 24pt;
  }
}
@media only screen and (min-width: 330px) and (max-width: 399px) {
  .title{
    font-size: 21pt;
  }
}
@media only screen and (min-width: 100px) and (max-width: 329px) {
  .title{
    font-size: 19pt;
  }
  .subtitle {
    font-size: 12pt;
  }
}