@charset "utf-8";
/* CSS Document */
/* Cajas con contenido de color */

.box-blue,
.box-amarillo,
.box-contorno,
.box-alerta,
.box-grisclaro,
.box-contorno-suave,
.box-blanco{
	margin:20px  25px 25px;
	overflow:hidden;
	padding:20px;
	-webkit-border-radius: 10px;
        border-radius: 10px;
		margin-left:10px !important;
		
}

.box-blue {
	background-color:#d8ecf7;
	border:1px solid #afcde3;
}
.box-amarillo{
	background-color:#fdfdfdfa;
	border:1px solid #eed254;
}

.box-contorno-suave{
	background-color:#EBEBEB;
	border:1px solid #093 !important;
}
.box-contorno {
	border:1px solid #babeba !important;
}
.box-alerta {
	background-color:#ebe2bb !important;
	border:1px solid #ebdc86 !important;
}

.box-blanco {
	background-color:#eee6e6 !important;
	border:1px solid rgb(150, 145, 145) !important;
}
 
  /*select  */
.content-input input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.content-select{
	max-width: 200px;
	position: relative;
}
 
.content-select select{
	display: inline-block;
	width: 100%;
	cursor: pointer;
  	padding: 7px 10px;
  	height: 42px;
  	outline: 0; 
  	border: 0;
	border-radius: 0;
	background: #FFF;
	font-size: 1em;
	color:#00376d;   /*00376d color azul arrigoni */
	font-weight:bold;

	font-family: 
	'Quicksand', sans-serif;
	border:2px solid rgba(0,0,0,0.2);
    border-radius: 12px;
    position: relative;
    transition: all 0.25s ease;
}
 
.content-select select:hover{
	background: #FFC;
	color:#000;
}

/*claudia*/
.errorsistema {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 19px;
	letter-spacing: -1px;
	word-spacing: 2px;
	color: #E31010;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	}

	.rojo {color:red !important;}
	.azul {color:blue !important;}


	.marco_contenido{
		border: 1px solid #a8a8a8;
		background: #ffffff;
		color: rgb(78, 78, 78);
	
		border-radius: 8px;
	
		/* ESPACIO INTERNO */
		padding: 15px;
	
		/* margen externo mínimo (opcional) */
		margin: 10px 0;
	
		box-shadow:
			inset 2px 2px 4px rgba(120, 120, 120, .4),
			inset -3px -3px 3px rgba(255,255,255,.4);
	}
	
	
	.marco_menu{
		border: 1px solid #c0bebe;
		background: #f0ecec;
		color: rgb(37, 35, 35);
	
		/* Bordes */
		border-radius: 8px;
	
		/* Espaciado interno */
		padding: 15px;
	
		/* Espaciado externo */
		margin: 10px 0;
	
		box-shadow:
			inset 2px 2px 4px rgba(120, 120, 120, .4),
			inset -3px -3px 3px rgba(255,255,255,.4);
	}
	


	.boton_menu {
		box-shadow:inset 0px 1px 0px 0px #bee2f9 !important;
		background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100% ) ;
		background-color:#63b8ee ;
		border-radius:6px;
		border:1px solid #3866a3 ;
		display:inline-block ;
		cursor:pointer;
		color:#14396a ;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #7cacde;
	}
	.boton_menu:hover {
		background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100% );
		background-color:#468ccf;
	}
	.boton_menu:active {
		position:relative;
		top:1px;
	}

	.myButton {
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		background-color:#ffffff;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:6px 24px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
	}
	.myButton:hover {
		background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
		background-color:#f6f6f6;
	}
	.myButton:active {
		position:relative;
		top:1px;
	}
	
	

	/*fin claudia */
/*