
/* ------------------------- ESTRUCTURAS DE FORMULARIO --------------------------------------------------- */


.form1	{			/* caracteristicas específicas interfaz del bloque o conjunto de preguntas que forman una unidad de trabajo */
	float:left;
	padding:20px;
	}

	.form1 .titulo {	/* características del título de bloque, si es que existe */
		float:left;
		padding:5px;
		margin-bottom:10px;
		border:1px dotted black;
		}

	.form1 .subtitulo {	/* características del subtítulo de bloque */
		float:left;
		padding:10px;
		margin-bottom:25px;
		}

	.form1 .items {	/* características del encabezado de presentacion de un conjunto de preguntas del formulario */
		float:left;
		margin:0 0 10px 5px;
		}

/* ------------------------- FORMAS DE MAQUETAR LOS BLOQUES DE PREGUNTAS --------------------------------------------------- */


form .tipo1	{	
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	}

	form .tipo1 .tit1 {	/* características del título si es que existe */
		}

	form .tipo1 .subtit1 {	/* características del subtítulo  si es que existe */
		}

	form .tipo1 .linea	{	/* linea de formulario tipo 1.  */
		float:left;
		padding-left:20px;
		margin-bottom:2px;
		}

		form .tipo1 .linea .izda{	/* tipo1, izquierda. Incluir width porque afecta a todas */
			float:left;
			width:160px;
			}
		form .tipo1 .linea .dcha{	/* tipo1, derecha. Incluir width porque afecta a todas */
			float:left;
			width:300px;
			}



form .tipo2	{	
	float:left;
	margin-bottom:20px;
	}

	form .tipo2 .tit2 {
		float:left;
		margin:0 20px 20px 20px;
		}

	form .tipo2 .subtit2 {
		float:left;
		margin:20px;
		}


	form .tipo2 .linea	{	
		float:left;
		padding-left:20px;
		margin-bottom:5px;
		}

		form .tipo2 .linea .izda{	
			float:left;
			width:40px;
			}
		form .tipo2 .linea .dcha{	
			float:left;
			width:440px;
			padding-top:3px;
			}


form .tipo3	{	
	float:left;
	margin-bottom:10px;
	border:1px solid #ddd; 
	margin-top:15px; 
	padding:10px;
	}

	form .tipo3 .tit3 {	/* características del título si es que existe */
		margin-bottom:10px;
		padding-left:5px;
		background:#dedede;
		}

	form .tipo3 .subtit3 {	/* características del subtítulo  si es que existe */
		}

	form .tipo3 .linea	{	/* linea de formulario tipo 1.  */
		float:left;
		padding-left:20px;
		margin-bottom:2px;
		}

		form .tipo3 .linea .izda{	/* tipo1, izquierda. Incluir width porque afecta a todas */
			float:left;
			width:140px;
			}
		form .tipo3 .linea .dcha{	/* tipo1, derecha. Incluir width porque afecta a todas */
			float:left;
			width:200px;
			}


/* ------------------------- TABLA POP-UP --------------------------------------------------- */
	
.tabla1	{
	line-height:16px;}

.tabla1 thead th	{
	background:#d8171f;
	line-height:16px;
	color:#fff;
	padding:2px;
	}

.tabla1 tbody td	{
	padding:2px;
	}
.tabla1 tbody .par {
	background:#dfdfdf;
	}

.tabla1 tbody .impar {
	background:#efefef;
	}

.tabla1 tbody .impar:hover td, .tabla1 tbody .par:hover td  {
	background:#FFC600;
	cursor:pointer;
	}

/* ------------------------- ANCHURAS --------------------------------------------------- */

.w10	{width:10px;}
.w20	{width:20px;}
.w30	{width:30px;}
.w40	{width:40px;}
.w60	{width:60px;}
.w80	{width:80px;}
.w100	{width:100px;}
.w120	{width:120px;}
.w140	{width:140px;}
.w160	{width:160px;}
.w180	{width:180px;}
.w200	{width:200px;}
.w220	{width:220px;}
.w240	{width:240px;}
.w260	{width:260px;}
.w280	{width:280px;}
.w300	{width:300px;}
.w320	{width:320px;}
.w340	{width:340px;}
.w360	{width:360px;}
.w380	{width:380px;}
.w400	{width:400px;}
.w420	{width:420px;}
.w440	{width:440px;}
.w460	{width:460px;}
.w480	{width:480px;}
.w500	{width:500px;}
.w420	{width:520px;}
.w540	{width:540px;}
.w560	{width:560px;}
.w580	{width:580px;}
.w600	{width:600px;}
.w620	{width:620px;}
.w640	{width:640px;}
.w660	{width:660px;}
.w680	{width:680px;}
.w700	{width:700px;}
.w720	{width:720px;}
.w740	{width:740px;}
.w760	{width:760px;}
.w780	{width:780px;}
.w800	{width:800px;}

/* ------------------------- COMODINES --------------------------------------------------- */

.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}

.l{float:left;}
.r{float:right;}

.clb {clear:both;}	

/* ------------------------- TEXTOS --------------------------------------------------- */


.txt1{
	font-family:Trebuchet MS, Arial;
	font-size:14px;
	color:#000;
	font-weight:bold;
	}

.txt2{
	font-family:Trebuchet MS, Arial;
	font-size:12px;
	color:#d8171f;
	font-weight:bold;
	}

.txt3{
	font-family:Verdana, Arial;
	font-size:11px;
	color:#000;
	font-weight:normal;
	}

.txt4{
	font-family:Trebuchet MS, Arial narrow;
	font-size:10px;
	color:#999;
	font-weight:normal;
	}
