@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Handlee&display=swap');


input,
select{
    display: block;
    width: 100%;
    padding: 8px 8px;
    outline: none;
    resize: none;
}

button{
    width: 100%;
  background-color: #BCCD30;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  	font-size: 0.9em;
	line-height: 1.6em;
	font-weight:300;
	color: #424242;
		text-decoration:none;
}

.sub_seccion_container{
	width: 96%;
	padding-left: 5%;
	}
	
.sub_seccion_container_img {
  padding: 0px 0 20px 20px;
  float: right;
  height: auto!important;
  width:200px;
}

.seccion{
	margin-top:50px;
	font-family: 'Roboto', sans-serif;
  	font-size: 1em;
	font-weight:300;
	color: #999;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	}
	
.sub_seccion{
	font-family: 'Roboto', sans-serif;
  	font-size: 1.3em;
	font-weight:600;
	color: #717823;
	margin-bottom: 20px;
	padding-top:8px !important;
	margin-top:0 !important;
	}
	
.sub_seccion_txt{
	padding: 0px 8px 8px 0px;
	font-family: 'Roboto', sans-serif;
  	font-size: 0.9em;
	line-height: 1.6em;
	font-weight:300;
	color: #424242;
	}
	
.contacto_columnas{
  width: 100%;	
	}

.contacto_left{
  float: left;
  width: 66%;
	}

.form_contacto {
  width: 100%;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.contacto_right{
  padding-left: 45px;
  float: left;
  width: 30%;
}

.textarea{
	width: 100%;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
	}

textarea{
	width: 100%;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box}
	
input[type=text], select {
  width: 100%;
  padding: 12px 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=email], select {
  width: 100%;
  padding: 12px 12x;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #BCCD30;
  color: white;
  padding: 14px 12px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #969F3C;
}

/* Responsive ;columns */
@media screen and (max-width: 1200px) {
	.contacto_left{
  float: left;
  width: 60%;
	}

.contacto_right{
  padding-left: 45px;
  float: left;
  width:30%;
}

.sub_seccion_container_img {
  padding: 0px 0 20px 20px;
  float: right;
  height: auto!important;
  width:20%;
}
}

/* Responsive ;columns */
@media screen and (max-width: 600px) {  
.sub_seccion_container_img {
  padding: 0px 0 20px 20px;
  float: right;
  height:auto;
  width:21% !important;
}
  
.contacto_right{
  float: none;
  padding-top: 20px;
  padding-left: 0px;
  width: 70%
	}
	.contacto_left{
  float: none;
  width: 70%;
	}

  
}