﻿body
{
	background-color:#DBEDFE;
}
#procesando
{
	display:none;
	position: absolute; 
	top: 30%; left: 20%;
	width: 100%; height: 100%;
}
#cbmenu
{
	float:left;
	border:1px solid #D6D3CE;
	border-radius: 0px;
	background:#D6D3CE;
	margin-top:0px;
}
.cbmenu
{
	float:left;
	border:1px solid #D6D3CE;
	border-radius: 0px;
	background:#D6D3CE;
	margin-top:0px;
}

.cursor:hover{
	cursor: pointer;
}
.cmdimg
{
	float:right;
	width:33px;
	display:none;
	margin:auto;
}
.cmdimg:hover{
	cursor: pointer;
}
.cmdimgv
{
	/*float:right;*/
	width:33px;
	margin-left: auto; /*margenes se centra*/
	margin-right: auto;
}
.cmdimgv:hover{
	cursor: pointer;
}

.salir
{
	width:30px;
	float:right;
}
.salir:hover {
	cursor: pointer;
}
.ok
{
	width:20px;
	float:right;
}
.ok:hover {
	cursor: pointer;
}
.bordes
{
	border:1px solid black;
	border-radius: 5px;
}
.zona_gris
{
	background:#9B9B9B;
}
.grilla_modi
{
	background:yellow;
	color:red;
}
.colortab,
.tab-item:hover
{
	transition: .2s ease-in-out;
	background-color: rgba(0, 0, 0, .05);
}


.item-area{
	transition: all .2s ease-in-out;
}

.item-area:hover{
	transition: all .2s ease-in-out;
	transform: scale(1.03);
}

#titulo_form
{
	text-align:center;
	font-size: 15pt;
	font-weight: bold;
}
.tab-item
{
	transition: .2s ease-in-out;
	cursor: pointer;
	padding: 10px 15px;
	border-radius: 8px;
	margin-bottom: 12px;
	border: 1px solid rgba(0, 0, 0, .05);
}

.cube-img{
	object-fit: cover;
	object-position: center;
	width: 100%;
	min-height: 180px;
	max-height: 180px;
}

.cube-img-mini{
	object-fit: cover;
	object-position: center;
	width: 40px;
	height: 40px;
}

.btn-next-tour .shepherd-footer button:last-child{ color: #FFF!important; }

.contenidotab
{
	border:2px solid black;
	border-radius: 10px;
	width:100%; height: 400px;
	/*display:none;*/
}
.familia
{
	width: 125px; height: 80px;
	text-align: center; /*alineacion del texto*/
	margin-left: auto; /*margenes se centra*/
	margin-right: auto;
	padding-top:1px;/* mangen interna del contenido tambien usar solo :5px*/
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:2px solid #000000;
	border-radius: 20px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
}
hr
{
	width:90%;
	text-align:center;
	color:black;
	border:2px solid black;
	border-radius: 20px;
}
.itemenu
{
	background-color: #fff;
	/*border:2px solid #db0b12;*/
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
	border-radius: 10px;
	width:100px;
	height: 100px;
	object-fit: cover;
	object-position: center;
}


#areasLista{
	list-style: none;
	padding: 0;
}

.itemenulabel
{
	float:left;
	border:0px solid black;
	border-radius: 20px;
	width:120px;height: 130px;
	text-align: center;
}

#contenedor
{
	border:3px solid #000000;
	border-radius: 20px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
	width: 800px; height: 630px;
	background-color:#E48D8D;
}
.contenedor
{
	border:3px solid #000000;
	border-radius: 20px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
	width: 800px; height: 630px;
	background-color:#E48D8D;
}
.tab:hover {
	cursor: pointer;
	background-color:yellow;
}
.item:hover {
	cursor: pointer;
	background-image: url(../imagenes/botonselec.jpg);
}
.boton:hover{
	cursor: pointer;
	background-image: url(../imagenes/botonselec.jpg);
}
.botoncancelar:hover{
	cursor: pointer;
	background-image: url(../imagenes/botonselec.jpg);
}
a
{
	text-decoration:none; 
}
.boton
{
	width: 100px; height: 30px;
	text-align: center; /*alineacion del texto*/
	margin-left: auto; /*margenes se centra*/
	margin-right: auto;
	padding-top:1px;/* mangen interna del contenido tambien usar solo pandding:5px*/
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:2px solid #000000;
	border-radius: 20px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
	font-size: 13pt;
	/*background:#E52B3C; */
	background-image: url(../imagenes/boton.jpg);
}
.botoncancelar
{
	width: 100px; height: 30px;
	text-align: center; /*alineacion del texto*/
	margin-left: auto; /*margenes se centra*/
	margin-right: auto;
	padding-top:1px;/* mangen interna del contenido tambien usar solo pandding:5px*/
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:2px solid #000000;
	border-radius: 20px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
	font-size: 13pt;
	/*background:#E52B3C; */
	background-image: url(../imagenes/boton.jpg);
	display:none;
}

input, select
{
	border-radius: 20px; 
	background-color:white;
	text-align: center; /*alineacion del texto*/
}
textarea
{
border-radius: 10px;
}
#imgcargada
{
	position: absolute; 
	top: 70px; left: 30%;

}
#gris
{
display:none;
position: absolute; 
top: 0%; left: 0%;
width: 100%; height: 100%;
background:#AFAFAF; 
}
.barra_vertical
{
	overflow-x: hidden;
	overflow-y: visible;
}
.barra_horizontal
{
	overflow-y: hidden; 
	overflow-x: visible;
}
.barra_todo
{
	overflow: auto;
}
.oculto
{
	display:none;
}
#resultado
{
/*display: disabled;*/
display:none;
position: absolute; 
top: 1%; left: 15%; /*posicion en pantalla */
width: 600px; height: 400px;
text-align: left; /*alineacion del texto*/
margin-left: auto; /*margenes se centra*/
margin-right: auto;
padding-top:1px;/* mangen interna del contenido tambien usar solo pandding:5px*/
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
border:5px solid #000000;
border-radius: 10px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
font-size: 13pt;
background:#8AAAE7; 
overflow: auto;
}
#tablaresultados tr:nth-child(odd){ background: #ececec;} /* color claro para las filas impares */
#tablaresultados tr:nth-child(even){ background: #bdbdbd;}
#tablaresultados tr:hover{ background: #FCF3B5;}
.mouse:hover
{
	cursor: pointer;
}
.borde
{
border:3px solid #000000;
border-radius: 10px; /*-webkit-border-radius: 10px; o -moz-border-radius:10px;*/
}
.grande
{
font-size: 15pt;
}
.masgrande
{
font-size: 30pt;
}
.listapapas
{
	width: 400px; height: 250px;
	overflow-x: hidden; 
}
.listatablas
{
	height: 180px;
	overflow-x: hidden; 
}
.error{
	
	background-color:#BC1010;
	padding:6px 12px;
	border-radius:4px;
	color:white;
	font-weight:bold;
	font-size:25px;
	margin-left:16px;
	margin-top:6px;
	position:absolute;
}
.error:before{
	content:'';
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	border-right:8px solid #BC1010;
	border-left:8px solid transparent;
	left: -16px;
	position:absolute;
	top:5px;
}






/* PEDIR FECHA NACIMIENTO Y GENERO */
.overall {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999999999!important;
	background: white;
	text-align: center;
	padding: 50px 0;
}
