html {
  background:white;
  width:100%;	
  height:100%;	  
  overflow-x:hidden;
  overflow-y:auto;
}


body {
  background:white;
  width: 100%;
  height: 100%;
  font-family: calibri;
  font-size:16px;
  color: black;
  margin: 0;
  padding: 0;  
}

#header {
  background:white;
  position:fixed;
  width:100%;
  height:12%;
  overflow:hidden;
  top:0%;
  padding:0px;
  border-bottom:1px solid black;
}

#footer {
   background:white;
   position:fixed;
   width:100%; 
   height:9%;
   bottom:0px;
   border-top:1px solid black;
}

.logo_div {  
  float:left;
  width:60%;
  height:100%;
}

.logo_img {  
 float:left;
 width:auto;
 height:80%;
 margin-left:14%;
 margin-top:1%;
-webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;   
}

.menu_options {
  float:right;
  width:30%;
  height:100%;
  text-align:right;
  line-height:100px;  
  margin-right:5%;
}

.menu_font, .menu_font_contact_us, .menu_exit {
 float:right;
 color:#4B4A4A;
 font-size:1.2em;
 font-weight:bold;
 line-height:80px;
 cursor:pointer;
-webkit-user-select: none;
 -ms-user-select: none;
 user-select: none; 
}

.menu_exit {
 text-align:right;
}

.menu_font_contact_us {
 float:left;	
 font-size:16px;	
 margin-top:2%;	
 line-height:1;
} 

    .menu_font, .menu_font_contact_us:hover {
      color:#1384AB;
    }

.footer_font {
 float:left;
 color:#4B4A4A;	
 font-size:16px;
 font-weight:bold;
 margin-left:3%;
 cursor:pointer;
}
	
#work_area {
  position:fixed;
  background:#F5B041;
  width:100%;
  height:79%;
  overflow:hidden;
  overflow-y:auto;
  top:12.2%;
  bottom:0%;
  padding:0px;
}

#who_we_are_div {
  float:left;
  width:80%;
  height:auto;
  overflow:hidden;
  margin-left:10%; 
  margin-top:10%; 
}

.who_we_are_text_div {
  float:left;
  width:48%;
}

.who_we_are_img {
  float:right;
  width:48%;
}

.tittle_text, .regular_text, .why_recycle_tittle, .why_recycle_regular_text, .contact_us_tittle {
 color:black;
 font-size:50px;
 font-weight:bold;
 text-align:center;
}

.contact_us_tittle {
 font-size:2em;
}

.regular_text  {
 font-size:30px;
 font-weight:norrmal; 
}

.why_recycle_tittle {
 font-size:30px;
}

.why_recycle_regular_text {
 font-size:18px;
 font-weight:norrmal;
} 
	
.contact_us_tittle {
 text-align:left;
 margin-left:.5%;
 margin-bottom:2%;
}	
 
#secction_3498db, #contact_us_div {
  float:left;
  background:#3498DB;
  width:100%;
  height:auto;
  overflow:hidden;
  margin-top:10%;
}


#contact_us_div {
 position:fixed;
 background:none;
 width:100%;
 height:auto;
 overflow:hidden;
 top:3em;
 display:none;
 margin-top:0%; 
}

#mail_form {
 float:left;
 width:98%;
 margin-left:1%;
 display:none;
 -webkit-user-select:none;
 border-bottom-left-radius:20px; 
 border-top-right-radius:20px;
margin-bottom:1em; 
border:1px solid black;
}


#mission, #values, #licenses, #licenses_dep, #our_place, #where_we_collect, #contact_us_form  {
  float:left;
  background:#D5F5E3;
  width:80%;
  height:auto;
  overflow:hidden;
  margin-left:10%; 
  margin-top:5%; 
}

#values {
  margin-bottom:5%; 
}	

#licenses {
  background:#F5B041;
}

#licenses_dep {
  background:white;
  width:100%;
  margin-left:0%;   
}  
  
#our_place {
  background:#F5B041;
}	

#where_we_collect  {
 background:#3498DB;
}

#contact_us_form {
  margin-bottom:5%;
}	

.mission_text_div, .values_text_div {
  float:left;
  width:48%;
}

.mission_img, .values_img {
  float:right;
  width:48%;
}

.values_text_div {
  float:right;	
}

.values_img {
  float:left;
  margin-left:1%;
}

.famabi_text, .vigilancia_sanitaria_text {
  float:left;
  width:70%;
}

.famabi_img, .vigilancia_sanitaria_img {
  float:right;
  width:30%;
}

.ima_text {
  float:right;
  width:68%;
}

.ima_img {
  float:left;
  width:30%;
}

.why_recycle, .our_place_img {
  float:left;
  background:white;
  width:25%;
  height:600px;
  overflow:hidden;
  margin-left:2.5%;
  margin-bottom:5%;
}

.our_place_img {
  background:#F5B041;
  width:30%;	
  height:auto;
  margin-left:5%;
}  


.why_recycle_text {
 float:left;
 text-align:center;
 margin-top:3%; 
}
	
.why_recycle_img {
  float:left;
  width:90%;
  margin-left:5%;
  margin-top:3%;
}

.where_we_collect_text {
 float:right;
 width:60%;
 text-align:center;
 margin-top:10%; 
}
	
.where_we_collect_img {
  float:left;
  width:35%;
  margin-top:3%;
}

.my_labels {
 float:left;	 
 width:99.5%;
 height:18px;
  text-align:left;
 font-size:14px;
 margin-left:1%;
 margin-top:0.5%;
font-weight:bold; 
}

.my_inputs, .contact_us_menu {
 float:left;
 width:98%;
 text-align:left;
 margin-left:1.5%;
 margin-top:-.5%;
 margin-right:1%;
}

.contact_us_menu {
  margin-bottom:2%;
}

.b_contatct_us {
 float:left;
 font-weight:normal;
 font-size:18px;
 line-height:1;
 margin-left:1%;
 margin-bottom:1.5%;
}

.contact_us_img {
 float:left;
 margin-left:2%;
cursor:pointer; 
}


.input_fields {
 float:left;
 width:100%;
 font-size:16px;
 text-align:left;
 margin-top:-.2%;
 border:.5px solid grey; 
 padding:0; 
}	

.input_div {
 float:left;
 width:98%;
 margin-left:1%;
}


#showErrorMessages {
  background:yellow;         
  display:none;
  overflow:hidden;
  word-wrap:break-word;
  text-align:center;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.round_border {
 float:left;	
 background:#faf9f6;
 width:97%;
 height:2em;
 
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -border-radius:6px; 
 -webkit-appearance:none;
 -moz-appearance:none;
 
 font-size:1.1em; 
 color:black;
 border-color:black;
 margin-left:1%;
 margin-bottom:0em;
overflow:hidden; 
}

.mail_text_class {
 height:4em;
 resize:none;
} 

.act_like_left_button, .act_like_right_button {
 float:left;
 width:auto;
 height:auto;
 font-size:1.2em;  
 color:black;
 color:black;
 cursor:pointer;
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10 and IE 11 */
 user-select: none; /* Standard syntax */
 margin-left:2%;
 margin-right:1%;
 margin-top:5%;
}

.act_like_right_button {
 float:right;
 margin-left:1%;
 margin-right:2%;
}

.act_like_left_button:hover, .act_like_right_button:hover {
 color:#811331;
}

#show_error_messages_div {
 background:yellow;	
 position:fixed;
 width:25%;
 height:auto;
 left:37.5%;
 top:35%;
 display:none;
 overflow:hidden;
 text-align:center;
 border:1px solid grey;
 z-index:2000;
 -webkit-user-select:none;
 border-bottom-left-radius:20px; 
 border-top-right-radius:20px; 
}

#msg_header {
  float:left;	
  background:#ccccff;
  width:100%;
  height:1.2em;
  font-size:1.2em;
  text-align:left;
}

#msg_footer_OK, #msg_footer_YES_or_NO {
 float:right;	
 background:#ccccff;
 width:100%;
 height:1.2em;
 font-size:1.2em;
 text-align:right;
} 

#msg_footer_YES_or_NO {
 display:none;
}

#place_msg_here {
 float:left; 
 width:90%;
 word-wrap:break-word; 
 padding:1em;
}

.margin_top_one_percents {	
 margin-top:1%;
}