/* CSS2 - CSS3 Form - Centro Nacional de Investigaciones Oncológicas - 2009 */

div#contForm {
	background: #f5f5f5;
	border: 1px solid #d3d3d3;
	margin: 1em 0 0 0;
	padding: 0;
}
div#contForm #contFormAux {
	margin: 1px;
	padding: 0;
	border: 1px solid #fff;
}
div#contForm .titForm {
	margin: 0 0 1em 0;
	padding: .2em;
	text-indent: .4em;
	letter-spacing: .1em;
	background: #d3d3d3;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 0.8em;
	clear: both;
}
div.elemForm {
	float: none;
	clear: both;
	height: 2em;
	min-height: 2em;
	padding: .5em;
}
div.elemForm.alto9 {
	height: 9.5em;
}
div.areaForm {
	padding: .5em;
}
div#contForm label, div#contForm span.label {
	float: left;
	width: 30%;
	text-align: right;
}
div#contForm label.error {
	float: right;
	width: 137px;
	text-align: left;
	line-height: 1em;
	color: #F00;
}
form#form1 .gray * {
	color: gray;
}
div#contForm label.menorAncho {
	width: 20%;
}
div#contForm label.mayorAncho {
	width: 70%;
}
div.elemForm .infoAdicional {
	font-size: smaller;
	color: #999;
}
div#contForm input, div#contForm select, div#contForm span.input {
	float: left;
	color: #00F;
	padding: .3em;
	margin: 0 .8em;
	border: solid 1px #666;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}
div#contForm input.error, div#contForm select.error {
	border: solid 1px #EF6868;
}
div#contForm span.input {
	border: none;
	background-color: transparent;
	background-image: none;
}
div#contForm input.sinFormaBoton {
	background-color: transparent;
	background-image: none;
	border: none;
	font-weight: bold;
}
div#contForm textarea {
	color: #00F;
	padding: .3em;
	margin: 0 .8em;
	border: solid 1px #666;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
}
div#contForm textarea.textarea95 {
	width: 95%;
	height: 8em;
	margin: 0 0 10px 10px;
}
div#contForm textarea.textarea95b {
	width: 95%;
	height: 10em;
	margin: 0 0 10px 10px;
}
div#contForm textarea.textarea95c {
	width: 95%;
	margin: 0 0 10px 10px;
}
div#contForm input {
	width: 40%;
	background: #fff url(/img/degradado-txt.gif) repeat-x;
}
div#contForm .normalElem input, div#contForm .normalElem label {
	float: none;
	display: inline;
	width: auto;
}
div#contForm input.checkbox {
	margin-top: 5px;
	width: auto;
	border: none;
	background: none;
}
div#contForm p {
	padding-left: 1em;
	padding-right: 1em;
}
div#contForm .ancho30 {
	width: 30%;
}
div#contForm .ancho20 {
	width: 20%;
}
div#contForm .ancho15 {
	width: 15%;
}
div#contForm .ancho10 {
	width: 10%;
}
div#contForm .ancho5 {
	width: 5%;
}
div#contForm .limpiar {
	clear: both;
}
div#contForm input: focus, div#contForm textarea: focus, div#contForm select: focus {
	background: #FFFFDF;
}
div#contForm hr {
	border: none;
	height: 1px;
	width: 95%;
	background: #ccc;
	margin: 1em auto;
	clear: both;
}
div#contForm .normal {
	font-weight: normal;
}
div#contForm .centrar {
	margin-bottom: 1em;
}
div#contForm .mini {
	font-size: 0.8em;
	vertical-align: super;
}
input.boton {
	background: #eee;
	color: #222;
	border: 1px outset #ccc;
	padding: .1em .5em;
	margin: 5px 0;
	float: none;
	width: auto;
}
div#contForm input.boton {
	background: #E87C00;
	color: #FFFFFF;
	border: 1px outset #ccc;
	padding: .1em .5em;
	margin: 5px 0;
	float: none;
	width: auto;
}
div#contForm input.boton: hover, input.boton: hover {
	background: #ccb;
	color: #000;
}
.submitForm {
	padding: 5px;
	text-align: center;
	margin-top: 10px;
}
div#notificarOk {
	background: #f5f5f5 url(/img/notificar-ok.gif) 10px 20px no-repeat;
	border: 1px solid #DFDFDF;
	padding: 0 10px 0 80px;
	margin: 10px 0 20px 0;
	height: 80px;
}
html>body div#notificarOk {
	min-height: 80px;
	height: auto;
}
div#notificarErr {
	background: #f5f5f5 url(/img/notificar-err.gif) 10px 20px no-repeat;
	border: 1px solid #f00;
	padding: 0 10px 10px 80px;
	margin: 10px 0 20px 0;
	height: 80px;
}
html>body div#notificarErr {
	min-height: 80px;
	height: auto;
}