/**************************************************************************************************/
/* CSS específico para el widget FORMULARIO de propietarios                                       */
/**************************************************************************************************/
body{
	font-family: 'Open Sans', sans-serif!important;
}
section{
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

select.corto{ width: 80px; }
select.largo{ width: 130px; }

/* ------------------ */
/* Article formulario */
/* ------------------ */

section article.formulario{
	width: 100%;
	}
	section article.formulario div.content{
		padding: 10px;
		}
		section article.formulario div.content div.entrada{
			float: left;
			height: 30px;
			line-height: 33px;
			margin-bottom: 5px;
			min-width: 90px;
   			margin-left: 20px;
		}
		section article.formulario div.content div.entrada_campos{
			float: left;
			margin-bottom: 5px;
		}
		section article.formulario div.content div.salida{
			float: left;
			height: 33px;
			line-height: 30px;
			margin-bottom: 5px;
			min-width: 60px;
		}
		section article.formulario div.content div.salida_campos{
			float: left;
			margin-bottom: 5px;
		}
		section article.formulario div.content div.capacidad{
			float: left;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
			}
			section article.formulario div.content div.capacidad input{
				width: 30px;
			}
		section article.formulario div.content div.boton{
			float: right;
			clear: left;
			height: 30px;
			margin-top: 10px;
		}
		section article.formulario div.content div.avanzada{
			float: left;
			clear: left;
			height: 30px;
			line-height: 30px;
			margin-top: 10px;
		}

/* ----------------------------------- */
/* Reglas extra para formulario normal */
/* ----------------------------------- */

section.normal article.formulario div.content div.capacidad{
	display: none;
}
section.normal article.formulario div.content div.avanzada{
	display: none;
}

/* ------------------------------------ */
/* media queries para formulario normal */
/* ------------------------------------ */

@media only screen and (width: 235px) {

	section.normal article.formulario div.content select.largo{
		margin-left: -1px;
	}

}

@media only screen and (max-width: 359px) {

	section.normal article.formulario div.content{
		padding-top: 0px;
	}
	section.normal article.formulario div.content select.largo{
		margin-top: 2px;
	}
	section.normal article.formulario div.content div.entrada{
		clear: left;
	}
	section.normal article.formulario div.content div.entrada_campos{
		clear: left;
	}
	section.normal article.formulario div.content div.salida{
		clear: left;
	}
	section.normal article.formulario div.content div.salida_campos{
		clear: left;
		margin-bottom: 15px;
	}
	section.normal article.formulario div.content div.boton{
		text-align: center;
		float: none;
	}

}

@media only screen and (min-width: 360px) and (max-width: 699px) {

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 15px;
	}
	section.normal article.formulario div.content div.salida{
		clear: left;
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 15px;
	}
	html.ie section.normal article.formulario div.content div.salida_campos{
		margin-left: 12px;	/* IE */
	}

}

@media only screen and (min-width: 700px) and (max-width: 809px) {

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.normal article.formulario div.content div.salida{
		margin-left: 26px;
	}
	html.ie section.normal article.formulario div.content div.salida{
		margin-left: 25px;	/* IE */
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}

}

@media only screen and (min-width: 810px){

	section.normal article.formulario div.content div.entrada_campos{
		margin-left: 10px;
    	margin-top: 3px;
	}
	section.normal article.formulario div.content div.salida{
		margin-left: 90px;
	}
	html.ie section.normal article.formulario div.content div.salida{
		margin-left: 25px;	/* IE */
	}
	section.normal article.formulario div.content div.salida_campos{
		margin-left: 10px;
    	margin-top: 3px;
	}
	section.normal article.formulario div.content div.boton{
		margin-top: 0px;
		clear: none;
	}

}

/* -------------------------------------- */
/* media queries para formulario avanzado */
/* -------------------------------------- */

@media only screen and (max-width: 234px) {

	section.avanzado article.formulario div.content{
		padding-top: 0px;
	}
	section.avanzado article.formulario div.content select.largo{
		margin-top: 2px;
	}
	section.avanzado article.formulario div.content div.boton{
		text-align: center;
		float: none;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-top: 10px;
		margin-bottom: 15px;
	}

}

@media only screen and (min-width: 235px) and (max-width: 354px) {

	section.avanzado article.formulario div.content{
		padding-top: 0px;
	}
	section.avanzado article.formulario div.content select.largo{
		margin-left: -1px;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		clear: left;
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
		margin-top: 10px;
	}

}

@media only screen and (min-width: 355px) and (max-width: 694px) {

	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		clear: left;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	html.ie section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 9px;	/* IE */
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
	}

}

@media only screen and (min-width: 695px) and (max-width: 824px) {

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.salida{
		margin-left: 19px;	/* IE */
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		clear: left;
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
	}

}

@media only screen and (min-width: 825px) and (max-width: 924px) {

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.capacidad{
		margin-left: 18px;	/* IE */
	}

}

@media only screen and (min-width: 925px){

	section.avanzado article.formulario div.content div.entrada, section.avanzado article.formulario div.content div.salida{
		min-width: 0;
	}
	section.avanzado article.formulario div.content div.entrada_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.salida{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.salida{
		margin-left: 17px;	/* IE */
	}
	section.avanzado article.formulario div.content div.salida_campos{
		margin-left: 10px;
	}
	section.avanzado article.formulario div.content div.capacidad{
		margin-left: 20px;
	}
	html.ie section.avanzado article.formulario div.content div.capacidad{
		margin-left: 17px;	/* IE */
	}
	section.avanzado article.formulario div.content div.avanzada{
		margin-top: 0;
	}
	section.avanzado article.formulario div.content div.boton{
		margin-top: 0;
		clear: none;
	}

}
select{
	font-family: 'Open Sans', sans-serif!important;
}

.btn.naranja{
		font-family: 'Open Sans', sans-serif!important;
		background: #F7931D;
		border: 1px solid #D34F04;
		font-weight: bold;
		text-shadow: 1px 1px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 4px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 4px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 4px 0px 0px #D86423 inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 3px 3px 3px rgba(0, 0, 0, 0.25);
		}
		.btn.naranja:hover{
			opacity: 0.5;
			}
		.btn.naranja:active{
			background: #E85400;
			-webkit-box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 1px 0px 0px #D86423, inset 0px 1px 1px 0px rgba(255, 255, 255, 0.3), 0px 1px 3px 3px rgba(0, 0, 0, 0.25);
			}