/* Formularios en #leftnav y #rightnav ******************************************************** */
#leftnav fieldset {
  color: black;
  clear: left;
  margin: 1em 0; 
  padding: 1em 0 1em .2em;
  background: inherit;
  border: 1px dotted #053188;  
  font-size: 1em;
}

/* titulo del conjunto de campos */
#leftnav fieldset legend {         
  background-color: #EEE;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-size: 1em;
  font-variant: small-caps;  
  padding: .1ex .5ex;
  color: #900; /* #AE036A; */
}

#leftnav form {
	padding: 5px 10px 0 0;
	margin: 0; /* para IE Mac */
	text-align: left; /* para IE Mac */
	white-space: nowrap; /* para Opera */
	font-size: 1em;
}

#leftnav form label { color: #000;  }
#leftnav form input { font-size: 1em; }
		
#leftnav form label:focus, #leftnav form label:hover {
	color: #900; 
}

#leftnav input, #leftnav input.boton, #leftnav textarea, #leftnav button  { 
	font-size: 1em;
	margin: 0 2px; 
	padding-left: 2px;
}

#leftnav option, #leftnav optgroup, #leftnav select {
	font-size: 1em;
	margin: 0;
}	
	
#leftnav input.boton, #leftnav button{ 
	font-weight: bold;  
	color: #900; 
	margin-bottom: .5em; margin-top: .5em;
	padding: 0;
    cursor:pointer;
	vertical-align: middle;
}

/* -------------- */


/* Fieldsets general */
fieldset {
  color: black;
  clear: left;
  margin: 1em 0;
  padding: 1em;
  background: inherit;
  border: 1px dotted #053188;  
}

/* titulo del conjunto de campos */
fieldset legend {         
  background-color: #EEE;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  font-variant: small-caps;  
  padding: .1ex .5ex;
  color: #900;
}

tr fieldset {	
  margin: 0;
  padding: 0;
  background:none;
  border:none;  
}
tr fieldset legend {	
	display:none;
}

form {
	margin: 1em; 
	margin-left: auto;
	margin-right: auto;
}

#contenido form {
	padding: 20px 5px 5px 5px; 
}

	
/* para formularios que se quieran con borde y fondo de color: <form class="bk_azul"> */
.bk_azul {
	background-color: #EFF2F8; 
	border: 1px solid #900;
}

.bk_yellow {
	background-color: #FBF5E9;
	border: 2px solid #FCEAC5;
}

.bk_gris {
	background-color: #f9f9f9;
	border: 1px solid #9e9e9e;
}

form p {margin: 0px;}

form div.titulo {
	font-size: 1.5em;
	color: #900; 
	text-align: center;
	padding: .5em;
}
	
label { cursor:pointer; }
label:hover {color: #900;}

input, input.boton, textarea,  select, option, button  { 
	font-size: .8em;
	margin: 0 2px; 
	padding-left: 2px;
}

optgroup  {
	font-size: 1em;
}	
html>body option {	font-size: 1em;}

input.readonly, textarea.readonly {
	background-color:#CCC;
}

input.boton, button{ 
	font-weight: bold;  
	color:  #900;  /* #AE036A */
	margin-bottom: .5em; margin-top: .5em;
	padding: 0 1em;
    cursor:pointer;
	vertical-align: middle;
}


form table{
    margin-left: auto;	/*centra la tabla en mozilla */
    margin-right: auto; /*centra la tabla en mozilla */
	padding: 20px; /* no tiene efecto en iexplorer */
	}

form table th, span.txt, form table td.titulo{
	font-size: .8em;
	font-weight: bold;  	
	}	

form table th, form table td.titulo {
	text-align: right;
	}

form table td {
	text-align: left;
	}

form table td.right {
	text-align: right;
	}
	
.error { 
  	margin: 0 0 .5em 0; 
  	padding: .5em 0 .5em .5em; 
	font-size: .8em; 
	color: #900; 
	background-color: #FFC;
	width: 99%;}

.aviso { 
  	margin: 0 0 .5em 0; 
  	padding: .5em;
	font-size: .8em; 
	color: #009; 
	background-color: #FFC;
	width: 99%;}	

.requerido {background-color: #FFC;}
*[type=file] {background-color: #FFF; }


::-webkit-input-placeholder { color:#C90;} /* WebKit */
:-moz-placeholder { color:#C90; } /* Firefox 18- */
::-moz-placeholder {color:#C90; } /* Firefox 19+ */
:-ms-input-placeholder {color:#C90; } /* IE 10+ */


/* Para select con primer option con texto "explicativo" como p.e. "Seleccione tema" */ 
/*select.primerhijo {color: #C90;}
select.primerhijo option {color:#333;} 
select.primerhijo option:first-child { color:#C90; }
select.primerhijo option:selected { color:#F00; }*/


@media screen and (max-width:1024px){
	form table th, span.txt, form table td.titulo{
		font-weight: bold;  
	}	
}

@media screen and (max-width:640px){
	form table {
		font-size: .9em;
	}	
}