@charset "utf-8";
/*********************************************************************************
**********************************************************************************
             COMISION DE DERECHOS HUMANOS DEL ESTADO DE MEXICO
        		  DEPARTAMENTO DE DESARROLLO DE SISTEMAS
				           UNIDAD DE INFORMATICA
**********************************************************************************
*********************************************************************************/

fieldset
{
	margin:auto;
	width:600px;
	background-color:#ebebeb;
	border:solid 1px #ABABAB;
	border-radius: 3px;
	padding:15px;
}

legend
{
	color:#008000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-transform:uppercase;
}

table{
	border-collapse:collapse;
}

.label
{
	/*border:1px dotted;*/
	width:150px;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
}

#barra_botones2
{
	/*position:static;*/
	margin:5px auto 0 auto;
	width:630px;
}

.texto
{
	margin:5px;
	/*padding:0 10px;*/
	padding-left:5px;
	width:270px;
	height:25px;
	border:1px solid;
	border-color:#c4c4c4 #d1d1d1 #d4d4d4;
	border-radius:2px;
	outline:5px solid #f3f3f3;
	-moz-outline-radius:3px;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	font-weight:bold;
}

.texto:focus
{
	border-color: #cfcfcf;
	outline-color: #9ed8cc;
	outline-offset: 0;
	background-color:white;
}

.textoL
{
	margin:5px;
	/*padding:0 10px;*/
	padding-left:5px;
	width:470px;
	height:25px;
	border:1px solid;
	border-color:#c4c4c4 #d1d1d1 #d4d4d4;
	border-radius:2px;
	outline:5px solid #f3f3f3;
	-moz-outline-radius:3px;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	font-weight:bold;
}

.textoL:focus
{
	border-color: #cfcfcf;
	outline-color: #9ed8cc;
	outline-offset: 0;
	background-color:white;
}

.combo
{
	margin:5px;
	padding-left:5px;
	width:270px;
	height:25px;
	border:1px solid;
	border-color:#c4c4c4 #d1d1d1 #d4d4d4;
	border-radius:2px;
	outline:5px solid #f3f3f3;
	-moz-outline-radius:3px;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	font-weight:bold;
}

.combo:focus
{
	border-color: #cfcfcf;
	outline-color: #9ed8cc;
	outline-offset: 0;
	background-color:white;
}

.comboL
{
	margin:5px;
	padding-left:5px;
	width:500px;
	height:25px;
	border:1px solid;
	border-color:#c4c4c4 #d1d1d1 #d4d4d4;
	border-radius:2px;
	outline:5px solid #f3f3f3;
	-moz-outline-radius:3px;
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.12);
	font-weight:bold;
}

.comboL:focus
{
	border-color: #cfcfcf;
	outline-color: #9ed8cc;
	outline-offset: 0;
	background-color:white;
}

.txtarea
{
	/*height:70px;
	width:418px;*/
	margin: 5px;
	padding:10px;
	/*padding-left:5px;	*/
	border: 1px solid;
	border-color: #c4c4c4 #d1d1d1 #d4d4d4;
	border-radius: 2px;
	outline: 3px solid #f3f3f3;
	-moz-outline-radius: 3px;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
	font-weight:bold;
	resize:none;
	text-align:justify;
}

.txtarea:focus
{
	border-color: #cfcfcf;
	outline-color: #9ed8cc;
	outline-offset: 0;
	background-color:white;
}

.btn_save
{
	/*padding: 0 18px;*/
	width:80px;
	height: 30px;
	font-size: 11px;
	color:#595959;
	background: #ebebeb;
	border: 1px solid;
	border-color: #b4ccc0 #b4ccc0 #b4ccc0;
	border-radius: 3px;
	outline: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	background:#ebebeb url(../IMAGENES/save.fw.png) center left no-repeat;
	padding-right:10px;
	text-align:right;
}

.btn_save:hover
{
	background-color:#cff3f1;
}


.btn_continua:hover
{
	background-color:#b4d9de;
}

.btn_continua
{
	/*padding: 0 18px;*/
	width:70px;
	height: 30px;
	font-size: 11px;
	color:#595959;
	background: #ebebeb;
	border: 1px solid;
	border-color: #b49c9c9c0 #b49c9c9c0 #b49c9c9c0;
	border-radius: 3px;
	outline: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
	background:#ebebeb url(../IMAGENES/usu_1.fw.png) center left no-repeat;
	padding-right:10px;
	text-align:right;
}
/*label.error
{
	position:absolute;
	display:list-item;
	margin:-35px 0 0 -130px;
	background:#008000;
	opacity:.7;
	filter:alpha(opacity=80);
	color:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow:0 0 7px #000;
	-webkit-box-shadow:0 0 7px #000;
	box-shadow:0 0 7px #000;
	border:2px solid #fff;
	padding:5px 10px;
}
label.error:before {*/
/*content:url(../images/triangle.png);*/
/*position:absolute;
bottom:-36px;
height:36px;
}*/

/*PARA LOS REDIOS Y CHECKS*/
.example{
  margin-bottom : 1.5em;
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 1.6em; /*ancho del radio ó check*/
  height           : 1.6em; /*alto del radio ó check*/
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.1025em solid rgb(200,200,200); /*BORDE DE LOS RADIOS / CHECKS*/
  border-radius    : 0.25em;
  background       : rgb(255,255,255); /*fondo del radio ó check cuando no esta seleccionado*/
  background-image :    -moz-linear-gradient(rgb(211,211,211),rgb(248,248,248));
  background-image :     -ms-linear-gradient(rgb(211,211,211),rgb(248,248,248));
  background-image :      -o-linear-gradient(rgb(211,211,211),rgb(248,248,248));
  background-image : -webkit-linear-gradient(rgb(211,211,211),rgb(248,248,248));
  background-image :         linear-gradient(rgb(211,211,211),rgb(248,248,248));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
/*  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));*/
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : 'X';
  display     : block;
  width       : 1em;
  color       : rgb(49,80,133);
  font-size   : 1.875em;
  line-height : 1em;
  text-align  : left;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 1.15em; /*ancho del cuadrito de seleccion del radio ó check*/
  height           : 1.15em; /*alto del cuadrito de seleccion del radio ó check*/
  margin           : 0.135em;
  border           : 0.1025em solid rgb(54,120,59); /* BORDER DEL CUADRITO SELECCIONADO*/
  border-radius    : 0.325em;
  background       : rgb(0,128,0); /*COLOR DEL CUADRITO QUE INDICA LA SELECCION*/
  background-image :    -moz-linear-gradient(rgb(61,115,176),rgb(189,209,229));
  background-image :     -ms-linear-gradient(rgb(61,115,176),rgb(189,209,229));
  background-image :      -o-linear-gradient(rgb(61,115,176),rgb(189,209,229));
  background-image : -webkit-linear-gradient(rgb(61,115,176),rgb(189,209,229));
  background-image :         linear-gradient(rgb(61,115,176),rgb(189,209,229));
}