@charset "utf-8";
/* CSS Document */
.formulario {
  /* --------------------------------------- */
  /* ----- Radio Button */
  /* --------------------------------------- */
  /* --------------------------------------- */
  /* ----- Checkbox */
  /* --------------------------------------- */ }
  .formulario h2 {
    font-size: 16px;
    color: #001F3F;
    margin-bottom: 20px;
    margin-left: 20px; }
  .formulario > div {
    padding: 20px 0;
    /*border-bottom: 1px solid #999;*/ }
  .formulario .radio label,
  .formulario .checkbox label {
    display: inline-block;
    cursor: pointer;
    color: #fc317d;
    position: relative;
    padding: 5px 0px 10px 41px;
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .formulario .radio label:hover,
    .formulario .checkbox label:hover {
      background: rgba(255, 65, 54, 0.1); }
    .formulario .radio label:before,
    .formulario .checkbox label:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      background: none;
      border: 3px solid #fc317d; }
  .formulario input[type="radio"] {
    display: none; }
    .formulario input[type="radio"]:checked + label:before {
      display: none; }
    .formulario input[type="radio"]:checked + label {
      padding: 5px 15px;
      background: #fc317d;
      border-radius: 2px;
      color: #fff; }
  .formulario .checkbox label:before {
    border-radius: 3px; }
  .formulario .checkbox input[type="checkbox"] {
    display: none; }
    .formulario .checkbox input[type="checkbox"]:checked + label:before {
      display: none; }
    .formulario .checkbox input[type="checkbox"]:checked + label {
      background: #fc317d;
      color: #fff;
      padding: 5px 15px; }
	  
.formulario2 {
  /* --------------------------------------- */
  /* ----- Radio Button */
  /* --------------------------------------- */
  /* --------------------------------------- */
  /* ----- Checkbox */
  /* --------------------------------------- */ }
  .formulario2 h2 {
    font-size: 16px;
    color: #001F3F;
    margin-bottom: 20px;
    margin-left: 20px; }
  .formulario2 > div {
    padding: 20px 0;
    /*border-bottom: 1px solid #999;*/ }
  .formulario2 .radio label,
  .formulario2 .checkbox label {
    display: inline-block;
    cursor: pointer;
    color: #2a61d6;
	font-family: 'Happy Monkey'; 
    position: relative;
    padding: 5px 5px 10px 30px;
	/*width:165px;*/
    font-size: 1em;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .formulario2 .radio label:hover,
    .formulario2 .checkbox label:hover {
      background: rgba(255, 65, 54, 0.1); }
    .formulario2 .radio label:before,
    .formulario2 .checkbox label:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      position: absolute;
      left: 5px;
      border-radius: 50%;
      background: #ff9a22;
      border: 3px solid #2a61d6; }
  .formulario2 input[type="radio"] {
    display: none; }
    .formulario2 input[type="radio"]:checked + label:before {
      display: none; }
    .formulario2 input[type="radio"]:checked + label {
      padding: 5px 15px;
      background: #2a61d6;
      border-radius: 2px;
      color: #ff9a22; }
  .formulario2 .checkbox label:before {
    border-radius: 3px; }
  .formulario2 .checkbox input[type="checkbox"] {
    display: none; }
    .formulario2 .checkbox input[type="checkbox"]:checked + label:before {
      display: none; }
    .formulario2 .checkbox input[type="checkbox"]:checked + label {
      background: #666;
      color: #fff;
      padding: 5px 15px; }

@media screen and (max-width:700px) {
	.formulario2 .radio label,
	.formulario2 .checkbox label {
		width:300px;
	}
}