/* Secciones principales */
.border-bottom {border-bottom: 1px solid #E2E2E2; margin: 0 1em 0 1em !important; padding: 0 !important;}
#container fieldset {background-color: #F5F5F5; border: 0; padding: 0.33em 0.3em 0.5em 0 !important; border-left: 5px solid #E2E2E2; margin: 0 !important; text-align: left; overflow: hidden; width: 100%;}
fieldset div {padding: 0.33em 0 1em 1em;}
fieldset .checkbox, fieldset .radiobutton, fieldset .radiobutton-h {list-style-image: none !important; list-style-type: none !important; margin: 0 0 0 1em; padding: 0; font-family: Verdana, sans-serif !important;}
fieldset .checkbox label , fieldset .radiobutton label {margin-left: 0.42em; font-family: Verdana, sans-serif !important;}
fieldset .radiobutton-h label {margin-left: 0.42em !important; font-family: Verdana, sans-serif !important;}
fieldset .radiobutton-h li {float: left; margin-right: 15px !important; font-family: Verdana, sans-serif !important;}

#container fieldset input[type='text'], #container fieldset input, #container fieldset textarea, #container fieldset select, #container fieldset select[multiple] {float: left; padding: 3px !important; font-family: Verdana, sans-serif !important;}
#container fieldset input {float: left; clear: both;}
fieldset label {clear: both; float: left; font-size:0.92em; line-height: 1.42em; color:#444; margin: 0 0 0.33em 0 !important; width: 98%; font-family: Verdana, sans-serif !important;}
fieldset ul {list-style-type: none; margin: 0 0 0 1.25em;}
fieldset ul label {clear: none; float: none; font-size: 1em; line-height: 1.25em; color: #333333;}
fieldset ul li {background: none !important; text-align: left; padding: 0 0 0 1.25em; margin: 0.83em 0;}
h2.titulo {font-size: 1.50em !important; margin: 1em 0.67em 0 0.67em !important; padding: 0.42em 0.67em; color: #000 !important; font-weight: normal !important; background: #E2E2E2; font-family: Arial;}
fieldset h3 {font-size: 1.08em !important; margin: 1em 0 0 1em !important; padding: 0 1em 1em 0; color: #000 !important; font-weight: bold !important;}
fieldset a img {border:none;}
.border-bottom div.comments {background-color: #FFFFFF; margin: 1em; padding: 0 !important;}

fieldset label.left-important {clear: none !important; float: left !important;}
fieldset input.left-important {clear: none !important; float: left !important;}

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

.field		{margin: 0; font-size:100%; color:#333;}
.xx-small	{width: 1.82em;}
.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: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 !important;}
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 !important; border:1px solid #EA9218 !important; color:#EA9218 !important;}
input.next{color:#EA9218 !important;}

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;  margin: 1em 0 0 1em !important;}
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 !important; border:1px solid #EA9218 !important; color:#EA9218 !important;}
input.back{color:#EA9218 !important;}

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 !important;}
input.cancel{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px !important; text-align: left; }
input[type].cancel {width:auto;padding:5px 10px 5px 28px !important; line-height:17px; }
*:first-child+html input[type].cancel{padding:4px 10px 3px 28px !important; }
input.cancel {background-image: url(cross.png); background-position: 5px; background-repeat: no-repeat;}
input:hover.cancel {background-color:#FBE3E4 !important;border:1px solid #EF959B !important;color:#D92E1C !important;}
input.cancel{color:#D92E1C !important;}

input.accept{ 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 !important;}
input.accept{width: auto !important;overflow:visible;font-weight:bold;padding:4px 10px 3px 28px !important; text-align: left; }
input[type].accept {width:auto;padding:5px 10px 5px 28px !important; line-height:17px; }
*:first-child+html input[type].accept{padding:4px 10px 3px 28px !important; }
input.accept {background-image: url(accept.png); background-position: 5px;	background-repeat: no-repeat;}
input:hover.accept {background-color:#E9EFD1 !important;border:1px solid #AACF81 !important;color:#529214 !important;}
input.accept{color:#529214 !important;}

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

input.disabled, select.disabled {background-color: #f2f2f2;}
input[disabled='disabled'] {background-color: #f2f2f2;}
select[disabled='disabled'] {background-color: #f2f2f2;}
