
div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"] , div[id^="DIV_TEXTOPIETI"], div[id^="DIV_PIETI"]{
	position: relative !important;
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
}

div[id^="DIV_BLOQUETI"]{
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	top: 0 !important;
	left: 0 !important;
	overflow: auto !important;
	overflow-y: auto !important;
}

div[id^="DIV_BLOQUETI"] > div[id^="CONT"]{
	height: auto !important;
}

div[id^="FILATABERR"]{
	height: auto !important;
}
div[id^="FILATABERR"] > div {
	position: relative !important;
}


div[id^="DIV_PREG"] {
	padding: 32px 32px 0 32px;
	box-sizing: border-box;
}

div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"]{
	padding-top: 10px;
	padding-left: 2%;
	padding-bottom: 15px;

}

#divContenedorEntrevista {
	font-family: 'Verdana' !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
	transform: none !important;
	margin: 0 auto 50px auto !important;
	position: relative !important;
	height: auto !important;
}
#DIV_BOTONES
{
	background: #a8a8a8 !important;
	background: -moz-linear-gradient(top, #a8a8a8 0%, #adadad 50%, #adadad 53%, #b5b5b5 100%) !important;
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #a8a8a8), color-stop(50%, #adadad), color-stop(53%, #adadad), color-stop(100%, #b5b5b5)) !important;
	background: -webkit-linear-gradient(top, #a8a8a8 0%, #adadad 50%, #adadad 53%, #b5b5b5 100%) !important;
	background: -o-linear-gradient(top, #a8a8a8 0%, #adadad 50%, #adadad 53%, #b5b5b5 100%) !important;
	background: -ms-linear-gradient(top, #a8a8a8 0%, #adadad 50%, #adadad 53%, #b5b5b5 100%) !important;
	background: linear-gradient(to bottom, #a8a8a8 0%, #adadad 50%, #adadad 53%, #b5b5b5 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#b5b5b5', GradientType=0 ) !important;
	border: 1px solid !important;
	box-sizing: border-box !important;
	height: 50px !important;
}

.botinferior
{
	padding: 3px;
	text-align: center;
	font-size: 14px !important;
	font-weight: bold;
	cursor: pointer;
}

.botinferior:active
{
	transform: translate(0px,4px);
	-webkit-transform: translate(0px,4px);
}


@media all and (max-width : 1824px){
/* Pantallas de gran resoluci�n ----------- */
}


@media all and (max-width : 1370px){
/* PCs de escritorio y port�tiles ----------- */
}

@media all and (min-width : 768px) and (max-width : 1024px){
/* Tabletas (Vertical y Horizontal) ----------- */
	#divContenedorEntrevista {
		width: 100% !important;
		height: auto !important;
	}

	#divContenedorEntrevista > div {
		width: 100% !important;
	}

	div[id^="DIV_PREG"] {
		min-height: 100% !important;
		height: auto !important;
		padding: 18px 18px 0 18px;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"],
	.variable , div[id^="DIV_IMG"], div[id^="DIV_PREG"]  > div[id^="DIV_VIDEO"], .video-js {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="TXTDEVAR_DIV_VAR"] > div[id^="DIV_VAR"]  {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="text"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="number"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > textarea[id^="VAR"] {
		width: 100% !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > select[id^="VAR"] {
		width: 100% !important;
	}


	div[id^="DIV_PREG"]  > div[id^="DIV_TEXTO_PREG"],
	.texto {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_IMG"]{
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_ENCABEZADO"] , div[id^="DIV_PIE"]{
		height: auto !important;
	}

	div[id^="DIV_ENCABEZADO"] > div , div[id^="DIV_PIE"] > div {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}

	div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"]{
		height: auto !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
		width: 100% !important;
		display: inline-block;
		position: relative !important;
		text-align: center;
		left: 0 !important;
		top: 0 !important;
	}

	div[id^="DIVFP_"]> img
	{
		display: inline !important;
		margin: auto !important;
	}

	div[id^="DIV_PREG"] > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
	height: auto !important;
	}

	div[id^="DIVFP_"]> div[id^="SEL_"]
	{
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
	}
}

@media all and (max-width : 800px){
/* Tabletas (Horizontal) ----------- */

	#divContenedorEntrevista {
		width: 100% !important;
		height: auto !important;
	}

	#divContenedorEntrevista > div {
		width: 100% !important;
	}

	div[id^="DIV_PREG"] {
		min-height: 200px !important;
		height: auto !important;
		padding: 18px 18px 0 18px;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"], div[id^="DIV_PREG"]  > div[id^="DIV_VIDEO"], .video-js,
	.variable {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="TXTDEVAR_DIV_VAR"] > div[id^="DIV_VAR"]  {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="text"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="number"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > textarea[id^="VAR"] {
		width: 100% !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > select[id^="VAR"] {
		width: 100% !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_TEXTO_PREG"],
	.texto {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_IMG"]{
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}


	div[id^="DIV_ENCABEZADO"] , div[id^="DIV_PIE"]{
		height: auto !important;
	}

	div[id^="DIV_ENCABEZADO"] > div , div[id^="DIV_PIE"] > div {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}

	div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"]{
		height: auto !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
		width: 100% !important;
		display: inline-block;
		position: relative !important;
		text-align: center;
		left: 0 !important;
		top: 0 !important;
	}

	div[id^="DIVFP_"]> img
	{
		display: inline !important;
		margin: auto !important;
	}

	div[id^="DIV_PREG"] > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
	height: auto !important;
	}

	div[id^="DIVFP_"]> div[id^="SEL_"]
	{
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
	}
	
}
@media all and (min-width : 600px) and (max-width : 800px){
/* Peque�as Tabletas (Vertical y Horizontal) ----------- */
	#divContenedorEntrevista {
		width: 100% !important;
		height: auto !important;
	}

	#divContenedorEntrevista > div {
		width: 100% !important;
	}

	div[id^="DIV_PREG"] {
		min-height: 200px !important;
		height: auto !important;
		padding: 18px 18px 0 18px;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"], div[id^="DIV_PREG"]  > div[id^="DIV_VIDEO"],
	.variable, .video-js {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="TXTDEVAR_DIV_VAR"] > div[id^="DIV_VAR"]  {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="text"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="number"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > textarea[id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > select[id^="VAR"] {
		width: 100% !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_TEXTO_PREG"],
	.texto {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_IMG"]{
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_ENCABEZADO"] , div[id^="DIV_PIE"]{
		height: auto !important;
	}

	div[id^="DIV_ENCABEZADO"] > div , div[id^="DIV_PIE"] > div {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
	}


	img {
		max-width: 98%;
		height: auto !important;
	}

	div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"]{
		height: auto !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
		width: 100% !important;
		display: inline-block;
		position: relative !important;
		text-align: center;
		left: 0 !important;
		top: 0 !important;
	}

	div[id^="DIVFP_"]> img
	{
		display: inline !important;
		margin: auto !important;
	}

	div[id^="DIV_PREG"] > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
	height: auto !important;
	}

	div[id^="DIVFP_"]> div[id^="SEL_"]
	{
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
	}	
}

@media all and (max-width : 750px){
/* Peque�as Tabletas (Apaisado o Horizontal) y Tabletas (Vertical) ----------- */

	#divContenedorEntrevista {
		width: 100% !important;
		height: auto !important;
	}

	#divContenedorEntrevista > div {
		width: 100% !important;
	}

	div[id^="DIV_PREG"] {
		min-height: 200px !important;
		height: auto !important;
		padding: 18px 18px 0 18px;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"], div[id^="DIV_PREG"]  > div[id^="DIV_VIDEO"], .video-js,
	.variable {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="TXTDEVAR_DIV_VAR"] > div[id^="DIV_VAR"]  {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		border-spacing: 2px !important;
		border-collapse: separate !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="text"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > input[type="number"][id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > textarea[id^="VAR"] {
		width: 100% !important;
	}
	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > select[id^="VAR"] {
		width: 100% !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_TEXTO_PREG"],
	.texto {
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_PREG"]  > div[id^="DIV_IMG"]{
		position: relative !important;
		height: auto !important;
		width: 100% !important;
		top: 0 !important;
		left: 0 !important;
		padding: 2px !important;
		margin-top: 5px !important;
	}

	div[id^="DIV_ENCABEZADO"] , div[id^="DIV_PIE"]{
		height: auto !important;
	}

	div[id^="DIV_ENCABEZADO"] > div , div[id^="DIV_PIE"] > div {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}

	div[id^="DIV_TEXTOTI"], div[id^="DIV_TXTTI"]{
		height: auto !important;
	}

	/*div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > div[id^="DIVCOL_"] {
		width: 100% !important;
	}*/
	/* Enric 16/01/2018 Si no lo ponemos director, no se ajusta la variable cuando tiene textos de variable*/
	div[id^="DIVCOL_"]{
		width: 100% !important;
	}

	/* ajustes tablas de items Enric 20/02/2017*/

		div[id^="FILASTABITEMS_"]{
			-webkit-column-count: initial !important;
    	-moz-column-count: initial !important;
    	column-count: initial !important;
			width: 96% !important; /* Transponer */
		}
		/* Transponer */
		div[id^="FILATABITEMS_"]{
			display: table !important;
			text-align: initial !important;
			width: 100% !important;
			border-bottom: 1px solid #ccc !important;
		}
		div[id^="DIV_TXTIZQ_"]{
			text-align: initial !important;
		}
		div[id^="FILATABITEMS_"]  > div[id^="DIV_VAR"] > div[id^="DIVCOD_"] >input{
			top: 0 !important;
			position: initial !important;
			transform: initial !important;
			vertical-align: middle !important;
		}


	  div[id^="FILATABITEMS_"]  > div
	  {
			display: block !important;
			width: 100% !important;
			padding: 8px 0 8px 8px;
	  }

	  div[id^="FILATABITEMS_"]  > div[id^="DIV_VAR"] > div[id^="DIVCOD_"]
	  {
			width: 100% !important;
			text-align: left !important;
			display: table !important;
			background-color: initial !important;
	  }

	  div[id^="FILATABITEMS_"]  > div[id^="DIV_VAR"] > div[id^="DIVCOD_"] > span
	  {
			display: table-cell !important;
			width: 90% !important;
		}

		div[id^="FILATABITEMS_"]  > div[id^="DIV_VAR"]{
			text-align: left !important;
		}

		div[id^="FILATABITEMS_"]  > div[id^="DIV_VAR"] > span
	  {
			display: inline-block !important;
			margin-right: 10px !important;
	  }


	  div[id^="CODIGOSTABITEMS_"], div[id^="TEXTOSTABITEMS_"]
	  {
			display: none !important;
	  }
		div[id^="relleno_"]
	  {
			display: none !important;
	  }

	div[id^="DIV_PREG"]  > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
		width: 100% !important;
		display: inline-block;
		position: relative !important;
		text-align: center;
		left: 0 !important;
		top: 0 !important;
	}

	div[id^="DIVFP_"]> img
	{
		display: inline !important;
		margin: auto !important;
	}

	div[id^="DIV_PREG"] > div[id^="DIV_VAR"] > div[id^="DIVFP_"]
	{
	height: auto !important;
	}

	div[id^="DIVFP_"]> div[id^="SEL_"]
	{
		position: absolute;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		margin: auto !important;
	}

}

/* Smartphones (Apaisado o Horizontal) ----------- */
@media all and (max-width : 640px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Peque�as Tabletas (Vertical) ----------- */
@media all and (max-width : 600px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Smartphones (Vertical y Horizontal) ----------- */
@media all and (min-width : 320px) and (max-width : 480px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Smartphones (Vertical) ----------- */
@media all and (max-width : 480px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Peque�os Smartphones (Apaisado o Horizontal) ----------- */
@media all and (max-width : 430px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Smartphones (Vertical) ----------- */
@media all and (max-width : 375px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

/* Peque�os Smartphones (Vertical) ----------- */
@media all and (max-width : 320px){
	.variable {
		position: relative;
	}

	.texto {
		position: relative;
		height: auto;
	}

	img {
		max-width: 98%;
		height: auto !important;
	}
}

.circulo_spin {
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  border-radius: 99%;
  border: 12px solid #E2E2E2;
  border-top-color: #C15200;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.centradoProcesando{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.popupProcesando{
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
	cursor: progress;
}

img[id^="IMGZON_"]{
    width: initial !important;
    height: initial !important;
    max-width: initial !important;
	display:inline-block !important;
}

div[id^="FILASTABITEMS_"] .select2-container
{
  display: inline-table!important;
  table-layout: fixed!important;
}  


.superiorfijada{
	background-color: #fff;
    position: fixed !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    top: 0px !important;  
    overflow: hidden !important;
    z-index: 100;
}

.marcartxtcont{
	user-select: none;
	-webkit-user-select: none;
}

.spantxt{
	cursor:pointer;
}