/* CSS Document */
@charset "utf-8";

@font-face {/* DETERMINAR FUENTE PERSONALIZADA */
  font-family: MyFont;
  src: url("img/ChocR.otf");
  /*src: url(ttf/SmallTypeWriting.ttf);*/
}

::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #000;
}

body {
	color:#2A2A2A;
	font-family:MyFont;
	font-size:14pt;
}

#dv_Global{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 0;
	background-image: url("img/back.png");
	background-repeat:repeat;
	background-size: 100%;
	min-width: 1350px;
	min-height: 600px;
}

#dv_Logo{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 300px;
	margin-left: -100px;
	margin-top: -150px;
	z-index: 1;
	background-image: url("img/logo.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#dv_Titulo{
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	height: 75px;
	z-index: 1;
	color:#BFBFBF;
	background-color: rgba(43,43,43,0.75);
}
#dv_Titulo .it_Titulo {
	font-size:20pt;
	font-weight:bold;
}

#dv_Titulo .it_FechaHora {
	font-size:16pt;
	font-weight:bold;
}

#dv_Contenido{
	position: absolute;
	top: 95px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1;
	overflow:auto;
	background-color: rgba(184,184,184,0.0);
}
/*****************
*
*   INFORMACION
*
****************/

#it_Informacion
{
	
}
#it_Informacion tr
{
	background-color: rgba(184,184,184,0.75);
}
#it_Informacion td {
	padding-left: 10px;
	height: 30px;
}
#it_Informacion .it_Titulo{
	font-size:16pt;
	font-weight:bold;
	color:#BFBFBF;
	background-color: rgba(43,43,43,0.75);	
}
#it_Informacion .it_Space{
	font-size:1px;
	height: 15px;
}
#it_Informacion .it_End{
	font-size:1px;
	height: 30px;
	background-color: rgba(43,43,43,0.75);	
}
#it_Informacion input[type=text] {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #D0D0D0;
	border-radius: 5px;
	border: solid #000 1px;
	padding-left: 10px;
}
#it_Informacion input[type=text]:focus {
	min-width: 150px;
	height: 28px;
	background-color: #CCCCCC;
	color: #000;
	font-size: 14px;
	border-radius: 5px;
	border: solid #FFFF00 2px;
	padding-left: 10px;
}
#it_Informacion select {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #D0D0D0;
	border-radius: 5px;
	border: solid #000 1px;
}
#it_Informacion select:focus {
	min-width: 150px;
	height: 28px;
	background-color: #CCCCCC;
	color: #000;
	font-size: 14px;
	border-radius: 5px;
	border: solid #FFFF00 2px;
	padding-left: 10px;
}
#it_Informacion input[type="button"] {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #D0D0D0;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #000 1px;
	cursor: pointer;
}
#it_Informacion input[type="button"]:hover {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #FF0;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #FF0 1px;
	cursor: pointer;
}

#it_Informacion input[type="button"]:active {
	min-width: 150px;
	height: 28px;
	background-color: #1E1E1E;
	color: #767676;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #B8B8B8 1px;
	cursor: pointer;
}
#it_Informacion input[type="button"]:disabled {
	min-width: 150px;
	height: 28px;
	background-color: #1E1E1E;
	color: #3D3D3D;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #B8B8B8 1px;
	cursor: pointer;
}
#it_Informacion h3{
	text-align:	center;
	font-weight: bold;
	text-decoration: underline;
}
#it_Informacion h4{
	text-align:	center;
	font-weight: bold;
	text-decoration: underline;
}
#it_Informacion .myCheck{
	appearance: none;
	border-radius: 4px;
	background-color: #626262;
	border:1px solid #000;
	color: #D0D0D0;
	width:30px;
	height:30px;
}
#it_Informacion .myCheck:checked{
	appearance: none;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-color: #626262;
	border:1px solid #000;
	color: #D0D0D0;
	width:30px;
	height:30px;
}
/*****************
*
*   FORMULARIOS
*
*****************/

#it_Formularios
{
	border-collapse: separate;
	border-spacing: 0px 2px;
}
#it_Formularios .it_Titulo{
	font-size:16pt;
	font-weight:bold;
	color:#BFBFBF;
	background-color: rgba(43,43,43,0.75);	
}
#it_Formularios .it_Label {
	font-size: 14pt;
	font-weight: bold;
	padding-left: 10px;
}

#it_Formularios .it_Caption {
	font-size: 10pt;
	/*padding-left: 10px;*/
}
#it_Formularios .it_Space {
	font-size: 1px;
	height: 15px;
}
#it_Formularios .it_End {
	font-size: 1px;
	height: 25px;
	background-color: rgba(43,43,43,0.75);	
}

#it_Formularios td
{
 height: 30px;
}
#it_Formularios tr:nth-child(even)
{
	background-color: rgba(213,213,213,0.75);
}
#it_Formularios tr
{
	background-color: rgba(184,184,184,0.75);
}

#it_Formularios input[type="button"], input[type="reset"], input[type="submit"] {
	min-width: 150px;
	height: 30px;
	background-color: #626262;
	color: #D0D0D0;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #000 1px;
	cursor: pointer;
}

#it_Formularios input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #FF0;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #FF0 1px;
	cursor: pointer;
}

#it_Formularios input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	min-width: 150px;
	height: 28px;
	background-color: #1E1E1E;
	color: #767676;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 5px;
	border: solid #B8B8B8 1px;
	cursor: pointer;
}

#it_Formularios input[type='text'], select, input[type='date'], input[type='tel'], input[type='email'] {
	min-width: 150px;
	height: 28px;
	background-color: #626262;
	color: #D0D0D0;
	border-radius: 5px;
	border: solid #000 1px;
	padding-left: 10px;
}

#it_Formularios textarea
{
	min-width: 200px;
	height: 50px;
	background-color: #626262;
	color: #D0D0D0;
	border-radius: 5px;
	border: solid #000 1px;
	padding-left: 10px;	
}

#it_Formularios input[type='text']:focus, select:focus, textarea:focus, input[type='date']:focus, input[type='tel']:focus, input[type='email']:focus {
	min-width: 150px;
	height: 28px;
	background-color: #CCCCCC;
	color: #000;
	font-size: 14px;
	border-radius: 5px;
	border: solid #FFFF00 2px;
	padding-left: 10px;
}

#it_Formularios textarea
{
	min-width: 200px;
	height: 50px;
	background-color: #626262;
	color: #D0D0D0;
	border-radius: 5px;
	border: solid #000 1px;
	padding-left: 10px;	
}
#it_Formularios textarea:focus
{
	min-width: 200px;
	height: 50px;
	background-color: #CCCCCC;
	color: #000;
	font-size: 14px;
	border-radius: 5px;
	border: solid #FFFF00 2px;
	padding-left: 10px;	
}


#it_Formularios .myCheck{
	appearance: none;
	border-radius: 4px;
	background-color: #626262;
	border:1px solid #000;
	color: #D0D0D0;
	width:30px;
	height:30px;
}
#it_Formularios .myCheck:checked{
	appearance: none;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
	background-color: #626262;
	border:1px solid #000;
	color: #D0D0D0;
	width:30px;
	height:30px;
}