#header{
 margin-top: 2%;
 margin-bottom: 1%;
 margin-right: 10px;
}

#mainHeader{
 background-color: #FFA500;
}

#mainTitle{
 padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    font-weight: 600;
    font-style: normal;
    color: #000000;
    font-family: Arial;
    font-size: 16px;
}

#mainSubtitle{
 padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    font-weight: 600;
    font-style: normal;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
}

.colorWhite{
  background-color: #FFFFFF;
}

#logo{
 margin-left: 15%;
 margin-right: 15%;
    text-align: center;
}

div a img{
 width: 218px;
 height: 72px;
}

#mainHeader h1{
    font-size: 2.4em;
    margin: 20px 0 0 0;
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal
}

#mainHeader h2,h3{
    color: #000000;
    font-family: Arial;
    /*font-size: 16px;*/
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal
}

#preferencesTitle h2,h3{
    font-style: normal;
    color: #000000;
    font-family: Arial;
    font-weight: 400;
}

#preferencesContent{

}

#preferencesTitle{
    border-bottom: solid;
    border-color: #7a7a7a;
    border-bottom-width: 01px;
    text-align: center;
 padding-top: 6%;
}

#formContent{
   margin-top: 2%;
}

.selectPreference{
  margin-bottom: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selectPreference, .buttonForm{
   font-family: Arial;
   color: #000000;
   margin-top: 1em;
}

.selectPreference button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.selectPreference label{
   display: inline-block;
   margin-bottom: 5px;
   width: 18em;
}

#borderSpace{
  border-bottom: solid;
  border-bottom-width: 01px;
}

.selectPreferenceProfile{
    margin-bottom: 1em;
    padding-left: 12%;
    padding-right: 12%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.selectPreferenceProfile, .buttonForm{
   font-family: Arial;
   color: #000000;
   margin-top: 1em;
}

.selectPreferenceProfile button, input, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
 min-width: 50%; max-width: 50%; width: 50%;
}
.selectPreferenceProfile select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
 min-width: 52%; max-width: 52%; width: 52%;
}

.selectPreferenceProfile label{
   display: inline-block;
   margin-bottom: 5px;
   width: 8em;
   min-width: 5em;
}
.checkboxIzquierda input{
   display: inline-block;
   margin-bottom: 5px;
   width: 1em;
   min-width: 4em;
 float: left;
}
.checkboxIzquierda label{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
 min-width: 50%; width: 75%;
text-align: justify;
}

.centerText{
  text-align: center;
  color:#F70404;
}

#buttonMain{
  text-align: -webkit-center;
  text-align: -moz-center;
}
/*  no se utiliza
.buttonForm{
    border-radius: 100px;
    font-family: Arial;
    font-weight: 500;
    font-style: normal;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 30px;
    background: #FFA500;
    color: #000;
    display: inline-block;
    cursor: pointer;
    border-style: none;
}
 
  no se utiliza
.buttonForm:hover{
    border-radius: 100px;
    font-family: Arial;
    font-weight: 500;
    font-style: normal;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    text-align: center;
    padding: 0 30px;
    background: #909497;
    color: #FFFFFF;
    display: inline-block;
    cursor: pointer;
    border-style: none;
}
*/

.buttonForm {
 background-color:#FFA500;
    border-color:#FFA500;
    border-radius:30px;
    border-style:solid;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:normal;
    padding:10px;
}

.buttonForm:hover {
  background-color:#909497;
    border-color:#909497;
    border-radius:30px;
    border-style:solid;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    line-height:normal;
    padding:10px;
}

@media only screen and (max-width: 768px) {
 .mobile-hidden { display: none !important; }
 .responsive-td { width: 100% !important; display: block !important; padding: 0px !important; }
 .selectPreference button, select, input, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
 .selectPreferenceProfile {margin-bottom: 1em; padding-left: 8%; padding-right: 8%; display: flex; justify-content: space-between; align-items: baseline;}
 #mainContent{ padding-left: 5%; padding-right: 5%;}
 .selectPreference input[type='checkbox']{min-width: 40%; max-width: 40%; width: 40%;}
}

@media only screen and (min-width: 769px) {
 #mainContent{ padding-left: 25%; padding-right: 25%;}
 .selectPreference input[type='checkbox']{min-width: 30%; max-width: 30%; width: 30%;}
}