/* Button used to open the contact form - fixed at the bottom of the page */
.boton-abrir {
	background-color: #F1F1F1;
	color: #3465A4;
	font-size:  1vw;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;/**/
	padding: 5px;
	border: none;
	cursor: pointer;
	width: 100%;
}

/* The popup form - hidden by default */
.form-emergentei {
  display: none;
  -moz-display: none;
  -webkit-display: none;
  position: fixed;
  bottom: 10px;
  left: 2%;
  border: 3px solid #DDD;
  background-color: #FCFCFC;
}
/* The popup form - hidden by default */
.form-emergentec {
  display: none;
  -moz-display: none;
  -webkit-display: none;
  position: fixed;
  bottom: 10px;
  left: 40%;
  border: 3px solid #DDD;
  background-color: #FCFCFC;
}

/* The popup form - hidden by default */
.form-emergented {
  display: none;
  -moz-display: none;
  -webkit-display: none;
  position: fixed;
  bottom: 10px;
  right: 2%;
  border: 3px solid #DDD;
  background-color: #FCFCFC;
}

[class*="form-emergente"] h3 {
  font-size: 1vw;
}
/* Full-width input fields */
.contenedor-form input[type=text], input[type=url], input[type=password], input[type=file], input[type=email] {
	font-size: 0.8vw;
	background-color: #FCFCFC;
	border: 1px outset #D8D8D8;
	box-shadow: 0px 0px 1px 1px #DADADA;
	line-height: 14px;
	white-space: nowrap;
	width: 98%;
	display: block;
}

.contenedor-form label {
	font-size: 0.8vw;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	display: block;
}

.contenedor-form label[ for] {
	font-size: 0.8vw;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;	
	display: inline-block;
}

.contenedor-form textarea {
	width: 98%;
	height: 24px;
	font-size: 0.8vw;
	background-color: #FCFCFC;
	border: 1px inset #D8D8D8;
	box-shadow: 0px 1px 1px 0px #F8F8F8;
	padding: 1px 0;
	text-align: left;
	border-radius: 4px;
	display: block;
	vertical-align: top;
	white-space: pre-wrap;
}

/* When the inputs get focus, do something */
.contenedor-form input[type=text]:focus, .contenedor-form input[type=email]:focus {
  background-color: #FCFCFC;
  outline: none;
}

/* Set a style for the submit/login button */
.contenedor-form .boton {
  background-color: #DDD;
  color: black;
  padding: 5px 10px;
  border: none;
	font-weight: bold;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.cancelar {
  background-color: #F1F1F1;
  color: black;
  padding: 5px 10px;
  border: none;
	font-weight: bold;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add some hover effects to buttons */
.contenedor-form .boton:hover, .boton-abrir:hover {
  opacity: 1;
}