@charset "UTF-8";
/* CSS Document */

form {
	margin: auto;
	padding: 0;
    
    width: 100%;
}

input {    
	width: 96%;
}

.doble-col { width: 44%; float: left;}
.doble-col-margen { margin: 0 4% 25px 0; }

.triple-col { width: 26.666666666666667%; float: left;}
.triple-col-margen { margin: 0 4% 25px 4%; }

textarea {
    width: 95.8%;
	height: 80px;
}

input, textarea {
	margin: 0 0 25px 0;
	padding: 10px 2%;

	border: none;

	background: #eee;
    
	font-family: 'Quicksand', sans-serif;
    font-size: 100%;
    line-height: 100%;
	color: #333;
}

input:hover, textarea:hover { background: #ccc; }

.boton {
    margin: 0;
    padding: 30px 0;
    
    width: 100%;

    border: none;
    
    background: #232f54;
    
    cursor:pointer;

    font-size: 130%;
    font-weight: 700;
    color: #fff;
}

.boton:hover {
	background: #b4312c;
}


/* adjuntos */

.adjuntos {
    margin: 15px 0 20px 0;
    padding: 0 0 20px 0;
    
    border-bottom: 1px dashed #dfdfdf;
}

.adjuntos > div { display: none; padding: 10px 0 0 0;}

.adjuntos input {
	margin: 0;
	padding: 10px 0;
    
    width: 100%;
    
    text-align: center;
}

.adjuntos span {
    display: block;

    padding: 5px 0 0 0;

    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
} 



/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #b4312c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}