/* Secciones principales */
.border-bottom {border-bottom: 1px solid #E2E2E2; margin: 0 !important; padding-bottom: 0 !important;}
fieldset {background-color: #F5F5F5; border: 0; padding: 0 0.3em 0.5em 0; border-left: 5px solid #E2E2E2; margin: 0; text-align: left;}
fieldset div {padding: 0.17em 0 0.5em 1em; margin: 0 !important;}
fieldset .radiobutton {list-style-type: none; margin: 0 0 0 1em; padding: 0;}
fieldset .radiobutton label {margin-left: 0.42em;}

fieldset input {float: left; clear: both; padding: 1px !important;}
fieldset textarea {float: left; padding: 2px !important;}
fieldset select {float: left; padding: 0 !important;}
fieldset label {clear: both; float: left; font-size:0.92em; line-height: 1.42em; color:#444; margin: 0 0 0.33em 0; width: 98%;}
fieldset ul label {clear: none; float: none; font-size: 1em; line-height: 1.25em; color: #333333;}
fieldset h2 {font-size: 1.08em; margin: 0.83em 0 0 1em; padding: 0 1em 0.75em 0;}
.border-bottom div.comments {background-color: #FFFFFF; margin: 1em; padding: 0 !important;}

.campo		{margin: 0; font-size:100%; color:#333;} 
.mediano	{width: 10em;}
.chico		{width: 3em;}
.grande		{width: 15em;}
.select		{width: 16em;}
.obligatorio {color: #CC0000;}

.x-font	label {font-size: 1.08em;}
.field		{margin: 0; font-size:100%; color:#333;}
.x-small	{width: 3em;}
.small		{width: 8em;}
.medium		{width: 12em;}
.large		{width: 15em;}
.x-large	{width: 20em;}
.xx-large	{width: 25em;}

#repsuesta-encuesta {padding-left: 2em; font-size: 1.17em;}
#total {font-size: 1.33em;}
#marco-leyenda {border: 1px solid #CCCCCC; padding: 1em; margin: 0 2em 1em 0;}

/* BOTONES */
input.next{ float:right; text-decoration:none; background-color:#f5f5f5; border:1px solid #dedede; border-right:1px solid #bbb; border-bottom:1px solid #BFBFBF;	display:block; line-height:130%; color:#333; font-weight:bold; cursor: pointer; }
input.next{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px; text-align: left; }
input[type].next {width:auto;padding:5px 10px 5px 28px; line-height:17px; }
*:first-child+html input[type].next{padding:4px 10px 3px 28px; }
input.next {background-image: url(/siguiente.gif); background-position: 5px;	background-repeat: no-repeat;}
input:hover.next {background-color:#FDF5EC;border:1px solid #EA9218;color:#EA9218;}
input.next{color:#EA9218;}

input.back{ float:left; text-decoration:none; background-color:#f5f5f5; border:1px solid #dedede; border-right:1px solid #bbb; border-bottom:1px solid #BFBFBF;	display:block; line-height:130%; color:#333; font-weight:bold; cursor: pointer; }
input.back{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px; text-align: left; }
input[type].back {width:auto;padding:5px 10px 5px 28px; line-height:17px; }
*:first-child+html input[type].back{padding:4px 10px 3px 28px; }
input.back {background-image: url(regresar.gif); background-position: 5px;	background-repeat: no-repeat;}
input:hover.back {background-color:#FDF5EC;border:1px solid #EA9218;color:#EA9218;}
input.back{color:#EA9218;}

input.cancel{ float:left; text-decoration:none; background-color:#f5f5f5; border:1px solid #dedede; border-right:1px solid #bbb; border-bottom:1px solid #BFBFBF;	display:block; line-height:130%; color:#333; font-weight:bold; cursor: pointer; margin: 1em 0 0 1em;}
input.cancel{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px; text-align: left; }
input[type].cancel {width:auto;padding:5px 10px 5px 28px; line-height:17px; }
*:first-child+html input[type].cancel{padding:4px 10px 3px 28px; }
input.cancel {background-image: url(cross.png); background-position: 5px;	background-repeat: no-repeat;}
input:hover.cancel {background-color:#FBE3E4;border:1px solid #EF959B;color:#D92E1C;}
input.cancel{color:#D92E1C;}

input.accept{ float:right; text-decoration:none; background-color:#f5f5f5; border:1px solid #dedede; border-right:1px solid #bbb; border-bottom:1px solid #BFBFBF; display:block; line-height:130%; color:#333; font-weight:bold; cursor: pointer; margin: 0.75em 0 0 1em;}
input.accept{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px; text-align: left; }
input[type].accept {width:auto;padding:5px 10px 5px 28px; line-height:17px; }
*:first-child+html input[type].accept{padding:4px 10px 3px 28px; }
input.accept {background-image: url(/user_add.png); background-position: 5px;	background-repeat: no-repeat;}
input:hover.accept {background-color:#E9EFD1;border:1px solid #AACF81;color:#529214;}
input.accept{color:#529214;}

input.pay{text-decoration:none; background-color:#f5f5f5; border:1px solid #dedede; border-right:1px solid #bbb; border-bottom:1px solid #BFBFBF; display:block; line-height:130%; color:#333; font-weight:bold; cursor: pointer; margin: 0.75em auto 0 auto;}
input.pay{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px; text-align: left; }
input[type].pay {width:auto;padding:5px 10px 5px 28px; line-height:17px; }
*:first-child+html input[type].pay{padding:4px 10px 3px 28px; }
input.pay {background-image: url(/pay.png); background-position: 5px;	background-repeat: no-repeat;}
input:hover.pay {background-color:#E9EFD1;border:1px solid #AACF81;color:#529214;}
input.pay{color:#529214;}

.focused{background-color:#fff7c0 !important; border-left-color: #FEE247 !important;}
.error{background-color:#FFDFDF; border-left-color: #FF8484;}
.grupo_campos:active{background-color:#fff7c0;}

/* COLUMNAS
-------------------------------------------------------------------------*/
.col5 {width: 4%;}
.col10 {width: 9%;}
.col15 {width: 14%;}
.col20 {width: 19%;}
.col25 {width: 24%;}
.col30 {width: 29%;}
.col35 {width: 34%;}
.col40 {width: 39%;}
.col45 {width: 44%;}
.col50 {width: 49%;}
.col55 {width: 54%;}
.col60 {width: 59%;}
.col65 {width: 64%;}
.col70 {width: 69%;}
.col75 {width: 74%;}
.col80 {width: 79%;}
.col85 {width: 84%;}
.col90 {width: 89%;}
.col95 {width: 94%;}

.fondo-disabled td {background-color: #ccc;}
.fondo-disabled input {background-color: #ccc;}
.fondo-disabled th {color: #ccc;}
.fondo-enabled td {background-color: #fff;}
.fondo-enabled input {background-color: #fff;}
.fondo-enabled th {color: #333;}

.clear {display:inline-block;}   
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear {height:1%;}
.clear {display:block;}

.hidden {display: none;}
.hide {display: none;}
.show {display: block;}
.left {float: left;}
.right {float: right;}
.txt-left {text-align: left !important;}
.txt-right {text-align: right !important;}
.txt-center {text-align: center !important;}
.center {margin-left: auto; margin-right: auto;}
.clear-both {clear: both;}
.clear-none {clear: none !important;}

#total {background-color: #F0FFE8; border: 1px solid #B5EAB6; text-align: center; margin-top: 30px; padding: 15px 0 15px 0; font-size: 1.5em;}
.input-total {border: 0; text-align: right; font-size: 1.17em; background-color: #F0FFE8;}
#tblLibro {border-collapse: collapse; margin: 0 auto;}
.total-libro {border: 0; font-size: 1.17em;}

#divFactura label {clear: none !important; float: left !important; width: 50% !important; margin-left: 7px;}
.divCheckBox label {clear: none !important; float: left !important; width: 90% !important; margin-left: 7px !important;}

.registro-folio {width: 190px !important; margin-bottom: 20px !important; margin-left: 15px !important; padding: 5px 20px !important; border: 2px solid #009900 !important; background-color: #EAFFEA !important; color: #666 !important; font-size: 15px !important; font-weight: bold !important; text-align: left !important;}
.registro-titulo {font-size: 20px !important; font-weight: normal !important; border-bottom: 1px solid #666 !important; padding-bottom: 5px !important; margin-left: 5px !important;}
.registro-datos-personales {margin: 0 0 20px 15px !important;}
.registro-datos-personales table tr td.titulo {font-weight: bold; text-align: right; width: 20%;}

.registro-error {border: 1px solid #FF0000 !important; background-color: #FFF0F0 !important; padding: 15px 0;}
.registro-error ul {list-style-type: none; margin: 15px 0 0 0; padding: 0;}
.registro-error ul li {margin: 0 0 0 25px; padding: 0;}
.registro-error strong {margin-left: 15px; display: block;}

.global {width: 99% !important;}