* {
    margin: 0;
    padding: 0;
}

/*---contenedor de formulario---*/

.wrapper {
    margin: auto;
    margin-top: 1em;
    width: 68%;
    text-align: center;
}

.wrapper h1,
h3 {
    font-size: 1.2em;
    color: #444;
    text-transform: uppercase;
}
/*---//contenedor de formulario---*/
/*---formulario y elementos---*/

.formulario {
    border: 3px solid #000;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    margin-top: 1em;
    text-align: left;
}

.formulario input, label {
	box-sizing: border-box;
	border: none;
	font-size: 1em;
	margin: 0 1%;
	line-height: 2em;
	color: #777;
}

label {
	font-weight: bold;
	text-transform: uppercase;
}

.titulo {
	background: #569DFF; /* rgb (86, 157, 255)*/
	background-image: url(imgs/lina.png);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #fff;
	font-weight: bold;
	padding: .6em;
	font-size: 1.2em;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
input.texto { /* para todos los campos de texto (inputs) y campos de texto (textarea) */
	width: 98%;
	max-width: 100%;
	border: 1px solid silver;
	border-radius: .8em;
	padding: .3em .5em;
	margin-bottom: 15px;
}
input.texto:hover {
	box-shadow: 0 0 1em rgba(86,157,255,1);
}
input.texto:focus {
	outline: none;
	box-shadow: 0 0 1em rgba(86,157,255,1);
	background: none;
}
input.texto:active {
	background: rgba(86,157,255,.5);
}

textarea {
	resize: none;
	border-radius: .8em;
}
textarea.texto:hover {
	box-shadow: 0 0 1em rgba(86,157,255,1);
}
textarea.texto:focus {
	outline: none;
	box-shadow: 0 0 1em rgba(86,157,255,1);
	background: none;
}
textarea.texto:active {
	background: rgba(86,157,255,.5);
}


	/*---libro---*/
	.libro-fecha, .libro-nrohoja {
		box-sizing: border-box;
		width: 50%;
		float: left;
		text-align: center;
	}
	.libro-fecha {
		border-right: 1px solid #000;
	}
	.libro-fecha input {
		text-align: center;
		width: 25%;
		margin: .3em 0;
	} 
	
	.libro-nrohoja input{
		text-align: center;
		width: 60%;
	}
	.libro-datosproveedor {
		clear: both;
	}
	/*---//libro---*/

	/*---identificacion del prducto/servicio---*/
	input[type="radio"].boton { /* CESAR , falta iconos */
		vertical-align: middle;
		cursor: pointer;
	}
	.tipo_contrato, .monto {
		box-sizing: border-box;
		display: inline-block;
		float: left;
		vertical-align: middle;
		text-align: center;
	}
	.tipo_contrato {
		text-align:center;
		display: inline-block;
		width: 30%;
	}
	.tipo_contrato fieldset {
		border: none;
	}
	
	.monto {
		display: inline-block;
		border-left: 1px solid #000;
		width: 70%;
		text-align: left;
	}
	/*---//identificacion del prducto/servicio---*/

	/*---identificacion del bien contratado---*/
	.reclamo h3 {
		clear: both;
	}
	/*---//identificacion del bien contratado---*/

	/*--detalle queja o reclamo---*/
	.quejareclamo {
		border-bottom: 1px solid #000;
	}
	.detalle-queja, .detalle-pedido {
		box-sizing: border-box;
		float: left;
		width: 49.5%;
	}
	.detalle-queja {
		/*border-right: 1px solid #000;*/ /*cesar*/
	}
	.reclamo {
		box-sizing: border-box;
	}
	.reclamo textarea {
		box-sizing: border-box;
		background: none;
		font-size: 1.1em;
		padding: .5em;
		margin: 0 1em;
		width: 94%;
	}
	.quejareclamo fieldset {
		border: none;
	}
	.firma {
		text-align: center;
	}
	.firma textarea {
		margin-top: 1em;
		height: 4em;
		width: 25%;
	}
	.firma label {
		border-top: 2px solid #000;
	}
	.leyenda {
		background: rgba(68,68,68,.6);
		color: #444;
		border-top: 1px solid #000;
		padding: 1em .5em;
	}
	ul.leyenda {
		background: rgba(68,68,68,.3);
		list-style: none;
	}
	/*--//detalle queja o reclamo---*/

/*---//formulario y elementos---*/