/*******************************************/
/*****Clases generales de formularios*******/
/*******************************************/

/****
/*   Genericos
/*
********/
form {
  padding : 0;
  margin  : 0;
}

label {
  cursor : help;
}

input {
  background  : #FFF;
  border      : 1px #D1D0CC solid;
}

textarea {
  background  : #FFF;
  border      : 1px #D1D0CC solid;
  font-size   : 11px;
}

select {
  background  : #FFF;
  border      : 1px #D1D0CC solid;
}

input.textnano {
  width : 10%;
}

input.textmin {
  width : 25%;
}

input.textinter {
  width : 50%;
}
input.textmed {
  width : 70%;
}
input.textmax {
  width : 90%;
}

textarea.textmin {
  width : 20%;
}

textarea.textmed {
  width : 40%;
}
textarea.textmax {
  width : 70%;
  height: 100px;
}

input.text, select, textarea {
  font-family : Verdana;
}
.readonly
{
  border:0;
}
/***********/
#contentForm, .contentFormInline {
  padding     : 10px 0 10px 75px;
  float       : left;
  width       : 80%;
  border      : 0;
}
.contentFormInline {
  padding-left:  20px;
}
.contentFormInline .selectalumnos
{
  width:400px;
}
#contentForm .division, .contentFormInline .division 
{
  margin      : 5px 0;
}
#contentForm .tit, .contentFormInline .tit {
  float       : left;
  width       : 80px;
}
#contentForm .titlargo
{
  width	      : 90%!important;
  clear       : both;
  margin      : 20px 0 5px 0;
}
.contentTiny
{
  clear       : both;
  float       : left;
  display     : block;
  margin-top  : 10px!important;
}
#Botonera {
  float       : right;
  padding     : 10px 40px 10px 0;
  
}
#Botonera input{
  background  : #626262;
  color       : #fff;
  margin      : 0 3px;
  cursor      : pointer;
  /*width       : 80px;*/
}
#Botonera input.button{
  background  : #626262;
  color       : #fff;
  margin      : 0 3px;
  cursor      : pointer;
  width       : 80px;
}
#contentForm #actualizar input
{
  border      : #d7d6d1 1px solid;
  font-size   : 0.9em;
}

#contentForm #actualizar .imgcalendario {
  border      : none;
  margin      : 0;
  padding     : 0;
  width       : auto;
}

#contentForm #actualizar textarea {
  border      : #d7d6d1 1px solid;
  width       : 300px;
  height      : 200px;
}

#contentForm #actualizar select {
  font-size   : 0.9em;
  border      : #d7d6d1 1px solid;
  width       : 200px;
}

/*************************************/
/* clases para captcha 
/*************************************/
#contentForm .titCaptcha, #contentFormInline .titCaptcha
{
  float       : left;
  width       : 120px;
  padding-left: 80px;
}
.contentTitCaptcha a.captchaLink
{
  padding-left:10px;
}
/*************************************/
/*formulario de olvido de contraseņa */
/*************************************/
#forgotPasswordForm
{
  width       : 400px; 
  padding-top : 20px;
  padding-bottom : 20px;
}
#forgotPasswordForm .contentTit
{
  width       : 300px;
  float       : left;  
}
#forgotPasswordForm #botonera input 
{
  background  : #626262;
  color       : #fff;
  margin      : 0 2px;
  cursor      : pointer;
  width       : 80px;
}
#forgotPasswordForm #botonera input.textmed
{
  background  : #626262;
  color       : #fff;
  margin      : 0 2px;
  cursor      : pointer;
  width       : 60%;
}


/***************************/
/* CLASES PARA FORMULARIOS */
/***************************/
/***
/* Caja login usuarios
/*
*******/
#cajausuarios
{
  width       : 175px;
  background  : #FAFBFD;
  margin      : 10px 0 15px 0;  
}
#cajaformlogin .filaform
{
  font-size : 0.88em;
  display   : block;
  margin    : 15px 0 0 15px;
}
#cajaformlogin .filaform input.textmin {
  width     : 40%;
  display   : block;
}

#cajaformlogin .filaform input.textmed {
  width     : 90%;
  display   : block;
}

#cajaformlogin #forgotPassword
{
  font-size : 0.88em;
  display   : block;
  text-align: left;
  margin    : 15px;
}
#cajausuarios .botonera
{
  text-align    :left;
  padding       : 5px 0 0 10px;
  border-bottom :1px #AC823A solid;
}
#cajausuarios .botonera input
{
  background-color: transparent ;
  border          : 0;
  color           : #AC823A;
  font-size       : 1.25em;
  margin          : -5px;

}
#cajausuarios div#accesoUsuarios
{
  background :  #1B3D7A;
  padding    :  4px 0 0 15px;
  color      :  white;
  font-size  :  1.25em;
  height     :  20px;
}
/** Capa de errores
**/
div#erroresDocs
{
  padding-top : 5px;
  clear:both;
  border:1px white solid;
}
div#errorLogin
{
  color:#DE1010;
  clear:both;
  padding-top:25px;
  padding-left:60px;
}

div#errorLogin ul li {
  margin        :  0 6px 0 10px;
  padding       :  0 8px 4px 0;
  font-size     :  0.94em;
  text-align    :  left;
  list-style-image : url(../images/iconos/delete.gif);
}
