/* COLORES PARA SUSTITUIR (sustituir con whole word para no cambiar los de este comentario)
	FONDO VENTANAS: #F7E5EA__ (rojo clarito) #D9E9FA__ (azul clarito) #EFF7FF__ 
	COMIENZO GRADIENTE: #FF5142__ (rojo claro)  #6FBDFA__ (azul claro)  #5C8DB3__
	FIN GRADIENTE: #660800__ (rojo oscuro)  #03529B__ (azul oscuro) #004280__
	OPORTUNIDAD WIDGET: #B93429__ (rojo intermedio) #035290__ (azul intermedio) #1E5A91__
*/

@font-face {
	font-family: 'Entypo';
    src: url('entypo/entypo.eot');
    src: local('☺'), url('entypo/entypo.woff') format('woff'), url('entypo/entypo.ttf') format('truetype'), url('entypo/entypo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

textarea:disabled, input:not([type]):disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled {
	background-color: white;
	border: 1px solid rgb(169, 169, 169);
}
input:disabled, textarea:disabled {
	color: rgb(84, 84, 84);
}

.icono {
	font-family: Entypo;
    font-weight: normal;
    font-style: normal;
    font-size: 1.7em;
    line-height: 0; 
	top: 1px;
	position: relative;
}

.iconoX {
	font-family: Entypo;
    font-weight: normal;
    font-style: normal;
    font-size: 3em;
    line-height: 0; 
	top: 1px;
	position: relative;
}

body,table td,select,input,textarea,select,button,div,span {
/* 	font-family: Verdana, Arial, sans-serif; */
	font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
/* 	font-size: 14px; */
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.gwt-PopupPanel {
	z-index: 0; /* Gracias a esto siempre sale por encima de los widgets con position absolute (no sé por qué...)*/
/* 	border: 2px solid #004280; */
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	border: 0px;
	padding: 0px;
/* 	background: rgb(247, 229, 234);	 */
/* 	box-shadow:	10px 10px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0); */
/* 	-moz-box-shadow: 10px 10px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0); */
/* 	-webkit-box-shadow:	10px 10px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0); */
/* 	-ms-box-shadow:	10px 10px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0); */
}

.ventana-fpContenido {
    background: #BBDCDA;
    box-shadow: 10px 10px 3px rgba(82, 80, 80, 0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 10px 10px 3px rgba(82, 80, 80, 0.71), inset 0px 0px 1px rgba(255,255,255,0);
	-webkit-box-shadow: 10px 10px 3px rgba(82, 80, 80, 0.71), inset 0px 0px 1px rgba(255,255,255,0);
	-ms-box-shadow: 10px 10px 3px rgba(82, 80, 80, 0.71), inset 0px 0px 1px rgba(255,255,255,0);
    border: 2px solid #4f928f;
    /* border-radius: 0.5em; */
    -moz-border-radius: 0.5em;
    /* -webkit-border-radius: 0.5em; */
    -ms-border-radius: 0.5em;
}

.ventana-spContenido {
	width: 100%;
	height: 100%;
}

.ventana-encabezado {
	background: #17A8A1;
	color: white;
	font-weight: bold;
	font-size: medium;
	width: 100%;
}

.ventanaWidget-encabezado {
	background: linear-gradient(top, #5C8DB3 0%, #004280);
	background: -moz-linear-gradient(top, #5C8DB3 0%, #004280);
	background: -webkit-gradient(linear, left top, left bottom,	from(#5C8DB3), to(#004280));
	background: -ms-linear-gradient(top, #5C8DB3 0%, #004280);
	color: white;
	font-weight: bold;
	font-size: medium;
	width: 100%;
	padding: 3px;
	text-shadow: #000000 2px 2px 0;
}

.ventana-lbEncabezado {
	color: white;
	font-weight: bold;
	font-size: medium;
	width: 100%;
	padding: 3px;
}

.ventana-botonCerrar {
	display: inline;
    white-space: nowrap;
    color: #ffffff;
    cursor: pointer;
    padding: 0px 3px;
    background: #E16944;
    border: 0;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
}

.ventana-botonMaximizar {
    display: inline;
    white-space: nowrap;
    color: #ffffff;
    cursor: pointer;
    padding: 0px 3px;
    background: #17A8A1;
    border: 0;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
}

.ventana-botonMaximizar:disabled {
	background: grey;
	cursor: default;
}

/* Alert */
.background-alert {
	margin-top: 1em;
}

.etiqueta-alert {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.panelTextoAlert {
	margin: 1.5em 1.5em 1.5em 1.5em;
}

.dosOpciones-botonera {
	margin: 0.5em 0em 1em 0em;
	width: 100%;
}

.boton {
    display: inline;
    margin: 2px;
    white-space: nowrap;
    color: white;
    font-weight: bold;
    cursor: pointer;
    padding: 0.3em 0.5em;
    min-width: 4em;
    background: #E16944;
    border: 0;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
}

.boton:disabled {
	background: grey;
	color: #b3b1b1;
	cursor: default;
}

.popupContent {
	
}

.gwt-SuggestBoxPopup {
	z-index: 100000;
}

.dateBoxPopup {
	z-index: 10000;
}

.gwt-PopupPanelGlass {
	background-color: black;
	opacity: 0.3;
	z-index: 10000;
	filter: alpha(opacity=30);
}

.negrita {
	font-weight: bold;
}

.campoTexto {
	width: 100%;
	margin-bottom: 0.5em;
}

.campoTexto-label {
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%;
	color: #444444;
	text-shadow: #ddf 1px 1px 0;
	font-weight: bold;
	font-size: 1.5em;
}

.campoTexto-label-conFondo {
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: 100%;
	background: linear-gradient(top, #5C8DB3 0%, #004280);
	background: -moz-linear-gradient(top, #5C8DB3 0%, #004280);
	background: -webkit-gradient(linear, left top, left bottom,	from(#5C8DB3), to(#004280));
	background: -ms-linear-gradient(top, #5C8DB3 0%, #004280);
	color: white;
	font-weight: bold;
	font-size: 1.5em;
}

.campoTexto-textBox {
	text-align: left;
	padding: 0.1em 0.3em;
	width: 100%;
	outline: none;
	resize: none;
	margin: 0;
	font-size: 1.5em;
	border: 0;
}

.campoTexto-textBox:focus, .campoTexto-textBox:active, .textBox:focus, .textBox:active {
	outline: 2px solid #E16944;
}

.popupCargando {
	width: 128px;
	height: 128px;
	opacity: 0.75;
   	filter: alpha(opacity=75); 
	z-index: 100001;
}

.gwt-TabLayoutPanel {
	width: 100%;
	height: 100%;
	background: #BBDCDA;
}

.gwt-TabLayoutPanelTabs {
	background: #BBDCDA;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
	background: #BBDCDA;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	background: #BBDCDA;
	font-weight: normal;
	color: grey;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	background: #E16944;
	font-weight: bold;
	color: white;
}

.gwt-TabLayoutPanelTabInner {
	
}

.gwt-TabLayoutPanelContent {
	background: #BBDCDA;
	width: 100%;
}

.gwt-Label {
	font-size: 2em;
}

.fPanelReservables {
	background: #BBDCDA;
	width: 100%;
}
.scrollPanelReservables {
	width: 100%;
	height: 100%;
}

.reservableWidget {
	margin: 1em;
	background: white;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0)
}

.reservableWidget-titulo {
	ont-weight: bold;
    font-size: 2em;
    color: white;
    background: #17A8A1;
    padding: 0.25em;
}

.reservableWidget-informacion {
	padding: 0.5em;
}

.reservableWidget-grid {
	width: 100%;
	background: #EFF7FF;
}

.reservableWidget-vigenciaYPrecioTotal {
	font-weight: bold;
	font-size: 1.5em;
}

.reservableWidget-inscritos {
	font-weight: bold;
	font-size: 1.75em;
}

.reservableWidget-reservar {
    display: inline;
    margin: 2px;
    white-space: nowrap;
    color: white;
	font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    padding: 0.3em 0.5em;
    min-width: 4em;
    background: #E16944;
    border: 0;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
}

.pRegistroUsuario {
	width: 100%;
	height: 100%;	
}

.pRegistroUsuario-flex {
	background: #BBDCDA;
	width: 100%;
}

.pRegistroUsuario-sPanel {
	width: 100%;
	height: 100%;
}

.pRegistroUsuario-fp {
	margin: 1em;
}

.pRegistroUsuario-encabezado {
	margin: 1em 0;
	white-space: nowrap;
    margin: 2px;
    color: white;
	font-size: 2em;
    font-weight: bold;
    cursor: pointer;
    padding: 0.3em 0.5em;
    min-width: 4em;
    background: #E16944;
    border: 0;
    box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.71), inset 0px 0px 1px rgba(255,255,255,0);
}