/* ----------------------------- CSS para Formularios --------------------------------- */

.cjform {
  clear: both;
  position: relative;
  float: left;
  width: 96%;  
  margin: 1em 0 0 0;
  padding: 0 2%;
  z-index: 10;
}

.cjsep {
  padding-bottom: 2.75em;
}

.cjemergente {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #EFEFEF;
}

/* Este estilo es para los formularios en ventanas emergentes */
/* Tiene que ponerse en el fichero que pinta el formulario no donde se abre */
.cjfgroup {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0 5%;
  max-height: 350px;
  overflow: auto;
  overflow-x: hidden;
}

* html .cjfgroup {
  height: 350px;
}

.cjform fieldset {
  padding: 0;
  border: none;
  z-index: 12;
}

.cjform fieldset.fsettot {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cjform legend {
  font-size: 1em;
  color: #333;
  padding: 0 0 1.14em 0;
  text-shadow: .05em .075em #CCC;
  font-weight: bold;
}

.cjform legend.lgdtit {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.6em 0 1.2em 0;
  font-size: .95em;
  font-weight: normal;
  color: #000;
  text-shadow: none;
}

.lgdnovisible {
  display: none !important;
}

.titform {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 1.14em 0;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  text-shadow: .05em .075em #CCC;
}

.titform2 {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .3em 0 1.26em 0;
  font-size: .95em;
  color: #404040;
  text-shadow: .05em .075em #CCC;
}

.lgdtit {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 1.14em 0;
  font-size: 1em;
  font-weight: normal;
  color: #333;
  text-shadow: .1em .1em #CCC;
}

.subtitform {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 1.26em 0 .3em 0;
  font-size: .95em;
  font-weight: normal;
  color: #404040;
}

.fform1 {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #EFEFEF url("../imgs/fnd_form4.jpg") no-repeat bottom right;
}

.cjyellow .fform1 {
  background: #FFF9DF url("../imgs/fnd_form4_yellow.jpg") no-repeat bottom right;
}

.fform2 {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0 0 8px 0;
  background: transparent url("../imgs/fnd_form3.jpg") no-repeat bottom left;
}

.cjyellow .fform2 {
  background: transparent url("../imgs/fnd_form3_yellow.jpg") no-repeat bottom left;
}

.fform3 {
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0;
  padding: 0 1% 0 0;
  background: transparent url("../imgs/fnd_form2.jpg") no-repeat top right;
}

.cjyellow .fform3 {
  background: transparent url("../imgs/fnd_form2_yellow.jpg") no-repeat top right;
}

.fform4 {
  clear: both;
  position: relative;
  float: left;
  width: 97%;
  overflow: hidden;
  margin: 0;
  padding: 0 1% 0 2%;
  background: transparent url("../imgs/fnd_form1.jpg") no-repeat top left;
}

.cjyellow .fform4 {
  background: transparent url("../imgs/fnd_form1_yellow.jpg") no-repeat top left;
}

.botons_c {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .55em 0;
  text-align: center;
}

.cjemergente .botons_c {
  background-color: #EFEFEF;
}

.botons_r {
  position: relative;
  float: right;
  margin: 0;
  padding: .15em 0 0 0;
  text-align: right;
}

.fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  font-size: .75em;
  color: #000;
  font-family: "Arial Bold",Arial, sans-serif;
  padding: 3px 5px;
}

* html .fboton {
  background: transparent url("../imgs/fnd_btform2.jpg") no-repeat top right;
  border: none;
  padding: 0;
}

* html .fbotonaccion {
  background: transparent url("../imgs/fnd_btform2.jpg") no-repeat top right;
  border: none;
  border: 1px solid #D0D0D0;
  margin-top: -4px;
}

.fbotonaccionw {
  width: 37px !important;
  float: none !important;
  padding-bottom: .3em !important;
}

* html .fcboton {
  padding-top: 3px;
  padding-bottom: 4px;
}

*:first-child+html .fcboton {
  padding-top: 3px;
  padding-bottom: 4px;
}

* html .fcboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.fboton:hover {  
  background: #989898 url("../imgs/fnd_accionsul_over.jpg") repeat-x top left;  
}

.disabled.fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
}

* html .disabled.fboton {
  background: transparent url("../imgs/fnd_btform2.jpg") no-repeat top right;
}

.fboton input {
  background: none;
  border: none;
  cursor: pointer;
}

* html .fboton input {
  background: transparent url("../imgs/fnd_btform1.jpg") no-repeat top left;
  padding: 2px 3px;
}

.frow {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: .6em 0 .6em 0;
}

.frowhr {
  border-top: 1px solid #C0C0C0;
}

.fcol {
  position: relative;
  float: left;
  padding: 0 0 0 2%;
  margin: 0;
}

.fcolright {
  position: relative;
  float: right;
  padding: 0 0 0 2%;
  margin: 0;
}

.ctam1 {
  width: 18%;
}

.ctam2 {
  width: 31%;
}

.ctam3 {
  width: 47%;
}

.ctam4 {
  width: 10%;
}

.ctam5 {
  width: 64%;
}

.ctam6 {
  width: 5%;
}

.ctam7 {
  width: 37%;
}

.ctam8 {
  width: 48%;
}

.ctam9 {
  width: 6%;
}

.ctam10 {
  width: 20%;
}

.ctam11 {
  width: 58%;
}

.ctam12 {
  width: 36%;  
}

.ctam13 {
  width: 14%;
}

.ctam14 {
  width: 75%;
}

.ctam60 {
  width: 60%;
}

.ctam14_4 {
  width: 14.4%;  
}

.ctam15 {
  width: 15%;
}

.ctam16 {
  width: 16%;
}

.ctam25 {
  width: 25%;
}

.ctam08 {
  width: 8%;
}

.ctam30 {
  width: 30%;
}

.ctam40 {
  width: 40%;
}

.ctamboton {
  width: 18%;
  padding: 0 .5em 0 0;
}

.ctamtot {
  width: 98%;
}

.ctam95 {
  width: 95%;
}

.cpad1 {
  padding-top: 3%;
}

.cpad1doble {
  padding-top: 6%;
}
.cpad2 {
  padding-top: 1.5em !important;
}

.cpad3 {
  padding-top: 1.2em;
}

.cpad4 {
  padding-top: 1.35em;
}

.cpad025 {
  padding-top: .25em;
}

.cfirst {
  padding: 0;
}

.cfirsttop {
  padding-top: 0;
}

.cbottom {
  padding-bottom: 2em !important;
}

.cbottom05 {
  padding-bottom: .5em;
}

.ctop {
  padding-top: 1em;
}

.ctop2 {
  padding-top: 2em;
}

.cleft {
  padding-left: 0 !important;
}

.cleft1_5 {
  padding-left: 1.5em !important;
}

.cheight {
  padding-top: 1.2em;
}

* html .cheight {
  padding-top: 1.4em;
}

*:first-child+html .cheight {
  padding-top: 1.4em;
}

.mleftout {
  margin-left: 0 !important;
}

.cmleft1 {
  margin-left: 1% !important;
}

.mtop {
  margin-top: 1em !important;
}

.fspan {
  padding: 0;
  width: 100%;
}

.fsemspan {
  padding: 0;
  width: 30%;
}

label.noshow {
  display: none;
}

label.novisible {
  visibility: hidden;
}

label.paddingtop4 {  
  padding: .4em 0 0 0;
  display: block;
}

.txform {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0 0 7px 0;
  color: #000;
  font-size: .75em;
}

.accions .txform {
  font-size: 1em;
}

.fsemspan label.txform {
  width: 95%;
  padding: 3px 5px 7px 5px;
}

.fspan label.txform {
  width: 95%;
  padding: 5px 5px 7px 5px;
}

.fspan span.txform {
  padding-top: 3px;
}

.txred {
  color: #FF2626;
}

.txform p {
  margin: 0;
  padding: 0 0 .75em 0;
}

.txform ul {
  margin: 0;
  padding: 0 0 .75em 1.25em;
}

.enlinea {
  clear: none !important;
  width: auto !important;
  float: left !important;
  padding-right: 3% !important;
  padding-top: .5em !important;
}

*:first-child+html label.enlinea {
  min-width: 10% !important;
  overflow: visible !important;
  margin-right: 1%;
}

.gropcs {
  float: right;
  width: 58%;
  margin: 0 2% 0 0;
  padding: 0;
}

* html .gropcs {
  width: 57%;
  margin-right: 1%;
}

.labelgropcs {
  float: left;
  width: 39%;
  margin: 0;
  padding: 0;
}

.opcform {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  color: #000;
  font-size: .75em;
  border: 1px solid #ABABAB;
  font-family: Arial, sans-serif;
}

.accions .opcform {
  font-size: 1em;
}

.opcform1 {
  width: 75%;
}

.opcform2 {
  width: 85%;
}

.opcform3 {
  width: 65%;
  margin-right: 2%;
}

.opcformtam1 {
  font-size: 1em !important;
}

.opcformlinea {
  clear: none;
  float: none;
}

.opcformnolabel {
  margin-top: .2em;
}

.boxform {
  position: relative;
  float: left;
  padding: .1em;
  color: #000;
  font-size: .75em;
  border: 1px solid #ABABAB;
  font-family: Arial, sans-serif;
}

.fileform {
  clear: both;
  position: relative;
  float: left;
  width: 80%;
  color: #000;
  font-size: .75em;
  border: 1px solid #ABABAB;
  font-family: Arial, sans-serif;
  width: 100%;
}

.stampq {
  width: 70%;
  clear: none;
  margin-left: 3px;
}

.stampq2 {
  width: 40%;
  clear: none;
  margin-left: 3px;
}

.hover_color {
  background-color: #C3CDD7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/* ----------------------------- Personalización de elementos --------------------------------- */


input.styled {
  display: inline;
}

input.oculto {
  display: none;
}

select.styled {
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 5;
}

.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.disabled * { filter : alpha(opacity=50)\9 }

.checkbox, .radio {
	width: 19px;
	height: 15px;
	overflow: hidden;
	padding: 0 5px 0 0;
	background: url("../imgs/checkbox.gif") no-repeat;
	display: block;
	clear: left;
	float: left;  
}

.radio {
	background: url("../imgs/radio.gif") no-repeat;
}

/* ----------------------------- Fichero adjuntos --------------------------------- */

.file {
  clear: both;
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  padding: 0;
}

.file a {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

.file input {
  display: block;
  position: relative;
  float: right;
  margin: 0;
  padding: 0;
}

.spattach {
  padding: 0 .2em 0 2.5em !important;
  font-size: .75em;
  color: #0A6BA9;
  font-weight: bold;
  background: transparent url("../imgs/ic_attach.gif") no-repeat .5em 0;
}

* html .fbtie {
  background: none;
  padding: 0;
}

.spcabgroup {
  padding: 0 0 0 1em !important;
  color: #000;
  font-size: .8em;
}

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

.txcabgruop {
  width: 17%;
  padding: 0 0 0 1em;
  color: #000;
  font-size: .8em;
}

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

.btclose {
  padding: 0 0 0 1em !important;
  color: #000;
  font-size: .8em;
  background: transparent url("../imgs/ic_form_close.gif") no-repeat 0 .3em;
}

.btopen {
  padding: 0 0 0 1em !important;
  color: #000;
  font-size: .8em;
  background: transparent url("../imgs/ic_form_open.gif") no-repeat 0 .3em;
}

.btclose2 {
  padding: 0 0 0 1em !important;
  color: #000;
  font-size: .8em;
  font-weight: bold;
  background: transparent url("../imgs/arrow_dwn.gif") no-repeat 0 .3em;
}

.btopen2 {
  padding: 0 0 0 1em !important;
  color: #000;
  font-weight: bold;
  font-size: .8em;
  background: transparent url("../imgs/arrow_right.gif") no-repeat 0 .3em;
}

.titcuestionario {
  font-weight: bold;
  text-transform: uppercase;  
}

.titcuestionario span {
  font-weight: normal;  
}
/* ----------------------------------------------------------------------- */

.colgroup {
  position: relative;
  float: right;
  width: 80%;
  margin: 0;
  padding: 0 0 0 1%;
}

.colsubgroup {
  clear: both;
  position: relative;
  float: left;
  width: 95%;
  margin: 0;
  padding: 1% 0 0 5%;
}

.colgroup .colgroup {
  padding: 0;
}

.colminheight {
  min-height: 60px;
}

* html .colminheight {
  height: 60px;
}

.colgroupblock {
  clear: both;
  margin-top: 1em;
}

.grpright {
  padding: 0 0 0 20%;
}

.grpright5 {
  padding: 0 0 0 5%;
}

.cghr {
  width: 82%;
  margin-top: 1em;
  padding-top: .5em;
  border-top: 1px solid #000;
}

.cghrlast {
  padding-bottom: .8em;
  border-bottom: 1px solid #000;
}

.cghr1 {
  width: 68%;
  padding-left: 0;
}

.cghr2 {
  float: right;
  width: auto;
  padding-left: 0;
}

.cghr3 {
  width: 18%;
  padding-left: 0;
}

.cghr4 {
  float: right;
  width: 81%;
  padding-left: 0;
}

.cghrtot {
  width: 100%;
  margin-top: 1em;
  padding-top: .5em;
  border-top: 1px solid #000;
}

.noedit {
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  overflow: hidden;
  margin: 0;
  padding: .1em;
  color: #000;
  font-size: .75em;
  font-family: Arial, sans-serif;
  border: 1px solid #ABABAB;
  text-align: justify;
}

.noedit a {
  color: #0A6BA9;
  font-weight: bold;
}

.netam1 {
  width: 98%;
}

.cboton {
  position: absolute;
  bottom: .875em;
  left: -22%;
}

* html .cboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

*:first-child+html .cboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

.cboton .fboton {
  padding: 3px 15px;
}

* html .cboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.rboton {
  text-align: center;
}

.rboton .fboton {
  padding: 3px 15px;
}

* html .rboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

*:first-child+html .rboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

* html .rboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.rpboton {
  width: 74%;
  text-align: right;
  padding-right: 26%;
}

.rpboton .fboton {
  padding: 3px 15px;
}

* html .rpboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

*:first-child+html .rpboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

* html .rpboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.lboton {
  width: auto;
  float: left;
}

.lboton .fboton {
  padding: 3px 15px;
}

* html .lboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

*:first-child+html .lboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

* html .lboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.lboton .accions {
  border: 1px solid #D0D0D0;
  float: left;  
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
}
.lboton .accions li {
  padding: 3px 5px;
  border-left: 1px solid #D0D0D0;
}

.ctamboton .fboton {
  padding: 3px 15px;
}

* html .ctamboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

*:first-child+html .ctamboton {
  padding-top: 4px;
  padding-bottom: 5px;
}

* html .ctamboton .fboton {
  background: #FFF  url("../imgs/fnd_btform.jpg") repeat-x bottom left;
  border: 1px solid #D0D0D0;
  width: 75px;
  text-align: center;
  padding: 3px 5px;
}

.frow .tblist {
  border: 1px solid #BABABA;
}

.frow .tblist td {
  background-color: #FFF;
}

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

.txformat {
  color: #000;
  font-size: .75em;
}

.txformat a img {
  vertical-align: bottom;
}

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

.tree-path {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  height: 175px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ABABAB;
  background-color: #FFF;
}

.tree-select {
  height: 125px;
}

.ts2 {
  height: 99px;
}

.tree-select li {
  list-style-type: none;
  clear: both;
  position: relative;
  float: left;
  width: 99%;
  margin: 0;
  padding: .4em 1em;
}

.tree-select li.lipar {
  background-color: #EDEDED;
}

.cjusers_group {
  background: #FFF url("../imgs/ic_users_group.gif") no-repeat .2em .1em;
  padding: .1em .1em .1em 1.8em;
  width: 64%;
}

.cjusers {
  background: #FFF url("../imgs/ic_users.gif") no-repeat .2em .1em;
  padding: .1em .1em .1em 1.8em;
  width: 74%;
}

.tdboxform {
  clear: both;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 80px;
  color: #000;
  font-size: 1em;
  border: 1px solid #ABABAB;
  font-family: Arial, sans-serif;
}

.fheight {
  height: 174px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 0 1em 0;
  padding: 0;
}

.ftable {
  clear: both;
  position: relative;
  float: left;
  width: 100%;
  height: 135px;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 0 .3em 0;
  padding: 0;
  background-color: #FFF;
  border: 1px solid #BEBEBE;
}

.ftableheight {
  height: auto !important;
  overflow: hidden;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.ftable label {
  border-bottom: 1px solid #BEBEBE;
  padding: .3em 0;
}

.fcheight {
  max-height: 245px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 0;
  margin-left: 2%;
}

* html .fcheight {
  height: 245px;
  background-color: #FFF;
  margin-left: 1%;
}

/* ----------------------------------------------------------------------- */
.progressbar {
  position:relative;
  float: left; 
  width: 600px;
  border:1px solid #6A6B63;
  height: 21px;
  background: #FFF url("../imgs/fnd_progressbar.jpg") repeat-x;  
}

.progreso {
  position:relative;
  float: left; 
  width: 50%;  
  height: 21px;
  background: #FFF url("../imgs/fnd_progress.jpg") repeat-x;    
}

.completado {
  position:relative;
  float: left; 
  width: 100%;  
  text-align: center;
  height: 21px;
  font-size: 0.8em;  
  margin-top: -18px;
}

.progressbarstate {
  position:relative;
  float: left; 
  width: 100%;  
  text-align: center;
  height: 21px;
  font-size: 0.8em;  
  font-weight: bold;
}

.error {
  position:relative;
  float: left; 
  width: 100%;    
  height: 21px;
  font-size: 0.8em;  
  font-weight: bold;
  color: #FF0000;
}
/* ----------------------------------------------------------------------- */
.cjemer_aviso {
  clear: both;
  position: relative;
  float: left;
  width: 85%;
  margin: 0 0 2% 0;
  padding: 1% 1% 1% 14%;
  background: #FFF8DF url("../imgs/ic_alert.png") no-repeat 4% 40%;
  font-size: .75em;
  color: #000;
  border-bottom: 1px solid #8C8C8C;
}
.cjemer_aviso a {
  color: #000;
}
.cjemer_aviso a:hover {
  color: #000;
}
.cjemer_aviso .txstrong {
  font-weight: bold;
}
/* ----------------------------------------------------------------------- */
.cjform_table {
  clear: both;
  position: relative;
  float: left;
  width: 95.8%;
  margin: 0;
  padding: 0 2%;
  border-left: 1px solid #BABABA;
  border-right: 1px solid #BABABA;
}
.coltit {
  width: 15%;
  font-weight: bold;
  padding-left: 0;
}
/* ----------------------------------------------------------------------- */
.cformtable {
  position: relative;
  float: left;
  width: 40%;
  color: #000;
  font-size: 1em;
  border: 1px solid #ABABAB;
  font-family: Arial, sans-serif;
  margin-right: 3px;
}
.cftam100 {
  width: 90%;
}
.cftam10 {
  width: 10%;
}
.tdcenter .cformtable {
  float: none !important;
}

/* ----------------------------------------------------------------------- */
.listform {
  clear: both;
  position: relative;
  float: left;
  width: 98%;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 2%;
  color: #000;
}

.listform li {
  list-style-type: none;
  padding: 0 0 3px 0;
}


.listform ul {
  font-size: .75em;
}